@import url("https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i&display=swap"); @import url("https://fonts.googleapis.com/css?family=Inter+Tight:300,300i,400,400i,500,500i,700,700i&display=swap"); /* */ @charset "UTF-8"; /* /web/static/lib/bootstrap/scss/_functions.scss */ /* /web/static/lib/bootstrap/scss/_mixins.scss */ /* /web/static/src/scss/functions.scss */ /* /web/static/src/scss/mixins_forwardport.scss */ /* /web/static/src/scss/bs_mixins_overrides.scss */ .o_figure_relative_layout .figure-caption h1, .o_colored_level .o_figure_relative_layout .figure-caption h1, .o_cc5 h1, .o_colored_level .o_cc5 h1, .o_cc4 h1, .o_colored_level .o_cc4 h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc2 h1, .o_footer h1, .o_colored_level .o_cc2 h1, .o_colored_level .o_footer h1, .o_cc1 h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .navbar-light h1, .o_colored_level .o_cc1 h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .o_colored_level .navbar-light h1, .bg-o-color-5 h1, .o_colored_level .bg-o-color-5 h1, .bg-o-color-4 h1, .o_colored_level .bg-o-color-4 h1, .bg-o-color-3 h1, .o_colored_level .bg-o-color-3 h1, .bg-o-color-2 h1, .o_colored_level .bg-o-color-2 h1, .bg-o-color-1 h1, .o_colored_level .bg-o-color-1 h1, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h1, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h1, .bg-white h1, .o_colored_level .bg-white h1, .bg-black h1, .o_colored_level .bg-black h1, .bg-black-50 h1, .o_colored_level .bg-black-50 h1, .bg-black-75 h1, .o_colored_level .bg-black-75 h1, .bg-white-50 h1, .o_colored_level .bg-white-50 h1, .bg-white-75 h1, .o_colored_level .bg-white-75 h1, .bg-white-85 h1, .o_colored_level .bg-white-85 h1, .bg-900 h1, .o_colored_level .bg-900 h1, .bg-800 h1, .o_colored_level .bg-800 h1, .bg-700 h1, .o_colored_level .bg-700 h1, .bg-600 h1, .o_colored_level .bg-600 h1, .bg-500 h1, .o_colored_level .bg-500 h1, .bg-400 h1, .o_colored_level .bg-400 h1, .bg-300 h1, .o_colored_level .bg-300 h1, .bg-200 h1, .o_colored_level .bg-200 h1, .bg-100 h1, .o_colored_level .bg-100 h1, .o_figure_relative_layout .figure-caption .h1, .o_colored_level .o_figure_relative_layout .figure-caption .h1, .o_cc5 .h1, .o_colored_level .o_cc5 .h1, .o_cc4 .h1, .o_colored_level .o_cc4 .h1, .o_cc3 .h1, .o_colored_level .o_cc3 .h1, .o_cc2 .h1, .o_footer .h1, .o_colored_level .o_cc2 .h1, .o_colored_level .o_footer .h1, .o_cc1 .h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .navbar-light .h1, .o_colored_level .o_cc1 .h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .o_colored_level .navbar-light .h1, .bg-o-color-5 .h1, .o_colored_level .bg-o-color-5 .h1, .bg-o-color-4 .h1, .o_colored_level .bg-o-color-4 .h1, .bg-o-color-3 .h1, .o_colored_level .bg-o-color-3 .h1, .bg-o-color-2 .h1, .o_colored_level .bg-o-color-2 .h1, .bg-o-color-1 .h1, .o_colored_level .bg-o-color-1 .h1, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h1, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h1, .bg-white .h1, .o_colored_level .bg-white .h1, .bg-black .h1, .o_colored_level .bg-black .h1, .bg-black-50 .h1, .o_colored_level .bg-black-50 .h1, .bg-black-75 .h1, .o_colored_level .bg-black-75 .h1, .bg-white-50 .h1, .o_colored_level .bg-white-50 .h1, .bg-white-75 .h1, .o_colored_level .bg-white-75 .h1, .bg-white-85 .h1, .o_colored_level .bg-white-85 .h1, .bg-900 .h1, .o_colored_level .bg-900 .h1, .bg-800 .h1, .o_colored_level .bg-800 .h1, .bg-700 .h1, .o_colored_level .bg-700 .h1, .bg-600 .h1, .o_colored_level .bg-600 .h1, .bg-500 .h1, .o_colored_level .bg-500 .h1, .bg-400 .h1, .bg-300 .h1, .bg-200 .h1, .bg-100 .h1, .o_figure_relative_layout .figure-caption h2, .o_colored_level .o_figure_relative_layout .figure-caption h2, .o_cc5 h2, .o_colored_level .o_cc5 h2, .o_cc4 h2, .o_colored_level .o_cc4 h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc2 h2, .o_footer h2, .o_colored_level .o_cc2 h2, .o_colored_level .o_footer h2, .o_cc1 h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .navbar-light h2, .o_colored_level .o_cc1 h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .o_colored_level .navbar-light h2, .bg-o-color-5 h2, .o_colored_level .bg-o-color-5 h2, .bg-o-color-4 h2, .o_colored_level .bg-o-color-4 h2, .bg-o-color-3 h2, .o_colored_level .bg-o-color-3 h2, .bg-o-color-2 h2, .o_colored_level .bg-o-color-2 h2, .bg-o-color-1 h2, .o_colored_level .bg-o-color-1 h2, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h2, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h2, .bg-white h2, .o_colored_level .bg-white h2, .bg-black h2, .o_colored_level .bg-black h2, .bg-black-50 h2, .o_colored_level .bg-black-50 h2, .bg-black-75 h2, .o_colored_level .bg-black-75 h2, .bg-white-50 h2, .o_colored_level .bg-white-50 h2, .bg-white-75 h2, .o_colored_level .bg-white-75 h2, .bg-white-85 h2, .o_colored_level .bg-white-85 h2, .bg-900 h2, .o_colored_level .bg-900 h2, .bg-800 h2, .o_colored_level .bg-800 h2, .bg-700 h2, .o_colored_level .bg-700 h2, .bg-600 h2, .o_colored_level .bg-600 h2, .bg-500 h2, .o_colored_level .bg-500 h2, .bg-400 h2, .o_colored_level .bg-400 h2, .bg-300 h2, .o_colored_level .bg-300 h2, .bg-200 h2, .o_colored_level .bg-200 h2, .bg-100 h2, .o_colored_level .bg-100 h2, .o_figure_relative_layout .figure-caption .h2, .o_colored_level .o_figure_relative_layout .figure-caption .h2, .o_cc5 .h2, .o_colored_level .o_cc5 .h2, .o_cc4 .h2, .o_colored_level .o_cc4 .h2, .o_cc3 .h2, .o_colored_level .o_cc3 .h2, .o_cc2 .h2, .o_footer .h2, .o_colored_level .o_cc2 .h2, .o_colored_level .o_footer .h2, .o_cc1 .h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .navbar-light .h2, .o_colored_level .o_cc1 .h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .o_colored_level .navbar-light .h2, .bg-o-color-5 .h2, .o_colored_level .bg-o-color-5 .h2, .bg-o-color-4 .h2, .o_colored_level .bg-o-color-4 .h2, .bg-o-color-3 .h2, .o_colored_level .bg-o-color-3 .h2, .bg-o-color-2 .h2, .o_colored_level .bg-o-color-2 .h2, .bg-o-color-1 .h2, .o_colored_level .bg-o-color-1 .h2, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h2, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h2, .bg-white .h2, .o_colored_level .bg-white .h2, .bg-black .h2, .o_colored_level .bg-black .h2, .bg-black-50 .h2, .o_colored_level .bg-black-50 .h2, .bg-black-75 .h2, .o_colored_level .bg-black-75 .h2, .bg-white-50 .h2, .o_colored_level .bg-white-50 .h2, .bg-white-75 .h2, .o_colored_level .bg-white-75 .h2, .bg-white-85 .h2, .o_colored_level .bg-white-85 .h2, .bg-900 .h2, .o_colored_level .bg-900 .h2, .bg-800 .h2, .o_colored_level .bg-800 .h2, .bg-700 .h2, .o_colored_level .bg-700 .h2, .bg-600 .h2, .o_colored_level .bg-600 .h2, .bg-500 .h2, .o_colored_level .bg-500 .h2, .bg-400 .h2, .bg-300 .h2, .bg-200 .h2, .bg-100 .h2, .o_figure_relative_layout .figure-caption h3, .o_colored_level .o_figure_relative_layout .figure-caption h3, .o_cc5 h3, .o_colored_level .o_cc5 h3, .o_cc4 h3, .o_colored_level .o_cc4 h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc2 h3, .o_footer h3, .o_colored_level .o_cc2 h3, .o_colored_level .o_footer h3, .o_cc1 h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .navbar-light h3, .o_colored_level .o_cc1 h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .o_colored_level .navbar-light h3, .bg-o-color-5 h3, .o_colored_level .bg-o-color-5 h3, .bg-o-color-4 h3, .o_colored_level .bg-o-color-4 h3, .bg-o-color-3 h3, .o_colored_level .bg-o-color-3 h3, .bg-o-color-2 h3, .o_colored_level .bg-o-color-2 h3, .bg-o-color-1 h3, .o_colored_level .bg-o-color-1 h3, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h3, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h3, .bg-white h3, .o_colored_level .bg-white h3, .bg-black h3, .o_colored_level .bg-black h3, .bg-black-50 h3, .o_colored_level .bg-black-50 h3, .bg-black-75 h3, .o_colored_level .bg-black-75 h3, .bg-white-50 h3, .o_colored_level .bg-white-50 h3, .bg-white-75 h3, .o_colored_level .bg-white-75 h3, .bg-white-85 h3, .o_colored_level .bg-white-85 h3, .bg-900 h3, .o_colored_level .bg-900 h3, .bg-800 h3, .o_colored_level .bg-800 h3, .bg-700 h3, .o_colored_level .bg-700 h3, .bg-600 h3, .o_colored_level .bg-600 h3, .bg-500 h3, .o_colored_level .bg-500 h3, .bg-400 h3, .o_colored_level .bg-400 h3, .bg-300 h3, .o_colored_level .bg-300 h3, .bg-200 h3, .o_colored_level .bg-200 h3, .bg-100 h3, .o_colored_level .bg-100 h3, .o_figure_relative_layout .figure-caption .h3, .o_colored_level .o_figure_relative_layout .figure-caption .h3, .o_cc5 .h3, .o_colored_level .o_cc5 .h3, .o_cc4 .h3, .o_colored_level .o_cc4 .h3, .o_cc3 .h3, .o_colored_level .o_cc3 .h3, .o_cc2 .h3, .o_footer .h3, .o_colored_level .o_cc2 .h3, .o_colored_level .o_footer .h3, .o_cc1 .h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .navbar-light .h3, .o_colored_level .o_cc1 .h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .o_colored_level .navbar-light .h3, .bg-o-color-5 .h3, .o_colored_level .bg-o-color-5 .h3, .bg-o-color-4 .h3, .o_colored_level .bg-o-color-4 .h3, .bg-o-color-3 .h3, .o_colored_level .bg-o-color-3 .h3, .bg-o-color-2 .h3, .o_colored_level .bg-o-color-2 .h3, .bg-o-color-1 .h3, .o_colored_level .bg-o-color-1 .h3, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h3, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h3, .bg-white .h3, .o_colored_level .bg-white .h3, .bg-black .h3, .o_colored_level .bg-black .h3, .bg-black-50 .h3, .o_colored_level .bg-black-50 .h3, .bg-black-75 .h3, .o_colored_level .bg-black-75 .h3, .bg-white-50 .h3, .o_colored_level .bg-white-50 .h3, .bg-white-75 .h3, .o_colored_level .bg-white-75 .h3, .bg-white-85 .h3, .o_colored_level .bg-white-85 .h3, .bg-900 .h3, .o_colored_level .bg-900 .h3, .bg-800 .h3, .o_colored_level .bg-800 .h3, .bg-700 .h3, .o_colored_level .bg-700 .h3, .bg-600 .h3, .o_colored_level .bg-600 .h3, .bg-500 .h3, .o_colored_level .bg-500 .h3, .bg-400 .h3, .bg-300 .h3, .bg-200 .h3, .bg-100 .h3, .o_figure_relative_layout .figure-caption h4, .o_colored_level .o_figure_relative_layout .figure-caption h4, .o_cc5 h4, .o_colored_level .o_cc5 h4, .o_cc4 h4, .o_colored_level .o_cc4 h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc2 h4, .o_footer h4, .o_colored_level .o_cc2 h4, .o_colored_level .o_footer h4, .o_cc1 h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .navbar-light h4, .o_colored_level .o_cc1 h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .o_colored_level .navbar-light h4, .bg-o-color-5 h4, .o_colored_level .bg-o-color-5 h4, .bg-o-color-4 h4, .o_colored_level .bg-o-color-4 h4, .bg-o-color-3 h4, .o_colored_level .bg-o-color-3 h4, .bg-o-color-2 h4, .o_colored_level .bg-o-color-2 h4, .bg-o-color-1 h4, .o_colored_level .bg-o-color-1 h4, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h4, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h4, .bg-white h4, .o_colored_level .bg-white h4, .bg-black h4, .o_colored_level .bg-black h4, .bg-black-50 h4, .o_colored_level .bg-black-50 h4, .bg-black-75 h4, .o_colored_level .bg-black-75 h4, .bg-white-50 h4, .o_colored_level .bg-white-50 h4, .bg-white-75 h4, .o_colored_level .bg-white-75 h4, .bg-white-85 h4, .o_colored_level .bg-white-85 h4, .bg-900 h4, .o_colored_level .bg-900 h4, .bg-800 h4, .o_colored_level .bg-800 h4, .bg-700 h4, .o_colored_level .bg-700 h4, .bg-600 h4, .o_colored_level .bg-600 h4, .bg-500 h4, .o_colored_level .bg-500 h4, .bg-400 h4, .o_colored_level .bg-400 h4, .bg-300 h4, .o_colored_level .bg-300 h4, .bg-200 h4, .o_colored_level .bg-200 h4, .bg-100 h4, .o_colored_level .bg-100 h4, .o_figure_relative_layout .figure-caption .h4, .o_colored_level .o_figure_relative_layout .figure-caption .h4, .o_cc5 .h4, .o_colored_level .o_cc5 .h4, .o_cc4 .h4, .o_colored_level .o_cc4 .h4, .o_cc3 .h4, .o_colored_level .o_cc3 .h4, .o_cc2 .h4, .o_footer .h4, .o_colored_level .o_cc2 .h4, .o_colored_level .o_footer .h4, .o_cc1 .h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .navbar-light .h4, .o_colored_level .o_cc1 .h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .o_colored_level .navbar-light .h4, .bg-o-color-5 .h4, .o_colored_level .bg-o-color-5 .h4, .bg-o-color-4 .h4, .o_colored_level .bg-o-color-4 .h4, .bg-o-color-3 .h4, .o_colored_level .bg-o-color-3 .h4, .bg-o-color-2 .h4, .o_colored_level .bg-o-color-2 .h4, .bg-o-color-1 .h4, .o_colored_level .bg-o-color-1 .h4, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h4, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h4, .bg-white .h4, .o_colored_level .bg-white .h4, .bg-black .h4, .o_colored_level .bg-black .h4, .bg-black-50 .h4, .o_colored_level .bg-black-50 .h4, .bg-black-75 .h4, .o_colored_level .bg-black-75 .h4, .bg-white-50 .h4, .o_colored_level .bg-white-50 .h4, .bg-white-75 .h4, .o_colored_level .bg-white-75 .h4, .bg-white-85 .h4, .o_colored_level .bg-white-85 .h4, .bg-900 .h4, .o_colored_level .bg-900 .h4, .bg-800 .h4, .o_colored_level .bg-800 .h4, .bg-700 .h4, .o_colored_level .bg-700 .h4, .bg-600 .h4, .o_colored_level .bg-600 .h4, .bg-500 .h4, .o_colored_level .bg-500 .h4, .bg-400 .h4, .bg-300 .h4, .bg-200 .h4, .bg-100 .h4, .o_figure_relative_layout .figure-caption h5, .o_colored_level .o_figure_relative_layout .figure-caption h5, .o_cc5 h5, .o_colored_level .o_cc5 h5, .o_cc4 h5, .o_colored_level .o_cc4 h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc2 h5, .o_footer h5, .o_colored_level .o_cc2 h5, .o_colored_level .o_footer h5, .o_cc1 h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .navbar-light h5, .o_colored_level .o_cc1 h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .o_colored_level .navbar-light h5, .bg-o-color-5 h5, .o_colored_level .bg-o-color-5 h5, .bg-o-color-4 h5, .o_colored_level .bg-o-color-4 h5, .bg-o-color-3 h5, .o_colored_level .bg-o-color-3 h5, .bg-o-color-2 h5, .o_colored_level .bg-o-color-2 h5, .bg-o-color-1 h5, .o_colored_level .bg-o-color-1 h5, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h5, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h5, .bg-white h5, .o_colored_level .bg-white h5, .bg-black h5, .o_colored_level .bg-black h5, .bg-black-50 h5, .o_colored_level .bg-black-50 h5, .bg-black-75 h5, .o_colored_level .bg-black-75 h5, .bg-white-50 h5, .o_colored_level .bg-white-50 h5, .bg-white-75 h5, .o_colored_level .bg-white-75 h5, .bg-white-85 h5, .o_colored_level .bg-white-85 h5, .bg-900 h5, .o_colored_level .bg-900 h5, .bg-800 h5, .o_colored_level .bg-800 h5, .bg-700 h5, .o_colored_level .bg-700 h5, .bg-600 h5, .o_colored_level .bg-600 h5, .bg-500 h5, .o_colored_level .bg-500 h5, .bg-400 h5, .o_colored_level .bg-400 h5, .bg-300 h5, .o_colored_level .bg-300 h5, .bg-200 h5, .o_colored_level .bg-200 h5, .bg-100 h5, .o_colored_level .bg-100 h5, .o_figure_relative_layout .figure-caption .h5, .o_colored_level .o_figure_relative_layout .figure-caption .h5, .o_cc5 .h5, .o_colored_level .o_cc5 .h5, .o_cc4 .h5, .o_colored_level .o_cc4 .h5, .o_cc3 .h5, .o_colored_level .o_cc3 .h5, .o_cc2 .h5, .o_footer .h5, .o_colored_level .o_cc2 .h5, .o_colored_level .o_footer .h5, .o_cc1 .h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .navbar-light .h5, .o_colored_level .o_cc1 .h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .o_colored_level .navbar-light .h5, .bg-o-color-5 .h5, .o_colored_level .bg-o-color-5 .h5, .bg-o-color-4 .h5, .o_colored_level .bg-o-color-4 .h5, .bg-o-color-3 .h5, .o_colored_level .bg-o-color-3 .h5, .bg-o-color-2 .h5, .o_colored_level .bg-o-color-2 .h5, .bg-o-color-1 .h5, .o_colored_level .bg-o-color-1 .h5, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h5, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h5, .bg-white .h5, .o_colored_level .bg-white .h5, .bg-black .h5, .o_colored_level .bg-black .h5, .bg-black-50 .h5, .o_colored_level .bg-black-50 .h5, .bg-black-75 .h5, .o_colored_level .bg-black-75 .h5, .bg-white-50 .h5, .o_colored_level .bg-white-50 .h5, .bg-white-75 .h5, .o_colored_level .bg-white-75 .h5, .bg-white-85 .h5, .o_colored_level .bg-white-85 .h5, .bg-900 .h5, .o_colored_level .bg-900 .h5, .bg-800 .h5, .o_colored_level .bg-800 .h5, .bg-700 .h5, .o_colored_level .bg-700 .h5, .bg-600 .h5, .o_colored_level .bg-600 .h5, .bg-500 .h5, .o_colored_level .bg-500 .h5, .bg-400 .h5, .bg-300 .h5, .bg-200 .h5, .bg-100 .h5, .o_figure_relative_layout .figure-caption h6, .o_colored_level .o_figure_relative_layout .figure-caption h6, .o_cc5 h6, .o_colored_level .o_cc5 h6, .o_cc4 h6, .o_colored_level .o_cc4 h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc2 h6, .o_footer h6, .o_colored_level .o_cc2 h6, .o_colored_level .o_footer h6, .o_cc1 h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .navbar-light h6, .o_colored_level .o_cc1 h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .o_colored_level .navbar-light h6, .bg-o-color-5 h6, .o_colored_level .bg-o-color-5 h6, .bg-o-color-4 h6, .o_colored_level .bg-o-color-4 h6, .bg-o-color-3 h6, .o_colored_level .bg-o-color-3 h6, .bg-o-color-2 h6, .o_colored_level .bg-o-color-2 h6, .bg-o-color-1 h6, .o_colored_level .bg-o-color-1 h6, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h6, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) h6, .bg-white h6, .o_colored_level .bg-white h6, .bg-black h6, .o_colored_level .bg-black h6, .bg-black-50 h6, .o_colored_level .bg-black-50 h6, .bg-black-75 h6, .o_colored_level .bg-black-75 h6, .bg-white-50 h6, .o_colored_level .bg-white-50 h6, .bg-white-75 h6, .o_colored_level .bg-white-75 h6, .bg-white-85 h6, .o_colored_level .bg-white-85 h6, .bg-900 h6, .o_colored_level .bg-900 h6, .bg-800 h6, .o_colored_level .bg-800 h6, .bg-700 h6, .o_colored_level .bg-700 h6, .bg-600 h6, .o_colored_level .bg-600 h6, .bg-500 h6, .o_colored_level .bg-500 h6, .bg-400 h6, .o_colored_level .bg-400 h6, .bg-300 h6, .o_colored_level .bg-300 h6, .bg-200 h6, .o_colored_level .bg-200 h6, .bg-100 h6, .o_colored_level .bg-100 h6, .o_figure_relative_layout .figure-caption .h6, .o_colored_level .o_figure_relative_layout .figure-caption .h6, .o_cc5 .h6, .o_colored_level .o_cc5 .h6, .o_cc4 .h6, .o_colored_level .o_cc4 .h6, .o_cc3 .h6, .o_colored_level .o_cc3 .h6, .o_cc2 .h6, .o_footer .h6, .o_colored_level .o_cc2 .h6, .o_colored_level .o_footer .h6, .o_cc1 .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .navbar-light .h6, .o_colored_level .o_cc1 .h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .o_colored_level .navbar-light .h6, .bg-o-color-5 .h6, .o_colored_level .bg-o-color-5 .h6, .bg-o-color-4 .h6, .o_colored_level .bg-o-color-4 .h6, .bg-o-color-3 .h6, .o_colored_level .bg-o-color-3 .h6, .bg-o-color-2 .h6, .o_colored_level .bg-o-color-2 .h6, .bg-o-color-1 .h6, .o_colored_level .bg-o-color-1 .h6, :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h6, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .h6, .bg-white .h6, .o_colored_level .bg-white .h6, .bg-black .h6, .o_colored_level .bg-black .h6, .bg-black-50 .h6, .o_colored_level .bg-black-50 .h6, .bg-black-75 .h6, .o_colored_level .bg-black-75 .h6, .bg-white-50 .h6, .o_colored_level .bg-white-50 .h6, .bg-white-75 .h6, .o_colored_level .bg-white-75 .h6, .bg-white-85 .h6, .o_colored_level .bg-white-85 .h6, .bg-900 .h6, .o_colored_level .bg-900 .h6, .bg-800 .h6, .o_colored_level .bg-800 .h6, .bg-700 .h6, .o_colored_level .bg-700 .h6, .bg-600 .h6, .o_colored_level .bg-600 .h6, .bg-500 .h6, .o_colored_level .bg-500 .h6, .bg-400 .h6, .bg-300 .h6, .bg-200 .h6, .bg-100 .h6{color: inherit;} /* /web/static/src/scss/utils.scss */ .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper, .o_colorpicker_widget .o_opacity_slider, .o_colorpicker_widget .o_color_preview, .o_color_picker_button{position: relative; z-index: 0;}.modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::before, .o_colorpicker_widget .o_opacity_slider::before, .o_colorpicker_widget .o_color_preview::before, .o_color_picker_button::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("/web/static/img/transparent.png"); background-size: var(--PreviewAlphaBg-background-size, 10px) auto; border-radius: inherit;}.modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::after, .o_colorpicker_widget .o_opacity_slider::after, .o_colorpicker_widget .o_color_preview::after, .o_color_picker_button::after{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: inherit; box-shadow: inherit;}.o_nocontent_help .o_empty_folder_image:before{content: ""; display: block; margin: auto; background-size: cover;}.o_nocontent_help .o_empty_folder_image:before{width: 120px; height: 80px; margin-top: 30px; margin-bottom: 30px; background: transparent url(/web/static/img/empty_folder.svg) no-repeat center;} /* /web_enterprise/static/src/scss/primary_variables.scss */ /* /web/static/src/scss/primary_variables.scss */ /* /web_enterprise/static/src/webclient/home_menu/home_menu.variables.scss */ /* /web_enterprise/static/src/webclient/navbar/navbar.variables.scss */ /* /html_editor/static/src/scss/html_editor.variables.scss */ /* /web/static/src/core/avatar/avatar.variables.scss */ /* /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss */ /* /web/static/src/core/notifications/notification.variables.scss */ /* /web/static/src/search/control_panel/control_panel.variables.scss */ /* /web/static/src/search/search_bar/search_bar.variables.scss */ /* /web/static/src/search/search_panel/search_panel.variables.scss */ /* /web/static/src/views/fields/statusbar/statusbar_field.variables.scss */ /* /web/static/src/views/fields/translation_button.variables.scss */ /* /web/static/src/views/form/form.variables.scss */ /* /web/static/src/views/kanban/kanban.variables.scss */ /* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */ /* /web/static/src/webclient/navbar/navbar.variables.scss */ .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle{position: relative; display: flex; align-items: center; width: auto; height: calc(var(--o-navbar-height) - 20px); border-radius: 0.25rem; user-select: none; background-color: inherit; font-size: 1em; color: var(--NavBar-entry-color, #111827);}.o_main_navbar .o_menu_brand:hover, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover, .o_main_navbar .dropdown-toggle:hover:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:hover, .o_main_navbar .o_menu_brand:focus, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:focus, .o_main_navbar .o_nav_entry:focus, .o_main_navbar .dropdown-toggle:focus:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:focus, .o_main_navbar .focus.o_menu_brand, .o_main_navbar .o_navbar_apps_menu .focus.dropdown-toggle, .o_main_navbar .focus.o_nav_entry, .o_main_navbar .focus.dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .focus.o_menu_toggle{color: var(--NavBar-entry-color--hover, #000);}.o_main_navbar .o_menu_brand, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle{margin: 0; margin-left: var(--NavBar-entry-margin-left, 1px); margin-right: var(--NavBar-entry-margin-right, 1px); padding: 0; padding-left: var(--NavBar-entry-padding-left, 0.63em); padding-right: var(--NavBar-entry-padding-right, 0.63em); line-height: calc(var(--o-navbar-height) - 20px);} /* /mail/static/src/core/common/primary_variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /onboarding/static/src/scss/onboarding.variables.scss */ /* /account/static/src/scss/variables.scss */ @keyframes animate-red{0%{color: red;}100%{color: inherit;}}.animate{animation: animate-red 1s ease;} /* /html_builder/static/src/core/building_blocks/builder_checkbox.variables.scss */ /* /html_builder/static/src/core/building_blocks/builder_row.variables.scss */ /* /html_builder/static/src/scss/builder.variables.scss */ .o_we_shape{--ShapeConnections--size-tiny: 2rem; --ShapeConnections--size-regular: 4rem; --ShapeConnections--size-big: 15rem; --ShapeAngular--size-regular: 15rem; --ShapeWavy--size-regular: 15rem; --ShapePattern--size-tiny: 12.5rem; --ShapePattern--size-regular: 50rem;}.o_we_shape_btn_content .o_we_shape{--ShapeConnections--size-tiny: 25%; --ShapeConnections--size-regular: 50%; --ShapeConnections--size-big: 75%; --ShapeAngular--size-regular: 50%; --ShapePattern--size-regular: 100%; --ShapePattern--size-tiny: 50%; --ShapeWavy--size-regular: 100%;} /* /website/static/src/scss/primary_variables.scss */ /* /_custom/web.assets_frontend/website/static/src/scss/options/user_values.scss */ /* /website/static/src/scss/options/colors/user_color_palette.scss */ /* /website/static/src/scss/options/colors/user_gray_color_palette.scss */ /* /_custom/web.assets_frontend/website/static/src/scss/options/colors/user_theme_color_palette.scss */ /* /web_gantt/static/src/gantt_view.variables.scss */ /* /hr_org_chart/static/src/scss/variables.scss */ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web_enterprise/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /html_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /website/static/src/scss/bootstrap_overridden.scss */ .carousel-instant .carousel-item{transition-duration: 200ms !important;} /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /html_editor/static/src/scss/bootstrap_overridden.scss */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss */ /* /web/static/src/scss/pre_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables-dark.scss */ /* /web/static/lib/bootstrap/scss/_maps.scss */ /* /web/static/src/scss/import_bootstrap.scss */ :root, [data-bs-theme="light"]{--blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #FFF; --gray: #6C757D; --gray-dark: #343A40; --o-cc5-btn-secondary-border: ; --o-cc5-btn-secondary: #F6F5F4; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: ; --o-cc5-link: ; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #FFFFFF; --o-cc5-text: ; --o-cc5-bg: #1B1319; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #F6F5F4; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #1B1319; --o-cc4-link: #1B1319; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: ; --o-cc4-text: ; --o-cc4-bg: #714B67; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #F6F5F4; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: ; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: ; --o-cc3-text: ; --o-cc3-bg: #F0CDA8; --o-cc2-btn-secondary-border: ; --o-cc2-btn-secondary: ; --o-cc2-btn-primary-border: ; --o-cc2-btn-primary: ; --o-cc2-link: ; --o-cc2-h6: ; --o-cc2-h5: ; --o-cc2-h4: ; --o-cc2-h3: ; --o-cc2-h2: ; --o-cc2-headings: #1B1319; --o-cc2-text: ; --o-cc2-bg: #F6F5F4; --o-cc1-btn-secondary-border: ; --o-cc1-btn-secondary: ; --o-cc1-btn-primary-border: ; --o-cc1-btn-primary: ; --o-cc1-link: ; --o-cc1-h6: ; --o-cc1-h5: ; --o-cc1-h4: ; --o-cc1-h3: ; --o-cc1-h2: ; --o-cc1-headings: ; --o-cc1-text: ; --o-cc1-bg: #FFFFFF; --copyright-custom: ; --copyright: ; --footer-custom: ; --footer: #F6F5F4; --header-sales_four-custom: ; --header-sales_four: #FFFFFF; --header-sales_three-custom: ; --header-sales_three: #F6F5F4; --header-sales_two-custom: ; --header-sales_two: #1B1319; --header-sales_one-custom: ; --header-sales_one: #F6F5F4; --menu-border-color: ; --menu-custom: ; --menu: #FFFFFF; --input: ; --body: white; --o-color-5: #1B1319; --o-color-4: #FFFFFF; --o-color-3: #F6F5F4; --o-color-2: #F0CDA8; --o-color-1: #714B67; --gray-100: #F8F9FA; --gray-200: #E9ECEF; --gray-300: #DEE2E6; --gray-400: #CED4DA; --gray-500: #ADB5BD; --gray-600: #6C757D; --gray-700: #495057; --gray-800: #343A40; --gray-900: #212529; --gray-white-85: rgba(255, 255, 255, 0.85); --gray-white-75: rgba(255, 255, 255, 0.75); --gray-white-50: rgba(255, 255, 255, 0.5); --gray-white-25: rgba(255, 255, 255, 0.25); --gray-black-75: rgba(0, 0, 0, 0.75); --gray-black-50: rgba(0, 0, 0, 0.5); --gray-black-25: rgba(0, 0, 0, 0.25); --gray-black-15: rgba(0, 0, 0, 0.15); --gray-black: #000000; --gray-white: #FFFFFF; --primary: #714B67; --secondary: #F0CDA8; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #F6F5F4; --dark: #1B1319; --primary-rgb: 113, 75, 103; --secondary-rgb: 240, 205, 168; --success-rgb: 40, 167, 69; --info-rgb: 23, 162, 184; --warning-rgb: 255, 193, 7; --danger-rgb: 220, 53, 69; --light-rgb: 246, 245, 244; --dark-rgb: 27, 19, 25; --primary-text-emphasis: #65435c; --secondary-text-emphasis: #605243; --success-text-emphasis: #10431c; --info-text-emphasis: #09414a; --warning-text-emphasis: #664d03; --danger-text-emphasis: #58151c; --light-text-emphasis: #495057; --dark-text-emphasis: #495057; --primary-bg-subtle: #e3dbe1; --secondary-bg-subtle: #fcf5ee; --success-bg-subtle: #d4edda; --info-bg-subtle: #d1ecf1; --warning-bg-subtle: #fff3cd; --danger-bg-subtle: #f8d7da; --light-bg-subtle: #fcfcfd; --dark-bg-subtle: #CED4DA; --primary-border-subtle: #c6b7c2; --secondary-border-subtle: #f9ebdc; --success-border-subtle: #a9dcb5; --info-border-subtle: #a2dae3; --warning-border-subtle: #ffe69c; --danger-border-subtle: #f1aeb5; --light-border-subtle: #E9ECEF; --dark-border-subtle: #ADB5BD; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --font-sans-serif: "Inter", "Odoo Unicode Support Noto", sans-serif; --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --body-font-family: var(--font-sans-serif); --body-font-size: 1rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #212529; --body-color-rgb: 33, 37, 41; --body-bg: #FFFFFF; --body-bg-rgb: 255, 255, 255; --emphasis-color: #000; --emphasis-color-rgb: 0, 0, 0; --secondary-color: rgba(33, 37, 41, 0.75); --secondary-color-rgb: 33, 37, 41; --secondary-bg: #E9ECEF; --secondary-bg-rgb: 233, 236, 239; --tertiary-color: rgba(33, 37, 41, 0.5); --tertiary-color-rgb: 33, 37, 41; --tertiary-bg: #e9e9ea; --tertiary-bg-rgb: 233, 233, 234; --heading-color: inherit; --link-color: #65435c; --link-color-rgb: 100.73829787, 66.86170213, 91.82340426; --link-decoration: none; --link-hover-color: #372432; --link-hover-color-rgb: 54.75691489, 36.34308511, 49.91117021; --link-hover-decoration: underline; --code-color: #e83e8c; --highlight-color: #212529; --highlight-bg: #fff3cd; --border-width: 1px; --border-style: solid; --border-color: var(--o-border-color); --border-color-translucent: rgba(0, 0, 0, 0.175); --border-radius: 0.4rem; --border-radius-sm: 0.3rem; --border-radius-lg: 0.6rem; --border-radius-xl: 1rem; --border-radius-xxl: 2rem; --border-radius-2xl: var(--border-radius-xxl); --border-radius-pill: 50rem; --box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); --box-shadow-sm: 0px 1px 3px rgba(0, 0, 0, 0.1); --box-shadow-lg: 0px 12px 32px rgba(0, 0, 0, 0.175); --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --focus-ring-width: 0.25rem; --focus-ring-opacity: 0.25; --focus-ring-color: rgba(113, 75, 103, 0.25); --form-valid-color: #28a745; --form-valid-border-color: #28a745; --form-invalid-color: #dc3545; --form-invalid-border-color: #dc3545;}[data-bs-theme="dark"]{color-scheme: dark; --body-color: #dee2e6; --body-color-rgb: 222, 226, 230; --body-bg: #212529; --body-bg-rgb: 33, 37, 41; --emphasis-color: #FFF; --emphasis-color-rgb: 255, 255, 255; --secondary-color: rgba(222, 226, 230, 0.75); --secondary-color-rgb: 222, 226, 230; --secondary-bg: #343A40; --secondary-bg-rgb: 52, 58, 64; --tertiary-color: rgba(222, 226, 230, 0.5); --tertiary-color-rgb: 222, 226, 230; --tertiary-bg: #2b3035; --tertiary-bg-rgb: 43, 48, 53; --primary-text-emphasis: #aa93a4; --secondary-text-emphasis: #f6e1cb; --success-text-emphasis: #7eca8f; --info-text-emphasis: #74c7d4; --warning-text-emphasis: #ffda6a; --danger-text-emphasis: #ea868f; --light-text-emphasis: #F8F9FA; --dark-text-emphasis: #dee2e6; --primary-bg-subtle: #170f15; --secondary-bg-subtle: #302922; --success-bg-subtle: #08210e; --info-bg-subtle: #052025; --warning-bg-subtle: #332701; --danger-bg-subtle: #2c0b0e; --light-bg-subtle: #343A40; --dark-bg-subtle: #1a1d20; --primary-border-subtle: #442d3e; --secondary-border-subtle: #907b65; --success-border-subtle: #186429; --info-border-subtle: #0e616e; --warning-border-subtle: #997404; --danger-border-subtle: #842029; --light-border-subtle: #495057; --dark-border-subtle: #343A40; --heading-color: inherit; --link-color: #aa93a4; --link-hover-color: #bba9b6; --link-color-rgb: 170, 147, 164; --link-hover-color-rgb: 187, 169, 182; --code-color: #f18bba; --highlight-color: #dee2e6; --highlight-bg: #664d03; --border-color: #495057; --border-color-translucent: rgba(255, 255, 255, 0.15); --form-valid-color: #7eca8f; --form-valid-border-color: #7eca8f; --form-invalid-color: #ea868f; --form-invalid-border-color: #ea868f;}*, *::before, *::after{box-sizing: border-box;}body{margin: 0; font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); text-align: var(--body-text-align); background-color: var(--body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}hr{margin: 1rem 0; color: inherit; border: 0; border-top: var(--border-width) solid var(--o-border-color); opacity: 1;}h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{margin-top: 0; margin-bottom: 0.5rem; font-family: "Inter Tight", "Odoo Unicode Support Noto", sans-serif; font-weight: 500; line-height: 1.2; color: var(--heading-color);}h1, .h1{font-size: calc(1.425rem + 2.1vw);}@media (min-width: 1200px){h1, .h1{font-size: 3rem;}}h2, .h2{font-size: calc(1.375rem + 1.5vw);}@media (min-width: 1200px){h2, .h2{font-size: 2.5rem;}}h3, .h3{font-size: calc(1.325rem + 0.9vw);}@media (min-width: 1200px){h3, .h3{font-size: 2rem;}}h4, .h4{font-size: calc(1.275rem + 0.3vw);}@media (min-width: 1200px){h4, .h4{font-size: 1.5rem;}}h5, .h5{font-size: 1.25rem;}h6, .h6{font-size: 1rem;}p{margin-top: 0; margin-bottom: 16px;}abbr[title]{text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none;}address{margin-bottom: 1rem; font-style: normal; line-height: inherit;}ol, ul{padding-left: 2rem;}ol, ul, dl{margin-top: 0; margin-bottom: 1rem;}ol ol, ul ul, ol ul, ul ol{margin-bottom: 0;}dt{font-weight: 600;}dd{margin-bottom: .5rem; margin-left: 0;}blockquote{margin: 0 0 1rem;}b, strong{font-weight: bolder;}small, .small{font-size: 0.875em;}mark, .mark{padding: 0.1875em; color: var(--highlight-color); background-color: var(--highlight-bg);}sub, sup{position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline;}sub{bottom: -.25em;}sup{top: -.5em;}a{color: rgba(var(--link-color-rgb), var(--link-opacity, 1)); text-decoration: none;}a:hover{--link-color-rgb: var(--link-hover-color-rgb); text-decoration: underline;}a:not([href]):not([class]), a:not([href]):not([class]):hover{color: inherit; text-decoration: none;}pre, code, kbd, samp{font-family: var(--font-monospace); font-size: 1em;}pre{display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em;}pre code{font-size: inherit; color: inherit; word-break: normal;}code{font-size: 0.875em; color: var(--code-color); word-wrap: break-word;}a > code{color: inherit;}kbd{padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--body-bg); background-color: var(--body-color); border-radius: 0.3rem;}kbd kbd{padding: 0; font-size: 1em;}figure{margin: 0 0 1rem;}img, svg{vertical-align: middle;}table{caption-side: bottom; border-collapse: collapse;}caption{padding-top: 0.75rem; padding-bottom: 0.75rem; color: var(--secondary-color); text-align: left;}th{text-align: inherit; text-align: -webkit-match-parent;}thead, tbody, tfoot, tr, td, th{border-color: inherit; border-style: solid; border-width: 0;}label{display: inline-block;}button{border-radius: 0;}button:focus:not(:focus-visible){outline: 0;}input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}button, select{text-transform: none;}[role="button"]{cursor: pointer;}select{word-wrap: normal;}select:disabled, select.o_wysiwyg_loader{opacity: 1;}[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator{display: none !important;}button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance: button;}button:not(:disabled):not(.o_wysiwyg_loader), [type="button"]:not(:disabled):not(.o_wysiwyg_loader), [type="reset"]:not(:disabled):not(.o_wysiwyg_loader), [type="submit"]:not(:disabled):not(.o_wysiwyg_loader){cursor: pointer;}::-moz-focus-inner{padding: 0; border-style: none;}textarea{resize: vertical;}fieldset{min-width: 0; padding: 0; margin: 0; border: 0;}legend{float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit;}@media (min-width: 1200px){legend{font-size: 1.5rem;}}legend + *{clear: left;}::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field{padding: 0;}::-webkit-inner-spin-button{height: auto;}[type="search"]{-webkit-appearance: textfield; outline-offset: -2px;}::-webkit-search-decoration{-webkit-appearance: none;}::-webkit-color-swatch-wrapper{padding: 0;}::file-selector-button{font: inherit; -webkit-appearance: button;}output{display: inline-block;}iframe{border: 0;}summary{display: list-item; cursor: pointer;}progress{vertical-align: baseline;}[hidden]{display: none !important;}.lead{font-size: 1.125rem; font-weight: 300;}.display-1{font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2;}@media (min-width: 1200px){.display-1{font-size: 5rem;}}.display-2{font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2;}@media (min-width: 1200px){.display-2{font-size: 4.5rem;}}.display-3{font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2;}@media (min-width: 1200px){.display-3{font-size: 4rem;}}.display-4{font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2;}@media (min-width: 1200px){.display-4{font-size: 3.5rem;}}.display-5{font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2;}@media (min-width: 1200px){.display-5{font-size: 3rem;}}.display-6{font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2;}@media (min-width: 1200px){.display-6{font-size: 2.5rem;}}.list-unstyled{padding-left: 0; list-style: none;}.list-inline{padding-left: 0; list-style: none;}.list-inline-item{display: inline-block;}.list-inline-item:not(:last-child){margin-right: 0.5rem;}.initialism{font-size: 0.875em; text-transform: uppercase;}.blockquote{margin-bottom: 0; font-size: 1.25rem;}.blockquote > :last-child{margin-bottom: 0;}.blockquote-footer{margin-top: 0; margin-bottom: 0; font-size: 0.875em; color: #6C757D;}.blockquote-footer::before{content: "\2014\00A0";}.img-fluid{max-width: 100%; height: auto;}.img-thumbnail{padding: 0.25rem; background-color: var(--body-bg); border: var(--border-width) solid var(--border-color); border-radius: var(--border-radius); max-width: 100%; height: auto;}.figure{display: inline-block;}.figure-img{margin-bottom: 0.5rem; line-height: 1;}.figure-caption{font-size: 0.875em; color: inherit;}.container, .o_container_small, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{--gutter-x: 30px; --gutter-y: 0; width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-right: auto; margin-left: auto;}@media (min-width: 576px){.container-sm, .container, .o_container_small{max-width: 540px;}}@media (min-width: 768px){.container-md, .container-sm, .container, .o_container_small{max-width: 720px;}}@media (min-width: 992px){.container-lg, .container-md, .container-sm, .container, .o_container_small{max-width: 960px;}}@media (min-width: 1200px){.container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small{max-width: 1140px;}}@media (min-width: 1400px){.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small{max-width: 1320px;}}:root{--breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px;}.row{--gutter-x: 30px; --gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--gutter-y)); margin-right: calc(-.5 * var(--gutter-x)); margin-left: calc(-.5 * var(--gutter-x));}.row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-top: var(--gutter-y);}.grid{display: grid; grid-template-rows: repeat(var(--rows, 1), 1fr); grid-template-columns: repeat(var(--columns, 12), 1fr); gap: var(--gap, 30px);}.grid .g-col-1{grid-column: auto/span 1;}.grid .g-col-2{grid-column: auto/span 2;}.grid .g-col-3{grid-column: auto/span 3;}.grid .g-col-4{grid-column: auto/span 4;}.grid .g-col-5{grid-column: auto/span 5;}.grid .g-col-6{grid-column: auto/span 6;}.grid .g-col-7{grid-column: auto/span 7;}.grid .g-col-8{grid-column: auto/span 8;}.grid .g-col-9{grid-column: auto/span 9;}.grid .g-col-10{grid-column: auto/span 10;}.grid .g-col-11{grid-column: auto/span 11;}.grid .g-col-12{grid-column: auto/span 12;}.grid .g-start-1{grid-column-start: 1;}.grid .g-start-2{grid-column-start: 2;}.grid .g-start-3{grid-column-start: 3;}.grid .g-start-4{grid-column-start: 4;}.grid .g-start-5{grid-column-start: 5;}.grid .g-start-6{grid-column-start: 6;}.grid .g-start-7{grid-column-start: 7;}.grid .g-start-8{grid-column-start: 8;}.grid .g-start-9{grid-column-start: 9;}.grid .g-start-10{grid-column-start: 10;}.grid .g-start-11{grid-column-start: 11;}@media (min-width: 576px){.grid .g-col-sm-1{grid-column: auto/span 1;}.grid .g-col-sm-2{grid-column: auto/span 2;}.grid .g-col-sm-3{grid-column: auto/span 3;}.grid .g-col-sm-4{grid-column: auto/span 4;}.grid .g-col-sm-5{grid-column: auto/span 5;}.grid .g-col-sm-6{grid-column: auto/span 6;}.grid .g-col-sm-7{grid-column: auto/span 7;}.grid .g-col-sm-8{grid-column: auto/span 8;}.grid .g-col-sm-9{grid-column: auto/span 9;}.grid .g-col-sm-10{grid-column: auto/span 10;}.grid .g-col-sm-11{grid-column: auto/span 11;}.grid .g-col-sm-12{grid-column: auto/span 12;}.grid .g-start-sm-1{grid-column-start: 1;}.grid .g-start-sm-2{grid-column-start: 2;}.grid .g-start-sm-3{grid-column-start: 3;}.grid .g-start-sm-4{grid-column-start: 4;}.grid .g-start-sm-5{grid-column-start: 5;}.grid .g-start-sm-6{grid-column-start: 6;}.grid .g-start-sm-7{grid-column-start: 7;}.grid .g-start-sm-8{grid-column-start: 8;}.grid .g-start-sm-9{grid-column-start: 9;}.grid .g-start-sm-10{grid-column-start: 10;}.grid .g-start-sm-11{grid-column-start: 11;}}@media (min-width: 768px){.grid .g-col-md-1{grid-column: auto/span 1;}.grid .g-col-md-2{grid-column: auto/span 2;}.grid .g-col-md-3{grid-column: auto/span 3;}.grid .g-col-md-4{grid-column: auto/span 4;}.grid .g-col-md-5{grid-column: auto/span 5;}.grid .g-col-md-6{grid-column: auto/span 6;}.grid .g-col-md-7{grid-column: auto/span 7;}.grid .g-col-md-8{grid-column: auto/span 8;}.grid .g-col-md-9{grid-column: auto/span 9;}.grid .g-col-md-10{grid-column: auto/span 10;}.grid .g-col-md-11{grid-column: auto/span 11;}.grid .g-col-md-12{grid-column: auto/span 12;}.grid .g-start-md-1{grid-column-start: 1;}.grid .g-start-md-2{grid-column-start: 2;}.grid .g-start-md-3{grid-column-start: 3;}.grid .g-start-md-4{grid-column-start: 4;}.grid .g-start-md-5{grid-column-start: 5;}.grid .g-start-md-6{grid-column-start: 6;}.grid .g-start-md-7{grid-column-start: 7;}.grid .g-start-md-8{grid-column-start: 8;}.grid .g-start-md-9{grid-column-start: 9;}.grid .g-start-md-10{grid-column-start: 10;}.grid .g-start-md-11{grid-column-start: 11;}}@media (min-width: 992px){.grid .g-col-lg-1{grid-column: auto/span 1;}.grid .g-col-lg-2{grid-column: auto/span 2;}.grid .g-col-lg-3{grid-column: auto/span 3;}.grid .g-col-lg-4{grid-column: auto/span 4;}.grid .g-col-lg-5{grid-column: auto/span 5;}.grid .g-col-lg-6{grid-column: auto/span 6;}.grid .g-col-lg-7{grid-column: auto/span 7;}.grid .g-col-lg-8{grid-column: auto/span 8;}.grid .g-col-lg-9{grid-column: auto/span 9;}.grid .g-col-lg-10{grid-column: auto/span 10;}.grid .g-col-lg-11{grid-column: auto/span 11;}.grid .g-col-lg-12{grid-column: auto/span 12;}.grid .g-start-lg-1{grid-column-start: 1;}.grid .g-start-lg-2{grid-column-start: 2;}.grid .g-start-lg-3{grid-column-start: 3;}.grid .g-start-lg-4{grid-column-start: 4;}.grid .g-start-lg-5{grid-column-start: 5;}.grid .g-start-lg-6{grid-column-start: 6;}.grid .g-start-lg-7{grid-column-start: 7;}.grid .g-start-lg-8{grid-column-start: 8;}.grid .g-start-lg-9{grid-column-start: 9;}.grid .g-start-lg-10{grid-column-start: 10;}.grid .g-start-lg-11{grid-column-start: 11;}}@media (min-width: 1200px){.grid .g-col-xl-1{grid-column: auto/span 1;}.grid .g-col-xl-2{grid-column: auto/span 2;}.grid .g-col-xl-3{grid-column: auto/span 3;}.grid .g-col-xl-4{grid-column: auto/span 4;}.grid .g-col-xl-5{grid-column: auto/span 5;}.grid .g-col-xl-6{grid-column: auto/span 6;}.grid .g-col-xl-7{grid-column: auto/span 7;}.grid .g-col-xl-8{grid-column: auto/span 8;}.grid .g-col-xl-9{grid-column: auto/span 9;}.grid .g-col-xl-10{grid-column: auto/span 10;}.grid .g-col-xl-11{grid-column: auto/span 11;}.grid .g-col-xl-12{grid-column: auto/span 12;}.grid .g-start-xl-1{grid-column-start: 1;}.grid .g-start-xl-2{grid-column-start: 2;}.grid .g-start-xl-3{grid-column-start: 3;}.grid .g-start-xl-4{grid-column-start: 4;}.grid .g-start-xl-5{grid-column-start: 5;}.grid .g-start-xl-6{grid-column-start: 6;}.grid .g-start-xl-7{grid-column-start: 7;}.grid .g-start-xl-8{grid-column-start: 8;}.grid .g-start-xl-9{grid-column-start: 9;}.grid .g-start-xl-10{grid-column-start: 10;}.grid .g-start-xl-11{grid-column-start: 11;}}@media (min-width: 1400px){.grid .g-col-xxl-1{grid-column: auto/span 1;}.grid .g-col-xxl-2{grid-column: auto/span 2;}.grid .g-col-xxl-3{grid-column: auto/span 3;}.grid .g-col-xxl-4{grid-column: auto/span 4;}.grid .g-col-xxl-5{grid-column: auto/span 5;}.grid .g-col-xxl-6{grid-column: auto/span 6;}.grid .g-col-xxl-7{grid-column: auto/span 7;}.grid .g-col-xxl-8{grid-column: auto/span 8;}.grid .g-col-xxl-9{grid-column: auto/span 9;}.grid .g-col-xxl-10{grid-column: auto/span 10;}.grid .g-col-xxl-11{grid-column: auto/span 11;}.grid .g-col-xxl-12{grid-column: auto/span 12;}.grid .g-start-xxl-1{grid-column-start: 1;}.grid .g-start-xxl-2{grid-column-start: 2;}.grid .g-start-xxl-3{grid-column-start: 3;}.grid .g-start-xxl-4{grid-column-start: 4;}.grid .g-start-xxl-5{grid-column-start: 5;}.grid .g-start-xxl-6{grid-column-start: 6;}.grid .g-start-xxl-7{grid-column-start: 7;}.grid .g-start-xxl-8{grid-column-start: 8;}.grid .g-start-xxl-9{grid-column-start: 9;}.grid .g-start-xxl-10{grid-column-start: 10;}.grid .g-start-xxl-11{grid-column-start: 11;}}.col{flex: 1 0 0%;}.row-cols-auto > *{flex: 0 0 auto; width: auto;}.row-cols-1 > *{flex: 0 0 auto; width: 100%;}.row-cols-2 > *{flex: 0 0 auto; width: 50%;}.row-cols-3 > *{flex: 0 0 auto; width: 33.33333333%;}.row-cols-4 > *{flex: 0 0 auto; width: 25%;}.row-cols-5 > *{flex: 0 0 auto; width: 20%;}.row-cols-6 > *{flex: 0 0 auto; width: 16.66666667%;}.col-auto{flex: 0 0 auto; width: auto;}.col-1{flex: 0 0 auto; width: 8.33333333%;}.col-2{flex: 0 0 auto; width: 16.66666667%;}.col-3{flex: 0 0 auto; width: 25%;}.col-4{flex: 0 0 auto; width: 33.33333333%;}.col-5{flex: 0 0 auto; width: 41.66666667%;}.col-6{flex: 0 0 auto; width: 50%;}.col-7{flex: 0 0 auto; width: 58.33333333%;}.col-8{flex: 0 0 auto; width: 66.66666667%;}.col-9{flex: 0 0 auto; width: 75%;}.col-10{flex: 0 0 auto; width: 83.33333333%;}.col-11{flex: 0 0 auto; width: 91.66666667%;}.col-12{flex: 0 0 auto; width: 100%;}.offset-1{margin-left: 8.33333333%;}.offset-2{margin-left: 16.66666667%;}.offset-3{margin-left: 25%;}.offset-4{margin-left: 33.33333333%;}.offset-5{margin-left: 41.66666667%;}.offset-6{margin-left: 50%;}.offset-7{margin-left: 58.33333333%;}.offset-8{margin-left: 66.66666667%;}.offset-9{margin-left: 75%;}.offset-10{margin-left: 83.33333333%;}.offset-11{margin-left: 91.66666667%;}.g-0, .gx-0{--gutter-x: 0;}.g-0, .gy-0{--gutter-y: 0;}.g-1, .gx-1{--gutter-x: 0.25rem;}.g-1, .gy-1{--gutter-y: 0.25rem;}.g-2, .gx-2{--gutter-x: 0.5rem;}.g-2, .gy-2{--gutter-y: 0.5rem;}.g-3, .gx-3{--gutter-x: 1rem;}.g-3, .gy-3{--gutter-y: 1rem;}.g-4, .gx-4{--gutter-x: 1.5rem;}.g-4, .gy-4{--gutter-y: 1.5rem;}.g-5, .gx-5{--gutter-x: 3rem;}.g-5, .gy-5{--gutter-y: 3rem;}@media (min-width: 576px){.col-sm{flex: 1 0 0%;}.row-cols-sm-auto > *{flex: 0 0 auto; width: auto;}.row-cols-sm-1 > *{flex: 0 0 auto; width: 100%;}.row-cols-sm-2 > *{flex: 0 0 auto; width: 50%;}.row-cols-sm-3 > *{flex: 0 0 auto; width: 33.33333333%;}.row-cols-sm-4 > *{flex: 0 0 auto; width: 25%;}.row-cols-sm-5 > *{flex: 0 0 auto; width: 20%;}.row-cols-sm-6 > *{flex: 0 0 auto; width: 16.66666667%;}.col-sm-auto{flex: 0 0 auto; width: auto;}.col-sm-1{flex: 0 0 auto; width: 8.33333333%;}.col-sm-2{flex: 0 0 auto; width: 16.66666667%;}.col-sm-3{flex: 0 0 auto; width: 25%;}.col-sm-4{flex: 0 0 auto; width: 33.33333333%;}.col-sm-5{flex: 0 0 auto; width: 41.66666667%;}.col-sm-6{flex: 0 0 auto; width: 50%;}.col-sm-7{flex: 0 0 auto; width: 58.33333333%;}.col-sm-8{flex: 0 0 auto; width: 66.66666667%;}.col-sm-9{flex: 0 0 auto; width: 75%;}.col-sm-10{flex: 0 0 auto; width: 83.33333333%;}.col-sm-11{flex: 0 0 auto; width: 91.66666667%;}.col-sm-12{flex: 0 0 auto; width: 100%;}.offset-sm-0{margin-left: 0;}.offset-sm-1{margin-left: 8.33333333%;}.offset-sm-2{margin-left: 16.66666667%;}.offset-sm-3{margin-left: 25%;}.offset-sm-4{margin-left: 33.33333333%;}.offset-sm-5{margin-left: 41.66666667%;}.offset-sm-6{margin-left: 50%;}.offset-sm-7{margin-left: 58.33333333%;}.offset-sm-8{margin-left: 66.66666667%;}.offset-sm-9{margin-left: 75%;}.offset-sm-10{margin-left: 83.33333333%;}.offset-sm-11{margin-left: 91.66666667%;}.g-sm-0, .gx-sm-0{--gutter-x: 0;}.g-sm-0, .gy-sm-0{--gutter-y: 0;}.g-sm-1, .gx-sm-1{--gutter-x: 0.25rem;}.g-sm-1, .gy-sm-1{--gutter-y: 0.25rem;}.g-sm-2, .gx-sm-2{--gutter-x: 0.5rem;}.g-sm-2, .gy-sm-2{--gutter-y: 0.5rem;}.g-sm-3, .gx-sm-3{--gutter-x: 1rem;}.g-sm-3, .gy-sm-3{--gutter-y: 1rem;}.g-sm-4, .gx-sm-4{--gutter-x: 1.5rem;}.g-sm-4, .gy-sm-4{--gutter-y: 1.5rem;}.g-sm-5, .gx-sm-5{--gutter-x: 3rem;}.g-sm-5, .gy-sm-5{--gutter-y: 3rem;}}@media (min-width: 768px){.col-md{flex: 1 0 0%;}.row-cols-md-auto > *{flex: 0 0 auto; width: auto;}.row-cols-md-1 > *{flex: 0 0 auto; width: 100%;}.row-cols-md-2 > *{flex: 0 0 auto; width: 50%;}.row-cols-md-3 > *{flex: 0 0 auto; width: 33.33333333%;}.row-cols-md-4 > *{flex: 0 0 auto; width: 25%;}.row-cols-md-5 > *{flex: 0 0 auto; width: 20%;}.row-cols-md-6 > *{flex: 0 0 auto; width: 16.66666667%;}.col-md-auto{flex: 0 0 auto; width: auto;}.col-md-1{flex: 0 0 auto; width: 8.33333333%;}.col-md-2{flex: 0 0 auto; width: 16.66666667%;}.col-md-3{flex: 0 0 auto; width: 25%;}.col-md-4{flex: 0 0 auto; width: 33.33333333%;}.col-md-5{flex: 0 0 auto; width: 41.66666667%;}.col-md-6{flex: 0 0 auto; width: 50%;}.col-md-7{flex: 0 0 auto; width: 58.33333333%;}.col-md-8{flex: 0 0 auto; width: 66.66666667%;}.col-md-9{flex: 0 0 auto; width: 75%;}.col-md-10{flex: 0 0 auto; width: 83.33333333%;}.col-md-11{flex: 0 0 auto; width: 91.66666667%;}.col-md-12{flex: 0 0 auto; width: 100%;}.offset-md-0{margin-left: 0;}.offset-md-1{margin-left: 8.33333333%;}.offset-md-2{margin-left: 16.66666667%;}.offset-md-3{margin-left: 25%;}.offset-md-4{margin-left: 33.33333333%;}.offset-md-5{margin-left: 41.66666667%;}.offset-md-6{margin-left: 50%;}.offset-md-7{margin-left: 58.33333333%;}.offset-md-8{margin-left: 66.66666667%;}.offset-md-9{margin-left: 75%;}.offset-md-10{margin-left: 83.33333333%;}.offset-md-11{margin-left: 91.66666667%;}.g-md-0, .gx-md-0{--gutter-x: 0;}.g-md-0, .gy-md-0{--gutter-y: 0;}.g-md-1, .gx-md-1{--gutter-x: 0.25rem;}.g-md-1, .gy-md-1{--gutter-y: 0.25rem;}.g-md-2, .gx-md-2{--gutter-x: 0.5rem;}.g-md-2, .gy-md-2{--gutter-y: 0.5rem;}.g-md-3, .gx-md-3{--gutter-x: 1rem;}.g-md-3, .gy-md-3{--gutter-y: 1rem;}.g-md-4, .gx-md-4{--gutter-x: 1.5rem;}.g-md-4, .gy-md-4{--gutter-y: 1.5rem;}.g-md-5, .gx-md-5{--gutter-x: 3rem;}.g-md-5, .gy-md-5{--gutter-y: 3rem;}}@media (min-width: 992px){.col-lg{flex: 1 0 0%;}.row-cols-lg-auto > *{flex: 0 0 auto; width: auto;}.row-cols-lg-1 > *{flex: 0 0 auto; width: 100%;}.row-cols-lg-2 > *{flex: 0 0 auto; width: 50%;}.row-cols-lg-3 > *{flex: 0 0 auto; width: 33.33333333%;}.row-cols-lg-4 > *{flex: 0 0 auto; width: 25%;}.row-cols-lg-5 > *{flex: 0 0 auto; width: 20%;}.row-cols-lg-6 > *{flex: 0 0 auto; width: 16.66666667%;}.col-lg-auto{flex: 0 0 auto; width: auto;}.col-lg-1{flex: 0 0 auto; width: 8.33333333%;}.col-lg-2{flex: 0 0 auto; width: 16.66666667%;}.col-lg-3{flex: 0 0 auto; width: 25%;}.col-lg-4{flex: 0 0 auto; width: 33.33333333%;}.col-lg-5{flex: 0 0 auto; width: 41.66666667%;}.col-lg-6{flex: 0 0 auto; width: 50%;}.col-lg-7{flex: 0 0 auto; width: 58.33333333%;}.col-lg-8{flex: 0 0 auto; width: 66.66666667%;}.col-lg-9{flex: 0 0 auto; width: 75%;}.col-lg-10{flex: 0 0 auto; width: 83.33333333%;}.col-lg-11{flex: 0 0 auto; width: 91.66666667%;}.col-lg-12{flex: 0 0 auto; width: 100%;}.offset-lg-0{margin-left: 0;}.offset-lg-1{margin-left: 8.33333333%;}.offset-lg-2{margin-left: 16.66666667%;}.offset-lg-3{margin-left: 25%;}.offset-lg-4{margin-left: 33.33333333%;}.offset-lg-5{margin-left: 41.66666667%;}.offset-lg-6{margin-left: 50%;}.offset-lg-7{margin-left: 58.33333333%;}.offset-lg-8{margin-left: 66.66666667%;}.offset-lg-9{margin-left: 75%;}.offset-lg-10{margin-left: 83.33333333%;}.offset-lg-11{margin-left: 91.66666667%;}.g-lg-0, .gx-lg-0{--gutter-x: 0;}.g-lg-0, .gy-lg-0{--gutter-y: 0;}.g-lg-1, .gx-lg-1{--gutter-x: 0.25rem;}.g-lg-1, .gy-lg-1{--gutter-y: 0.25rem;}.g-lg-2, .gx-lg-2{--gutter-x: 0.5rem;}.g-lg-2, .gy-lg-2{--gutter-y: 0.5rem;}.g-lg-3, .gx-lg-3{--gutter-x: 1rem;}.g-lg-3, .gy-lg-3{--gutter-y: 1rem;}.g-lg-4, .gx-lg-4{--gutter-x: 1.5rem;}.g-lg-4, .gy-lg-4{--gutter-y: 1.5rem;}.g-lg-5, .gx-lg-5{--gutter-x: 3rem;}.g-lg-5, .gy-lg-5{--gutter-y: 3rem;}}@media (min-width: 1200px){.col-xl{flex: 1 0 0%;}.row-cols-xl-auto > *{flex: 0 0 auto; width: auto;}.row-cols-xl-1 > *{flex: 0 0 auto; width: 100%;}.row-cols-xl-2 > *{flex: 0 0 auto; width: 50%;}.row-cols-xl-3 > *{flex: 0 0 auto; width: 33.33333333%;}.row-cols-xl-4 > *{flex: 0 0 auto; width: 25%;}.row-cols-xl-5 > *{flex: 0 0 auto; width: 20%;}.row-cols-xl-6 > *{flex: 0 0 auto; width: 16.66666667%;}.col-xl-auto{flex: 0 0 auto; width: auto;}.col-xl-1{flex: 0 0 auto; width: 8.33333333%;}.col-xl-2{flex: 0 0 auto; width: 16.66666667%;}.col-xl-3{flex: 0 0 auto; width: 25%;}.col-xl-4{flex: 0 0 auto; width: 33.33333333%;}.col-xl-5{flex: 0 0 auto; width: 41.66666667%;}.col-xl-6{flex: 0 0 auto; width: 50%;}.col-xl-7{flex: 0 0 auto; width: 58.33333333%;}.col-xl-8{flex: 0 0 auto; width: 66.66666667%;}.col-xl-9{flex: 0 0 auto; width: 75%;}.col-xl-10{flex: 0 0 auto; width: 83.33333333%;}.col-xl-11{flex: 0 0 auto; width: 91.66666667%;}.col-xl-12{flex: 0 0 auto; width: 100%;}.offset-xl-0{margin-left: 0;}.offset-xl-1{margin-left: 8.33333333%;}.offset-xl-2{margin-left: 16.66666667%;}.offset-xl-3{margin-left: 25%;}.offset-xl-4{margin-left: 33.33333333%;}.offset-xl-5{margin-left: 41.66666667%;}.offset-xl-6{margin-left: 50%;}.offset-xl-7{margin-left: 58.33333333%;}.offset-xl-8{margin-left: 66.66666667%;}.offset-xl-9{margin-left: 75%;}.offset-xl-10{margin-left: 83.33333333%;}.offset-xl-11{margin-left: 91.66666667%;}.g-xl-0, .gx-xl-0{--gutter-x: 0;}.g-xl-0, .gy-xl-0{--gutter-y: 0;}.g-xl-1, .gx-xl-1{--gutter-x: 0.25rem;}.g-xl-1, .gy-xl-1{--gutter-y: 0.25rem;}.g-xl-2, .gx-xl-2{--gutter-x: 0.5rem;}.g-xl-2, .gy-xl-2{--gutter-y: 0.5rem;}.g-xl-3, .gx-xl-3{--gutter-x: 1rem;}.g-xl-3, .gy-xl-3{--gutter-y: 1rem;}.g-xl-4, .gx-xl-4{--gutter-x: 1.5rem;}.g-xl-4, .gy-xl-4{--gutter-y: 1.5rem;}.g-xl-5, .gx-xl-5{--gutter-x: 3rem;}.g-xl-5, .gy-xl-5{--gutter-y: 3rem;}}@media (min-width: 1400px){.col-xxl{flex: 1 0 0%;}.row-cols-xxl-auto > *{flex: 0 0 auto; width: auto;}.row-cols-xxl-1 > *{flex: 0 0 auto; width: 100%;}.row-cols-xxl-2 > *{flex: 0 0 auto; width: 50%;}.row-cols-xxl-3 > *{flex: 0 0 auto; width: 33.33333333%;}.row-cols-xxl-4 > *{flex: 0 0 auto; width: 25%;}.row-cols-xxl-5 > *{flex: 0 0 auto; width: 20%;}.row-cols-xxl-6 > *{flex: 0 0 auto; width: 16.66666667%;}.col-xxl-auto{flex: 0 0 auto; width: auto;}.col-xxl-1{flex: 0 0 auto; width: 8.33333333%;}.col-xxl-2{flex: 0 0 auto; width: 16.66666667%;}.col-xxl-3{flex: 0 0 auto; width: 25%;}.col-xxl-4{flex: 0 0 auto; width: 33.33333333%;}.col-xxl-5{flex: 0 0 auto; width: 41.66666667%;}.col-xxl-6{flex: 0 0 auto; width: 50%;}.col-xxl-7{flex: 0 0 auto; width: 58.33333333%;}.col-xxl-8{flex: 0 0 auto; width: 66.66666667%;}.col-xxl-9{flex: 0 0 auto; width: 75%;}.col-xxl-10{flex: 0 0 auto; width: 83.33333333%;}.col-xxl-11{flex: 0 0 auto; width: 91.66666667%;}.col-xxl-12{flex: 0 0 auto; width: 100%;}.offset-xxl-0{margin-left: 0;}.offset-xxl-1{margin-left: 8.33333333%;}.offset-xxl-2{margin-left: 16.66666667%;}.offset-xxl-3{margin-left: 25%;}.offset-xxl-4{margin-left: 33.33333333%;}.offset-xxl-5{margin-left: 41.66666667%;}.offset-xxl-6{margin-left: 50%;}.offset-xxl-7{margin-left: 58.33333333%;}.offset-xxl-8{margin-left: 66.66666667%;}.offset-xxl-9{margin-left: 75%;}.offset-xxl-10{margin-left: 83.33333333%;}.offset-xxl-11{margin-left: 91.66666667%;}.g-xxl-0, .gx-xxl-0{--gutter-x: 0;}.g-xxl-0, .gy-xxl-0{--gutter-y: 0;}.g-xxl-1, .gx-xxl-1{--gutter-x: 0.25rem;}.g-xxl-1, .gy-xxl-1{--gutter-y: 0.25rem;}.g-xxl-2, .gx-xxl-2{--gutter-x: 0.5rem;}.g-xxl-2, .gy-xxl-2{--gutter-y: 0.5rem;}.g-xxl-3, .gx-xxl-3{--gutter-x: 1rem;}.g-xxl-3, .gy-xxl-3{--gutter-y: 1rem;}.g-xxl-4, .gx-xxl-4{--gutter-x: 1.5rem;}.g-xxl-4, .gy-xxl-4{--gutter-y: 1.5rem;}.g-xxl-5, .gx-xxl-5{--gutter-x: 3rem;}.g-xxl-5, .gy-xxl-5{--gutter-y: 3rem;}}.table{--table-color-type: initial; --table-bg-type: initial; --table-color-state: initial; --table-bg-state: initial; --table-color: inherit; --table-bg: transparent; --table-border-color: var(--o-border-color); --table-accent-bg: transparent; --table-striped-color: inherit; --table-striped-bg: rgba(var(--emphasis-color-rgb), 0.01); --table-active-color: inherit; --table-active-bg: rgba(var(--emphasis-color-rgb), 0.1); --table-hover-color: inherit; --table-hover-bg: rgba(var(--emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--table-border-color);}.table > :not(caption) > * > *{padding: 0.75rem 0.75rem; color: var(--table-color-state, var(--table-color-type, var(--table-color))); background-color: var(--table-bg); border-bottom-width: var(--border-width); box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--table-accent-bg)));}.table > tbody{vertical-align: inherit;}.table > thead{vertical-align: bottom;}.table-group-divider{border-top: calc(var(--border-width) * 2) solid var(--o-border-color);}.caption-top{caption-side: top;}.table-sm > :not(caption) > * > *{padding: 0.3rem 0.3rem;}.table-bordered > :not(caption) > *{border-width: var(--border-width) 0;}.table-bordered > :not(caption) > * > *{border-width: 0 var(--border-width);}.table-borderless > :not(caption) > * > *{border-bottom-width: 0;}.table-borderless > :not(:first-child){border-top-width: 0;}.table-striped > tbody > tr:nth-of-type(odd) > *{--table-color-type: var(--table-striped-color); --table-bg-type: var(--table-striped-bg);}.table-striped-columns > :not(caption) > tr > :nth-child(even){--table-color-type: var(--table-striped-color); --table-bg-type: var(--table-striped-bg);}.table-active{--table-color-state: var(--table-active-color); --table-bg-state: var(--table-active-bg);}.table-hover > tbody > tr:hover > *{--table-color-state: var(--table-hover-color); --table-bg-state: var(--table-hover-bg);}.table-primary{--table-color: #212529; --table-bg: #e3dbe1; --table-border-color: #bcb7bc; --table-striped-bg: #e1d9df; --table-striped-color: #212529; --table-active-bg: #d0c9cf; --table-active-color: #212529; --table-hover-bg: #d4cdd3; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-secondary{--table-color: #212529; --table-bg: #fcf5ee; --table-border-color: #d0cbc7; --table-striped-bg: #faf3ec; --table-striped-color: #212529; --table-active-bg: #e6e0da; --table-active-color: #212529; --table-hover-bg: #ece5df; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-success{--table-color: #212529; --table-bg: #d4edda; --table-border-color: #b0c5b7; --table-striped-bg: #d2ebd8; --table-striped-color: #212529; --table-active-bg: #c2d9c8; --table-active-color: #212529; --table-hover-bg: #c7decd; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-info{--table-color: #212529; --table-bg: #d1ecf1; --table-border-color: #aec4c9; --table-striped-bg: #cfeaef; --table-striped-color: #212529; --table-active-bg: #bfd8dd; --table-active-color: #212529; --table-hover-bg: #c4dde2; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-warning{--table-color: #212529; --table-bg: #fff3cd; --table-border-color: #d3caac; --table-striped-bg: #fdf1cb; --table-striped-color: #212529; --table-active-bg: #e9debd; --table-active-color: #212529; --table-hover-bg: #eee4c1; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-danger{--table-color: #212529; --table-bg: #f8d7da; --table-border-color: #cdb3b7; --table-striped-bg: #f6d5d8; --table-striped-color: #212529; --table-active-bg: #e3c5c8; --table-active-color: #212529; --table-hover-bg: #e8cacd; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-light{--table-color: #212529; --table-bg: #F6F5F4; --table-border-color: #cbcbcb; --table-striped-bg: #f4f3f2; --table-striped-color: #212529; --table-active-bg: #e1e0e0; --table-active-color: #212529; --table-hover-bg: #e6e5e5; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color);}.table-dark{--table-color: #FFFFFF; --table-bg: #1B1319; --table-border-color: #494247; --table-striped-bg: #1d151b; --table-striped-color: #FFFFFF; --table-active-bg: #322b30; --table-active-color: #FFFFFF; --table-hover-bg: #2c252a; --table-hover-color: #FFFFFF; color: var(--table-color); border-color: var(--table-border-color);}.table-responsive{overflow-x: auto; -webkit-overflow-scrolling: touch;}@media (max-width: 575.98px){.table-responsive-sm{overflow-x: auto; -webkit-overflow-scrolling: touch;}}@media (max-width: 767.98px){.table-responsive-md{overflow-x: auto; -webkit-overflow-scrolling: touch;}}@media (max-width: 991.98px){.table-responsive-lg{overflow-x: auto; -webkit-overflow-scrolling: touch;}}@media (max-width: 1199.98px){.table-responsive-xl{overflow-x: auto; -webkit-overflow-scrolling: touch;}}@media (max-width: 1399.98px){.table-responsive-xxl{overflow-x: auto; -webkit-overflow-scrolling: touch;}}.form-label{margin-bottom: 0.5rem;}.col-form-label{padding-top: calc(0.375rem + var(--border-width)); padding-bottom: calc(0.375rem + var(--border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5;}.col-form-label-lg{padding-top: calc(0.5rem + var(--border-width)); padding-bottom: calc(0.5rem + var(--border-width)); font-size: 1.25rem;}.col-form-label-sm{padding-top: calc(0.25rem + var(--border-width)); padding-bottom: calc(0.25rem + var(--border-width)); font-size: 0.875rem;}.form-text{margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color);}.form-control{display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; appearance: none; background-color: #FFFFFF; background-clip: padding-box; border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-control{transition: none;}}.form-control[type="file"]{overflow: hidden;}.form-control[type="file"]:not(:disabled):not(.o_wysiwyg_loader):not([readonly]){cursor: pointer;}.form-control:focus{color: #212529; background-color: #FFFFFF; border-color: #b8a5b3; outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.form-control::-webkit-date-and-time-value{min-width: 85px; height: 1.5em; margin: 0;}.form-control::-webkit-datetime-edit{display: block; padding: 0;}.form-control::placeholder{color: #909294; opacity: 1;}.form-control:disabled, .form-control.o_wysiwyg_loader{background-color: #e9e9ea; border-color: rgba(33, 37, 41, 0.15); opacity: 1;}.form-control::file-selector-button{padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: whitesmoke; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-control::file-selector-button{transition: none;}}.form-control:hover:not(:disabled):not(.o_wysiwyg_loader):not([readonly])::file-selector-button{background-color: #dededf;}.form-control-plaintext{display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--body-color); background-color: transparent; border: solid transparent; border-width: var(--border-width) 0;}.form-control-plaintext:focus{outline: 0;}.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg{padding-right: 0; padding-left: 0;}.form-control-sm{min-height: calc(1.5em + 0.5rem + calc(var(--border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--border-radius-sm);}.form-control-sm::file-selector-button{padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem;}.form-control-lg{min-height: calc(1.5em + 1rem + calc(var(--border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--border-radius-lg);}.form-control-lg::file-selector-button{padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem;}textarea.form-control{min-height: calc(1.5em + 0.75rem + calc(var(--border-width) * 2));}textarea.form-control-sm{min-height: calc(1.5em + 0.5rem + calc(var(--border-width) * 2));}textarea.form-control-lg{min-height: calc(1.5em + 1rem + calc(var(--border-width) * 2));}.form-control-color{width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--border-width) * 2)); padding: 0.375rem;}.form-control-color:not(:disabled):not(.o_wysiwyg_loader):not([readonly]){cursor: pointer;}.form-control-color::-moz-color-swatch{border: 0 !important; border-radius: var(--border-radius);}.form-control-color::-webkit-color-swatch{border: 0 !important; border-radius: var(--border-radius);}.form-control-color.form-control-sm{height: calc(1.5em + 0.5rem + calc(var(--border-width) * 2));}.form-control-color.form-control-lg{height: calc(1.5em + 1rem + calc(var(--border-width) * 2));}.form-select{--form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; appearance: none; background-color: #FFFFFF; background-image: var(--form-select-bg-img), var(--form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-select{transition: none;}}.form-select:focus{border-color: #b8a5b3; outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.form-select[multiple], .form-select[size]:not([size="1"]){padding-right: 0.75rem; background-image: none;}.form-select:disabled, .form-select.o_wysiwyg_loader{color: #909294; background-color: #e9e9ea; border-color: rgba(33, 37, 41, 0.15);}.form-select:-moz-focusring{color: transparent; text-shadow: 0 0 0 #212529;}.form-select-sm{padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--border-radius-sm);}.form-select-lg{padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--border-radius-lg);}[data-bs-theme="dark"] .form-select{--form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}.form-check{display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;}.form-check .form-check-input{float: left; margin-left: -1.5em;}.form-check-reverse{padding-right: 1.5em; padding-left: 0; text-align: right;}.form-check-reverse .form-check-input{float: right; margin-right: -1.5em; margin-left: 0;}.form-check-input{--form-check-bg: #FFFFFF; flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--form-check-bg); background-image: var(--form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid var(--o-border-color); print-color-adjust: exact;}.form-check-input[type="checkbox"]{border-radius: 0.25em;}.form-check-input[type="radio"]{border-radius: 50%;}.form-check-input:active{filter: brightness(90%);}.form-check-input:focus{border-color: #b8a5b3; outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.form-check-input:checked{background-color: #714B67; border-color: #714B67;}.form-check-input[type="checkbox"]:checked{--form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}.form-check-input[type="radio"]:checked{--form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFF'/%3e%3c/svg%3e");}.form-check-input[type="checkbox"]:indeterminate{background-color: #714B67; border-color: #714B67; --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}.form-check-input:disabled, .form-check-input.o_wysiwyg_loader{pointer-events: none; filter: none; opacity: 0.5;}.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label, .form-check-input.o_wysiwyg_loader ~ .form-check-label{cursor: default; opacity: 0.5;}.form-switch{padding-left: 2.5em;}.form-switch .form-check-input{--form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23212529'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-switch .form-check-input{transition: none;}}.form-switch .form-check-input:focus{--form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b8a5b3'/%3e%3c/svg%3e");}.form-switch .form-check-input:checked{background-position: right center; --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e");}.form-switch.form-check-reverse{padding-right: 2.5em; padding-left: 0;}.form-switch.form-check-reverse .form-check-input{margin-right: -2.5em; margin-left: 0;}.form-check-inline{display: inline-block; margin-right: 1rem;}.btn-check{position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}.btn-check[disabled] + .btn, .btn-check:disabled + .btn, .btn-check.o_wysiwyg_loader + .btn{pointer-events: none; filter: none; opacity: 0.65;}[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus){--form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");}.form-range{width: 100%; height: 1.5rem; padding: 0; appearance: none; background-color: transparent;}.form-range:focus{outline: 0;}.form-range:focus::-webkit-slider-thumb{box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.form-range:focus::-moz-range-thumb{box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.form-range::-moz-focus-outer{border: 0;}.form-range::-webkit-slider-thumb{width: 1rem; height: 1rem; margin-top: -0.45rem; appearance: none; background-color: #FFFFFF; border: 1px solid #714B67; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition: none;}}.form-range::-webkit-slider-thumb:active{background-color: #714B67;}.form-range::-webkit-slider-runnable-track{width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #e9e9ea; border-color: transparent; border-radius: 1rem;}.form-range::-moz-range-thumb{width: 1rem; height: 1rem; appearance: none; background-color: #FFFFFF; border: 1px solid #714B67; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition: none;}}.form-range::-moz-range-thumb:active{background-color: #714B67;}.form-range::-moz-range-track{width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #e9e9ea; border-color: transparent; border-radius: 1rem;}.form-range:disabled, .form-range.o_wysiwyg_loader{pointer-events: none;}.form-range:disabled::-webkit-slider-thumb, .form-range.o_wysiwyg_loader::-webkit-slider-thumb{background-color: #e9e9ea;}.form-range:disabled::-moz-range-thumb, .form-range.o_wysiwyg_loader::-moz-range-thumb{background-color: #e9e9ea;}.form-floating{position: relative;}.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select{height: calc(3.5rem + calc(var(--border-width) * 2)); min-height: calc(3.5rem + calc(var(--border-width) * 2)); line-height: 1.25;}.form-floating > label{position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-floating > label{transition: none;}}.form-floating > .form-control, .form-floating > .form-control-plaintext{padding: 1rem 0.75rem;}.form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder{color: transparent;}.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown){padding-top: 1.625rem; padding-bottom: 0.625rem;}.form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill{padding-top: 1.625rem; padding-bottom: 0.625rem;}.form-floating > .form-select{padding-top: 1.625rem; padding-bottom: 0.625rem;}.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label{color: rgba(var(--body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after{position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: #FFFFFF; border-radius: var(--border-radius);}.form-floating > .form-control:-webkit-autofill ~ label{color: rgba(var(--body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}.form-floating > .form-control-plaintext ~ label{border-width: var(--border-width) 0;}.form-floating > :disabled ~ label, .form-floating > .o_wysiwyg_loader ~ label, .form-floating > .form-control:disabled ~ label{color: #6C757D;}.form-floating > :disabled ~ label::after, .form-floating > .o_wysiwyg_loader ~ label::after, .form-floating > .form-control:disabled ~ label::after{background-color: #e9e9ea;}.input-group{position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating{position: relative; flex: 1 1 auto; width: 1%; min-width: 0;}.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within{z-index: 5;}.input-group .btn{position: relative; z-index: 2;}.input-group .btn:focus{z-index: 5;}.input-group-text{display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: var(--tertiary-bg); border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius);}.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn{padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--border-radius-lg);}.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn{padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--border-radius-sm);}.input-group-lg > .form-select, .input-group-sm > .form-select{padding-right: 3rem;}.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select{border-top-right-radius: 0; border-bottom-right-radius: 0;}.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select{border-top-right-radius: 0; border-bottom-right-radius: 0;}.input-group > :not(:first-child):not(.dropdown-menu):not(.o_dropdown_menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left: calc(var(--border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0;}.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select{border-top-left-radius: 0; border-bottom-left-radius: 0;}.valid-feedback{display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--form-valid-color);}.valid-tooltip{position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--success); border-radius: var(--border-radius);}.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip{display: block;}.was-validated .form-control:valid, .form-control.is-valid{border-color: var(--form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .form-control:valid:focus, .form-control.is-valid:focus{border-color: var(--form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--success-rgb), 0.25);}.was-validated textarea.form-control:valid, textarea.form-control.is-valid{padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);}.was-validated .form-select:valid, .form-select.is-valid{border-color: var(--form-valid-border-color);}.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]){--form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .form-select:valid:focus, .form-select.is-valid:focus{border-color: var(--form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--success-rgb), 0.25);}.was-validated .form-control-color:valid, .form-control-color.is-valid{width: calc(3rem + calc(1.5em + 0.75rem));}.was-validated .form-check-input:valid, .form-check-input.is-valid{border-color: var(--form-valid-border-color);}.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked{background-color: var(--form-valid-color);}.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus{box-shadow: 0 0 0 0.25rem rgba(var(--success-rgb), 0.25);}.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{color: var(--form-valid-color);}.form-check-inline .form-check-input ~ .valid-feedback{margin-left: .5em;}.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control.is-valid:not(:focus), .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select.is-valid:not(:focus), .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating.is-valid:not(:focus-within){z-index: 3;}.invalid-feedback{display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--form-invalid-color);}.invalid-tooltip{position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--danger); border-radius: var(--border-radius);}.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip{display: block;}.was-validated .form-control:invalid, .form-control.is-invalid{border-color: var(--form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{border-color: var(--form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--danger-rgb), 0.25);}.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);}.was-validated .form-select:invalid, .form-select.is-invalid{border-color: var(--form-invalid-border-color);}.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]){--form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus{border-color: var(--form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--danger-rgb), 0.25);}.was-validated .form-control-color:invalid, .form-control-color.is-invalid{width: calc(3rem + calc(1.5em + 0.75rem));}.was-validated .form-check-input:invalid, .form-check-input.is-invalid{border-color: var(--form-invalid-border-color);}.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked{background-color: var(--form-invalid-color);}.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus{box-shadow: 0 0 0 0.25rem rgba(var(--danger-rgb), 0.25);}.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{color: var(--form-invalid-color);}.form-check-inline .form-check-input ~ .invalid-feedback{margin-left: .5em;}.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control.is-invalid:not(:focus), .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select.is-invalid:not(:focus), .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating.is-invalid:not(:focus-within){z-index: 4;}.btn{--btn-padding-x: 1rem; --btn-padding-y: 0.375rem; --btn-font-family: ; --btn-font-size: 1rem; --btn-font-weight: 400; --btn-line-height: 1.5; --btn-color: var(--body-color); --btn-bg: transparent; --btn-border-width: var(--border-width); --btn-border-color: transparent; --btn-border-radius: var(--border-radius); --btn-hover-border-color: transparent; --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --btn-disabled-opacity: 0.65; --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--btn-padding-y) var(--btn-padding-x); font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); color: var(--btn-color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: var(--btn-border-width) solid var(--btn-border-color); border-radius: var(--btn-border-radius); background-color: var(--btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.btn{transition: none;}}.btn:hover{color: var(--btn-hover-color); text-decoration: none; background-color: var(--btn-hover-bg); border-color: var(--btn-hover-border-color);}.btn-check + .btn:hover{color: var(--btn-color); background-color: var(--btn-bg); border-color: var(--btn-border-color);}.btn:focus-visible{color: var(--btn-hover-color); background-color: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); outline: 0; box-shadow: var(--btn-focus-box-shadow);}.btn-check:focus-visible + .btn{border-color: var(--btn-hover-border-color); outline: 0; box-shadow: var(--btn-focus-box-shadow);}.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{color: var(--btn-active-color); background-color: var(--btn-active-bg); border-color: var(--btn-active-border-color);}.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible{box-shadow: var(--btn-focus-box-shadow);}.btn-check:checked:focus-visible + .btn{box-shadow: var(--btn-focus-box-shadow);}.btn:disabled, .btn.o_wysiwyg_loader, .btn.disabled, fieldset:disabled .btn, fieldset.o_wysiwyg_loader .btn{color: var(--btn-disabled-color); pointer-events: none; background-color: var(--btn-disabled-bg); border-color: var(--btn-disabled-border-color); opacity: var(--btn-disabled-opacity);}.btn-link{--btn-font-weight: 400; --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-active-color: var(--link-hover-color); --btn-active-border-color: transparent; --btn-disabled-color: #6C757D; --btn-disabled-border-color: transparent; --btn-box-shadow: 0 0 0 #000; --btn-focus-shadow-rgb: 124, 95, 116; text-decoration: none;}.btn-link:hover, .btn-link:focus-visible{text-decoration: underline;}.btn-link:focus-visible{color: var(--btn-color);}.btn-link:hover{color: var(--btn-hover-color);}.btn-lg, .btn-group-lg > .btn{--btn-padding-y: 1rem; --btn-padding-x: 2.5rem; --btn-font-size: 1.25rem; --btn-border-radius: 2rem;}.btn-sm, .btn-group-sm > .btn{--btn-padding-y: 0.0625rem; --btn-padding-x: 0.5rem; --btn-font-size: 0.875rem; --btn-border-radius: var(--border-radius-sm);}.fade{transition: opacity 0.15s linear;}@media (prefers-reduced-motion: reduce){.fade{transition: none;}}.fade:not(.show){opacity: 0;}.collapse:not(.show){display: none;}.collapsing{height: 0; overflow: hidden; transition: height 0.35s ease;}@media (prefers-reduced-motion: reduce){.collapsing{transition: none;}}.collapsing.collapse-horizontal{width: 0; height: auto; transition: width 0.35s ease;}@media (prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition: none;}}.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center{position: relative;}.dropdown-toggle{white-space: nowrap;}.dropdown-toggle::after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;}.dropdown-toggle:empty::after{margin-left: 0;}.dropdown-menu, .o_dropdown_menu{--dropdown-zindex: 1000; --dropdown-min-width: 10rem; --dropdown-padding-x: 0; --dropdown-padding-y: 0.5rem; --dropdown-spacer: 0.125rem; --dropdown-font-size: 1rem; --dropdown-color: var(--body-color); --dropdown-bg: #FFFFFF; --dropdown-border-color: var(--o-border-color); --dropdown-border-radius: var(--border-radius); --dropdown-border-width: var(--border-width); --dropdown-inner-border-radius: calc(var(--border-radius) - var(--border-width)); --dropdown-divider-bg: var(--o-border-color); --dropdown-divider-margin-y: 0.5rem; --dropdown-box-shadow: var(--box-shadow); --dropdown-link-color: var(--body-color); --dropdown-link-hover-color: var(--body-color); --dropdown-link-hover-bg: var(--tertiary-bg); --dropdown-link-active-color: #212529; --dropdown-link-active-bg: rgba(33, 37, 41, 0.2); --dropdown-link-disabled-color: var(--tertiary-color); --dropdown-item-padding-x: 1rem; --dropdown-item-padding-y: 0.25rem; --dropdown-header-color: #6C757D; --dropdown-header-padding-x: 1rem; --dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--dropdown-zindex); display: none; min-width: var(--dropdown-min-width); padding: var(--dropdown-padding-y) var(--dropdown-padding-x); margin: 0; font-size: var(--dropdown-font-size); color: var(--dropdown-color); text-align: left; list-style: none; background-color: var(--dropdown-bg); background-clip: padding-box; border: var(--dropdown-border-width) solid var(--dropdown-border-color); border-radius: var(--dropdown-border-radius);}.dropdown-menu[data-bs-popper], .o_dropdown_menu[data-bs-popper]{top: 100%; left: 0; margin-top: var(--dropdown-spacer);}.dropdown-menu-start{--bs-position: start;}.dropdown-menu-start[data-bs-popper]{right: auto; left: 0;}.dropdown-menu-end{--bs-position: end;}.dropdown-menu-end[data-bs-popper]{right: 0; left: auto;}@media (min-width: 576px){.dropdown-menu-sm-start{--bs-position: start;}.dropdown-menu-sm-start[data-bs-popper]{right: auto; left: 0;}.dropdown-menu-sm-end{--bs-position: end;}.dropdown-menu-sm-end[data-bs-popper]{right: 0; left: auto;}}@media (min-width: 768px){.dropdown-menu-md-start{--bs-position: start;}.dropdown-menu-md-start[data-bs-popper]{right: auto; left: 0;}.dropdown-menu-md-end{--bs-position: end;}.dropdown-menu-md-end[data-bs-popper]{right: 0; left: auto;}}@media (min-width: 992px){.dropdown-menu-lg-start{--bs-position: start;}.dropdown-menu-lg-start[data-bs-popper]{right: auto; left: 0;}.dropdown-menu-lg-end{--bs-position: end;}.dropdown-menu-lg-end[data-bs-popper]{right: 0; left: auto;}}@media (min-width: 1200px){.dropdown-menu-xl-start{--bs-position: start;}.dropdown-menu-xl-start[data-bs-popper]{right: auto; left: 0;}.dropdown-menu-xl-end{--bs-position: end;}.dropdown-menu-xl-end[data-bs-popper]{right: 0; left: auto;}}@media (min-width: 1400px){.dropdown-menu-xxl-start{--bs-position: start;}.dropdown-menu-xxl-start[data-bs-popper]{right: auto; left: 0;}.dropdown-menu-xxl-end{--bs-position: end;}.dropdown-menu-xxl-end[data-bs-popper]{right: 0; left: auto;}}.dropup .dropdown-menu[data-bs-popper], .dropup .o_dropdown_menu[data-bs-popper]{top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--dropdown-spacer);}.dropup .dropdown-toggle::after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent;}.dropup .dropdown-toggle:empty::after{margin-left: 0;}.dropend .dropdown-menu[data-bs-popper], .dropend .o_dropdown_menu[data-bs-popper]{top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--dropdown-spacer);}.dropend .dropdown-toggle::after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid;}.dropend .dropdown-toggle:empty::after{margin-left: 0;}.dropend .dropdown-toggle::after{vertical-align: 0;}.dropstart .dropdown-menu[data-bs-popper], .dropstart .o_dropdown_menu[data-bs-popper]{top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--dropdown-spacer);}.dropstart .dropdown-toggle::after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: "";}.dropstart .dropdown-toggle::after{display: none;}.dropstart .dropdown-toggle::before{display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent;}.dropstart .dropdown-toggle:empty::after{margin-left: 0;}.dropstart .dropdown-toggle::before{vertical-align: 0;}.dropdown-divider{height: 0; margin: var(--dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--dropdown-divider-bg); opacity: 1;}.dropdown-item{display: block; width: 100%; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--dropdown-link-color); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--dropdown-item-border-radius, 0);}.dropdown-item:hover, .dropdown-item:focus{color: var(--dropdown-link-hover-color); text-decoration: none; background-color: var(--dropdown-link-hover-bg);}.dropdown-item.active, .dropdown-item:active{color: var(--dropdown-link-active-color); text-decoration: none; background-color: var(--dropdown-link-active-bg);}.dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader{color: var(--dropdown-link-disabled-color); pointer-events: none; background-color: transparent;}.dropdown-menu.show, .show.o_dropdown_menu{display: block;}.dropdown-header{display: block; padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--dropdown-header-color); white-space: nowrap;}.dropdown-item-text{display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); color: var(--dropdown-link-color);}.dropdown-menu-dark{--dropdown-color: #dee2e6; --dropdown-bg: #343A40; --dropdown-border-color: var(--o-border-color); --dropdown-box-shadow: ; --dropdown-link-color: #dee2e6; --dropdown-link-hover-color: #FFF; --dropdown-divider-bg: var(--o-border-color); --dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --dropdown-link-active-color: #212529; --dropdown-link-active-bg: rgba(33, 37, 41, 0.2); --dropdown-link-disabled-color: #ADB5BD; --dropdown-header-color: #ADB5BD;}.btn-group, .btn-group-vertical{position: relative; display: inline-flex; vertical-align: middle;}.btn-group > .btn, .btn-group-vertical > .btn{position: relative; flex: 1 1 auto;}.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active{z-index: 1;}.btn-toolbar{display: flex; flex-wrap: wrap; justify-content: flex-start;}.btn-toolbar .input-group{width: auto;}.btn-group{border-radius: var(--border-radius);}.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child){margin-left: calc(var(--border-width) * -1);}.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn{border-top-right-radius: 0; border-bottom-right-radius: 0;}.btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn{border-top-left-radius: 0; border-bottom-left-radius: 0;}.dropdown-toggle-split{padding-right: 0.75rem; padding-left: 0.75rem;}.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after{margin-left: 0;}.dropstart .dropdown-toggle-split::before{margin-right: 0;}.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split{padding-right: 0.375rem; padding-left: 0.375rem;}.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split{padding-right: 1.875rem; padding-left: 1.875rem;}.btn-group-vertical{flex-direction: column; align-items: flex-start; justify-content: center;}.btn-group-vertical > .btn, .btn-group-vertical > .btn-group{width: 100%;}.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child){margin-top: calc(var(--border-width) * -1);}.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn{border-bottom-right-radius: 0; border-bottom-left-radius: 0;}.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn{border-top-left-radius: 0; border-top-right-radius: 0;}.nav{--nav-link-padding-x: 1rem; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --nav-link-color: var(--link-color); --nav-link-hover-color: var(--link-hover-color); --nav-link-disabled-color: var(--secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}.nav-link{display: block; padding: var(--nav-link-padding-y) var(--nav-link-padding-x); font-size: var(--nav-link-font-size); font-weight: var(--nav-link-font-weight); color: var(--nav-link-color); background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.nav-link{transition: none;}}.nav-link:hover, .nav-link:focus{color: var(--nav-link-hover-color); text-decoration: none;}.nav-link:focus-visible{outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.nav-link.disabled, .nav-link:disabled, .nav-link.o_wysiwyg_loader{color: var(--nav-link-disabled-color); pointer-events: none; cursor: default;}.nav-tabs{--nav-tabs-border-width: var(--border-width); --nav-tabs-border-color: var(--border-color); --nav-tabs-border-radius: var(--border-radius); --nav-tabs-link-hover-border-color: var(--secondary-bg) var(--secondary-bg) var(--border-color); --nav-tabs-link-active-color: var(--emphasis-color); --nav-tabs-link-active-bg: var(--body-bg); --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--body-bg); border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);}.nav-tabs .nav-link{margin-bottom: calc(-1 * var(--nav-tabs-border-width)); border: var(--nav-tabs-border-width) solid transparent; border-top-left-radius: var(--nav-tabs-border-radius); border-top-right-radius: var(--nav-tabs-border-radius);}.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{isolation: isolate; border-color: var(--nav-tabs-link-hover-border-color);}.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: var(--nav-tabs-link-active-color); background-color: var(--nav-tabs-link-active-bg); border-color: var(--nav-tabs-link-active-border-color);}.nav-tabs .dropdown-menu, .nav-tabs .o_dropdown_menu{margin-top: calc(-1 * var(--nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0;}.nav-pills{--nav-pills-border-radius: var(--border-radius); --nav-pills-link-active-color: #FFFFFF; --nav-pills-link-active-bg: #714B67;}.nav-pills .nav-link{border-radius: var(--nav-pills-border-radius);}.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: var(--nav-pills-link-active-color); background-color: var(--nav-pills-link-active-bg);}.nav-underline{--nav-underline-gap: 1rem; --nav-underline-border-width: 0.125rem; --nav-underline-link-active-color: var(--emphasis-color); gap: var(--nav-underline-gap);}.nav-underline .nav-link{padding-right: 0; padding-left: 0; border-bottom: var(--nav-underline-border-width) solid transparent;}.nav-underline .nav-link:hover, .nav-underline .nav-link:focus{border-bottom-color: currentcolor;}.nav-underline .nav-link.active, .nav-underline .show > .nav-link{font-weight: 600; color: var(--nav-underline-link-active-color); border-bottom-color: currentcolor;}.nav-fill > .nav-link, .nav-fill .nav-item{flex: 1 1 auto; text-align: center;}.nav-justified > .nav-link, .nav-justified .nav-item{flex-basis: 0; flex-grow: 1; text-align: center;}.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{width: 100%;}.tab-content > .tab-pane{display: none;}.tab-content > .active{display: block;}.navbar{--navbar-padding-x: 0; --navbar-padding-y: 0.5rem; --navbar-color: rgba(var(--emphasis-color-rgb), 0.65); --navbar-hover-color: rgba(var(--emphasis-color-rgb), 0.8); --navbar-disabled-color: rgba(var(--emphasis-color-rgb), 0.3); --navbar-active-color: rgba(var(--emphasis-color-rgb), 1); --navbar-brand-padding-y: 0.3125rem; --navbar-brand-margin-end: 1rem; --navbar-brand-font-size: 1.25rem; --navbar-brand-color: rgba(var(--emphasis-color-rgb), 1); --navbar-brand-hover-color: rgba(var(--emphasis-color-rgb), 1); --navbar-nav-link-padding-x: 0.5rem; --navbar-toggler-padding-y: 0.25rem; --navbar-toggler-padding-x: 0.75rem; --navbar-toggler-font-size: 1.25rem; --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --navbar-toggler-border-color: transparent; --navbar-toggler-border-radius: var(--border-radius); --navbar-toggler-focus-width: 0.25rem; --navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--navbar-padding-y) var(--navbar-padding-x);}.navbar > .container, .navbar > .o_container_small, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl{display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;}.navbar-brand{padding-top: var(--navbar-brand-padding-y); padding-bottom: var(--navbar-brand-padding-y); margin-right: var(--navbar-brand-margin-end); font-size: var(--navbar-brand-font-size); color: var(--navbar-brand-color); white-space: nowrap;}.navbar-brand:hover, .navbar-brand:focus{color: var(--navbar-brand-hover-color); text-decoration: none;}.navbar-nav{--nav-link-padding-x: 0; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --nav-link-color: var(--navbar-color); --nav-link-hover-color: var(--navbar-hover-color); --nav-link-disabled-color: var(--navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;}.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--navbar-active-color);}.navbar-nav .dropdown-menu, .navbar-nav .o_dropdown_menu{position: static;}.navbar-text{padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--navbar-color);}.navbar-text a, .navbar-text a:hover, .navbar-text a:focus{color: var(--navbar-active-color);}.navbar-collapse{flex-basis: 100%; flex-grow: 1; align-items: center;}.navbar-toggler{padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x); font-size: var(--navbar-toggler-font-size); line-height: 1; color: var(--navbar-color); background-color: transparent; border: var(--border-width) solid var(--navbar-toggler-border-color); border-radius: var(--navbar-toggler-border-radius); transition: var(--navbar-toggler-transition);}@media (prefers-reduced-motion: reduce){.navbar-toggler{transition: none;}}.navbar-toggler:hover{text-decoration: none;}.navbar-toggler:focus{text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--navbar-toggler-focus-width);}.navbar-toggler-icon{display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%;}.navbar-nav-scroll{max-height: var(--scroll-height, 75vh); overflow-y: auto;}@media (min-width: 576px){.navbar-expand-sm{flex-wrap: nowrap; justify-content: flex-start;}.navbar-expand-sm .navbar-nav{flex-direction: row;}.navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav .o_dropdown_menu{position: absolute;}.navbar-expand-sm .navbar-nav .nav-link{padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x);}.navbar-expand-sm .navbar-nav-scroll{overflow: visible;}.navbar-expand-sm .navbar-collapse{display: flex !important; flex-basis: auto;}.navbar-expand-sm .navbar-toggler{display: none;}.navbar-expand-sm .offcanvas{position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none;}.navbar-expand-sm .offcanvas .offcanvas-header{display: none;}.navbar-expand-sm .offcanvas .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible;}}@media (min-width: 768px){.navbar-expand-md{flex-wrap: nowrap; justify-content: flex-start;}.navbar-expand-md .navbar-nav{flex-direction: row;}.navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .o_dropdown_menu{position: absolute;}.navbar-expand-md .navbar-nav .nav-link{padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x);}.navbar-expand-md .navbar-nav-scroll{overflow: visible;}.navbar-expand-md .navbar-collapse{display: flex !important; flex-basis: auto;}.navbar-expand-md .navbar-toggler{display: none;}.navbar-expand-md .offcanvas{position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none;}.navbar-expand-md .offcanvas .offcanvas-header{display: none;}.navbar-expand-md .offcanvas .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible;}}@media (min-width: 992px){.navbar-expand-lg{flex-wrap: nowrap; justify-content: flex-start;}.navbar-expand-lg .navbar-nav{flex-direction: row;}.navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav .o_dropdown_menu{position: absolute;}.navbar-expand-lg .navbar-nav .nav-link{padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x);}.navbar-expand-lg .navbar-nav-scroll{overflow: visible;}.navbar-expand-lg .navbar-collapse{display: flex !important; flex-basis: auto;}.navbar-expand-lg .navbar-toggler{display: none;}.navbar-expand-lg .offcanvas{position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none;}.navbar-expand-lg .offcanvas .offcanvas-header{display: none;}.navbar-expand-lg .offcanvas .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible;}}@media (min-width: 1200px){.navbar-expand-xl{flex-wrap: nowrap; justify-content: flex-start;}.navbar-expand-xl .navbar-nav{flex-direction: row;}.navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav .o_dropdown_menu{position: absolute;}.navbar-expand-xl .navbar-nav .nav-link{padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x);}.navbar-expand-xl .navbar-nav-scroll{overflow: visible;}.navbar-expand-xl .navbar-collapse{display: flex !important; flex-basis: auto;}.navbar-expand-xl .navbar-toggler{display: none;}.navbar-expand-xl .offcanvas{position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none;}.navbar-expand-xl .offcanvas .offcanvas-header{display: none;}.navbar-expand-xl .offcanvas .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible;}}@media (min-width: 1400px){.navbar-expand-xxl{flex-wrap: nowrap; justify-content: flex-start;}.navbar-expand-xxl .navbar-nav{flex-direction: row;}.navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav .o_dropdown_menu{position: absolute;}.navbar-expand-xxl .navbar-nav .nav-link{padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x);}.navbar-expand-xxl .navbar-nav-scroll{overflow: visible;}.navbar-expand-xxl .navbar-collapse{display: flex !important; flex-basis: auto;}.navbar-expand-xxl .navbar-toggler{display: none;}.navbar-expand-xxl .offcanvas{position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none;}.navbar-expand-xxl .offcanvas .offcanvas-header{display: none;}.navbar-expand-xxl .offcanvas .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible;}}.navbar-expand{flex-wrap: nowrap; justify-content: flex-start;}.navbar-expand .navbar-nav{flex-direction: row;}.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav .o_dropdown_menu{position: absolute;}.navbar-expand .navbar-nav .nav-link{padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x);}.navbar-expand .navbar-nav-scroll{overflow: visible;}.navbar-expand .navbar-collapse{display: flex !important; flex-basis: auto;}.navbar-expand .navbar-toggler{display: none;}.navbar-expand .offcanvas{position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none;}.navbar-expand .offcanvas .offcanvas-header{display: none;}.navbar-expand .offcanvas .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible;}.navbar-dark, .navbar[data-bs-theme="dark"]{--navbar-color: rgba(255, 255, 255, 0.55); --navbar-hover-color: rgba(255, 255, 255, 0.75); --navbar-disabled-color: rgba(255, 255, 255, 0.25); --navbar-active-color: #FFF; --navbar-brand-color: #FFF; --navbar-brand-hover-color: #FFF; --navbar-toggler-border-color: transparent; --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}[data-bs-theme="dark"] .navbar-toggler-icon{--navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}.card{--card-spacer-y: 1rem; --card-spacer-x: 1rem; --card-title-spacer-y: 0.5rem; --card-title-color: ; --card-subtitle-color: ; --card-border-width: var(--border-width); --card-border-color: var(--o-border-color); --card-border-radius: var(--border-radius); --card-box-shadow: ; --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width))); --card-cap-padding-y: 0.5rem; --card-cap-padding-x: 1rem; --card-cap-bg: rgba(var(--body-color-rgb), 0.03); --card-cap-color: ; --card-height: ; --card-color: ; --card-bg: #FFFFFF; --card-img-overlay-padding: 1rem; --card-group-margin: 15px; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--card-height); color: var(--body-color); word-wrap: break-word; background-color: var(--card-bg); background-clip: border-box; border: var(--card-border-width) solid var(--card-border-color); border-radius: var(--card-border-radius);}.card > hr{margin-right: 0; margin-left: 0;}.card > .list-group{border-top: inherit; border-bottom: inherit;}.card > .list-group:first-child{border-top-width: 0; border-top-left-radius: var(--card-inner-border-radius); border-top-right-radius: var(--card-inner-border-radius);}.card > .list-group:last-child{border-bottom-width: 0; border-bottom-right-radius: var(--card-inner-border-radius); border-bottom-left-radius: var(--card-inner-border-radius);}.card > .card-header + .list-group, .card > .list-group + .card-footer{border-top: 0;}.card-body{flex: 1 1 auto; padding: var(--card-spacer-y) var(--card-spacer-x); color: var(--card-color);}.card-title{margin-bottom: var(--card-title-spacer-y); color: var(--card-title-color);}.card-subtitle{margin-top: calc(-.5 * var(--card-title-spacer-y)); margin-bottom: 0; color: var(--card-subtitle-color);}.card-text:last-child{margin-bottom: 0;}.card-link:hover{text-decoration: none;}.card-link + .card-link{margin-left: var(--card-spacer-x);}.card-header{padding: var(--card-cap-padding-y) var(--card-cap-padding-x); margin-bottom: 0; color: var(--card-cap-color); background-color: var(--card-cap-bg); border-bottom: var(--card-border-width) solid var(--card-border-color);}.card-header:first-child{border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;}.card-footer{padding: var(--card-cap-padding-y) var(--card-cap-padding-x); color: var(--card-cap-color); background-color: var(--card-cap-bg); border-top: var(--card-border-width) solid var(--card-border-color);}.card-footer:last-child{border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);}.card-header-tabs{margin-right: calc(-.5 * var(--card-cap-padding-x)); margin-bottom: calc(-1 * var(--card-cap-padding-y)); margin-left: calc(-.5 * var(--card-cap-padding-x)); border-bottom: 0;}.card-header-tabs .nav-link.active{background-color: var(--card-bg); border-bottom-color: var(--card-bg);}.card-header-pills{margin-right: calc(-.5 * var(--card-cap-padding-x)); margin-left: calc(-.5 * var(--card-cap-padding-x));}.card-img-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--card-img-overlay-padding); border-radius: var(--card-inner-border-radius);}.card-img, .card-img-top, .card-img-bottom{width: 100%;}.card-img, .card-img-top{border-top-left-radius: var(--card-inner-border-radius); border-top-right-radius: var(--card-inner-border-radius);}.card-img, .card-img-bottom{border-bottom-right-radius: var(--card-inner-border-radius); border-bottom-left-radius: var(--card-inner-border-radius);}.card-group > .card{margin-bottom: var(--card-group-margin);}@media (min-width: 576px){.card-group{display: flex; flex-flow: row wrap;}.card-group > .card{flex: 1 0 0%; margin-bottom: 0;}.card-group > .card + .card{margin-left: 0; border-left: 0;}.card-group > .card:not(:last-child){border-top-right-radius: 0; border-bottom-right-radius: 0;}.card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header{border-top-right-radius: 0;}.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer{border-bottom-right-radius: 0;}.card-group > .card:not(:first-child){border-top-left-radius: 0; border-bottom-left-radius: 0;}.card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header{border-top-left-radius: 0;}.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer{border-bottom-left-radius: 0;}}.accordion{--accordion-color: inherit; --accordion-bg: inherit; --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --accordion-border-color: var(--o-border-color); --accordion-border-width: 1px; --accordion-border-radius: var(--border-radius); --accordion-inner-border-radius: calc(var(--border-radius) - 1px); --accordion-btn-padding-x: 1.5rem; --accordion-btn-padding-y: 1rem; --accordion-btn-color: var(--body-color); --accordion-btn-bg: var(--accordion-bg); --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --accordion-btn-icon-width: 1.25rem; --accordion-btn-icon-transform: rotate(-180deg); --accordion-btn-icon-transition: transform 0.2s ease-in-out; --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --accordion-btn-focus-box-shadow: none; --accordion-body-padding-x: 1.5rem; --accordion-body-padding-y: 1rem; --accordion-active-color: #212529; --accordion-active-bg: #F6F5F4;}.accordion-button{position: relative; display: flex; align-items: center; width: 100%; padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x); font-size: 1rem; color: var(--accordion-btn-color); text-align: left; background-color: var(--accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--accordion-transition);}@media (prefers-reduced-motion: reduce){.accordion-button{transition: none;}}.accordion-button:not(.collapsed){color: var(--accordion-active-color); background-color: var(--accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);}.accordion-button:not(.collapsed)::after{background-image: var(--accordion-btn-active-icon); transform: var(--accordion-btn-icon-transform);}.accordion-button::after{flex-shrink: 0; width: var(--accordion-btn-icon-width); height: var(--accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--accordion-btn-icon); background-repeat: no-repeat; background-size: var(--accordion-btn-icon-width); transition: var(--accordion-btn-icon-transition);}@media (prefers-reduced-motion: reduce){.accordion-button::after{transition: none;}}.accordion-button:hover{z-index: 2;}.accordion-button:focus{z-index: 3; outline: 0; box-shadow: var(--accordion-btn-focus-box-shadow);}.accordion-header{margin-bottom: 0;}.accordion-item{color: var(--accordion-color); background-color: var(--accordion-bg); border: var(--accordion-border-width) solid var(--accordion-border-color);}.accordion-item:first-of-type{border-top-left-radius: var(--accordion-border-radius); border-top-right-radius: var(--accordion-border-radius);}.accordion-item:first-of-type > .accordion-header .accordion-button{border-top-left-radius: var(--accordion-inner-border-radius); border-top-right-radius: var(--accordion-inner-border-radius);}.accordion-item:not(:first-of-type){border-top: 0;}.accordion-item:last-of-type{border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius);}.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{border-bottom-right-radius: var(--accordion-inner-border-radius); border-bottom-left-radius: var(--accordion-inner-border-radius);}.accordion-item:last-of-type > .accordion-collapse{border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius);}.accordion-body{padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x);}.accordion-flush > .accordion-item{border-right: 0; border-left: 0; border-radius: 0;}.accordion-flush > .accordion-item:first-child{border-top: 0;}.accordion-flush > .accordion-item:last-child{border-bottom: 0;}.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed{border-radius: 0;}.accordion-flush > .accordion-item > .accordion-collapse{border-radius: 0;}[data-bs-theme="dark"] .accordion-button::after{--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aa93a4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aa93a4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}.breadcrumb{--breadcrumb-padding-x: 1rem; --breadcrumb-padding-y: 0.75rem; --breadcrumb-margin-bottom: 1rem; --breadcrumb-bg: ; --breadcrumb-border-radius: ; --breadcrumb-divider-color: var(--secondary-color); --breadcrumb-item-padding-x: 0.5rem; --breadcrumb-item-active-color: var(--secondary-color); display: flex; flex-wrap: wrap; padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x); margin-bottom: var(--breadcrumb-margin-bottom); font-size: var(--breadcrumb-font-size); list-style: none; background-color: var(--breadcrumb-bg); border-radius: var(--breadcrumb-border-radius);}.breadcrumb-item + .breadcrumb-item{padding-left: var(--breadcrumb-item-padding-x);}.breadcrumb-item + .breadcrumb-item::before{float: left; padding-right: var(--breadcrumb-item-padding-x); color: var(--breadcrumb-divider-color); content: var(--breadcrumb-divider, "/") ;}.breadcrumb-item.active{color: var(--breadcrumb-item-active-color);}.pagination{--pagination-padding-x: 0.75rem; --pagination-padding-y: 0.375rem; --pagination-font-size: 1rem; --pagination-color: #212529; --pagination-bg: #FFFFFF; --pagination-border-width: var(--border-width); --pagination-border-color: transparent; --pagination-border-radius: 50rem; --pagination-hover-color: #212529; --pagination-hover-bg: #F6F5F4; --pagination-hover-border-color: #F6F5F4; --pagination-focus-color: #212529; --pagination-focus-bg: #F6F5F4; --pagination-focus-box-shadow: 0 0 0 1px #F6F5F4; --pagination-active-color: #FFFFFF; --pagination-active-bg: #714B67; --pagination-active-border-color: #714B67; --pagination-disabled-color: rgba(33, 37, 41, 0.5); --pagination-disabled-bg: #FFFFFF; --pagination-disabled-border-color: transparent; display: flex; padding-left: 0; list-style: none;}.page-link{position: relative; display: block; padding: var(--pagination-padding-y) var(--pagination-padding-x); font-size: var(--pagination-font-size); color: var(--pagination-color); background-color: var(--pagination-bg); border: var(--pagination-border-width) solid var(--pagination-border-color); transition: none;}.page-link:hover{z-index: 2; color: var(--pagination-hover-color); text-decoration: none; background-color: var(--pagination-hover-bg); border-color: var(--pagination-hover-border-color);}.page-link:focus{z-index: 3; color: var(--pagination-focus-color); background-color: var(--pagination-focus-bg); outline: 0; box-shadow: var(--pagination-focus-box-shadow);}.page-link.active, .active > .page-link{z-index: 3; color: var(--pagination-active-color); background-color: var(--pagination-active-bg); border-color: var(--pagination-active-border-color);}.page-link.disabled, .disabled > .page-link{color: var(--pagination-disabled-color); pointer-events: none; background-color: var(--pagination-disabled-bg); border-color: var(--pagination-disabled-border-color);}.page-item:not(:first-child) .page-link{margin-left: 0.25rem;}.page-item .page-link{border-radius: var(--pagination-border-radius);}.pagination-lg{--pagination-padding-x: 1.5rem; --pagination-padding-y: 0.75rem; --pagination-font-size: 1.25rem; --pagination-border-radius: 50rem;}.pagination-sm{--pagination-padding-x: 0.5rem; --pagination-padding-y: 0.25rem; --pagination-font-size: 0.875rem; --pagination-border-radius: 50rem;}.badge{--badge-padding-x: 0.65em; --badge-padding-y: 0.35em; --badge-font-size: 0.75em; --badge-font-weight: 600; --badge-color: #FFF; --badge-border-radius: 50rem; display: inline-block; padding: var(--badge-padding-y) var(--badge-padding-x); font-size: var(--badge-font-size); font-weight: var(--badge-font-weight); line-height: 1; color: var(--badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--badge-border-radius);}.badge:empty{display: none;}.btn .badge{position: relative; top: -1px;}.alert{--alert-bg: transparent; --alert-padding-x: 1rem; --alert-padding-y: 1rem; --alert-margin-bottom: 1rem; --alert-color: inherit; --alert-border-color: transparent; --alert-border: var(--border-width) solid var(--alert-border-color); --alert-border-radius: var(--border-radius); --alert-link-color: inherit; position: relative; padding: var(--alert-padding-y) var(--alert-padding-x); margin-bottom: var(--alert-margin-bottom); color: var(--alert-color); background-color: var(--alert-bg); border: var(--alert-border); border-radius: var(--alert-border-radius);}.alert-heading{color: inherit;}.alert-link{font-weight: 600; color: var(--alert-link-color);}.alert-dismissible{padding-right: 3rem;}.alert-dismissible .btn-close{position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem;}.alert-primary{--alert-color: var(--primary-text-emphasis); --alert-bg: var(--primary-bg-subtle); --alert-border-color: var(--primary-border-subtle); --alert-link-color: var(--primary-text-emphasis);}.alert-secondary{--alert-color: var(--secondary-text-emphasis); --alert-bg: var(--secondary-bg-subtle); --alert-border-color: var(--secondary-border-subtle); --alert-link-color: var(--secondary-text-emphasis);}.alert-success{--alert-color: var(--success-text-emphasis); --alert-bg: var(--success-bg-subtle); --alert-border-color: var(--success-border-subtle); --alert-link-color: var(--success-text-emphasis);}.alert-info{--alert-color: var(--info-text-emphasis); --alert-bg: var(--info-bg-subtle); --alert-border-color: var(--info-border-subtle); --alert-link-color: var(--info-text-emphasis);}.alert-warning{--alert-color: var(--warning-text-emphasis); --alert-bg: var(--warning-bg-subtle); --alert-border-color: var(--warning-border-subtle); --alert-link-color: var(--warning-text-emphasis);}.alert-danger{--alert-color: var(--danger-text-emphasis); --alert-bg: var(--danger-bg-subtle); --alert-border-color: var(--danger-border-subtle); --alert-link-color: var(--danger-text-emphasis);}.alert-light{--alert-color: var(--light-text-emphasis); --alert-bg: var(--light-bg-subtle); --alert-border-color: var(--light-border-subtle); --alert-link-color: var(--light-text-emphasis);}.alert-dark{--alert-color: var(--dark-text-emphasis); --alert-bg: var(--dark-bg-subtle); --alert-border-color: var(--dark-border-subtle); --alert-link-color: var(--dark-text-emphasis);}@keyframes progress-bar-stripes{0%{background-position-x: 1rem;}}.progress, .progress-stacked{--progress-height: 1rem; --progress-font-size: 0.75rem; --progress-bg: var(--secondary-bg); --progress-border-radius: var(--border-radius); --progress-box-shadow: var(--box-shadow-inset); --progress-bar-color: #FFF; --progress-bar-bg: #714B67; --progress-bar-transition: width 0.6s ease; display: flex; height: var(--progress-height); overflow: hidden; font-size: var(--progress-font-size); background-color: var(--progress-bg); border-radius: var(--progress-border-radius);}.progress-bar{display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--progress-bar-bg); transition: var(--progress-bar-transition);}@media (prefers-reduced-motion: reduce){.progress-bar{transition: none;}}.progress-bar-striped{background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--progress-height) var(--progress-height);}.progress-stacked > .progress{overflow: visible;}.progress-stacked > .progress > .progress-bar{width: 100%;}.progress-bar-animated{animation: 1s linear infinite progress-bar-stripes;}@media (prefers-reduced-motion: reduce){.progress-bar-animated{animation: none;}}.list-group{--list-group-color: var(--body-color); --list-group-bg: #FFFFFF; --list-group-border-color: var(--border-color); --list-group-border-width: var(--border-width); --list-group-border-radius: var(--border-radius); --list-group-item-padding-x: 1rem; --list-group-item-padding-y: 0.5rem; --list-group-action-color: var(--secondary-color); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--tertiary-bg); --list-group-action-active-color: var(--body-color); --list-group-action-active-bg: var(--secondary-bg); --list-group-disabled-color: var(--secondary-color); --list-group-disabled-bg: #FFFFFF; --list-group-active-color: #FFFFFF; --list-group-active-bg: #714B67; --list-group-active-border-color: #714B67; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--list-group-border-radius);}.list-group-numbered{list-style-type: none; counter-reset: section;}.list-group-numbered > .list-group-item::before{content: counters(section, ".") ". "; counter-increment: section;}.list-group-item-action{width: 100%; color: var(--list-group-action-color); text-align: inherit;}.list-group-item-action:hover, .list-group-item-action:focus{z-index: 1; color: var(--list-group-action-hover-color); text-decoration: none; background-color: var(--list-group-action-hover-bg);}.list-group-item-action:active{color: var(--list-group-action-active-color); background-color: var(--list-group-action-active-bg);}.list-group-item{position: relative; display: block; padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x); color: var(--list-group-color); background-color: var(--list-group-bg); border: var(--list-group-border-width) solid var(--list-group-border-color);}.list-group-item:first-child{border-top-left-radius: inherit; border-top-right-radius: inherit;}.list-group-item:last-child{border-bottom-right-radius: inherit; border-bottom-left-radius: inherit;}.list-group-item.disabled, .list-group-item:disabled, .list-group-item.o_wysiwyg_loader{color: var(--list-group-disabled-color); pointer-events: none; background-color: var(--list-group-disabled-bg);}.list-group-item.active{z-index: 2; color: var(--list-group-active-color); background-color: var(--list-group-active-bg); border-color: var(--list-group-active-border-color);}.list-group-item + .list-group-item{border-top-width: 0;}.list-group-item + .list-group-item.active{margin-top: calc(-1 * var(--list-group-border-width)); border-top-width: var(--list-group-border-width);}.list-group-horizontal{flex-direction: row;}.list-group-horizontal > .list-group-item:first-child:not(:last-child){border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0;}.list-group-horizontal > .list-group-item:last-child:not(:first-child){border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0;}.list-group-horizontal > .list-group-item.active{margin-top: 0;}.list-group-horizontal > .list-group-item + .list-group-item{border-top-width: var(--list-group-border-width); border-left-width: 0;}.list-group-horizontal > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width);}@media (min-width: 576px){.list-group-horizontal-sm{flex-direction: row;}.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child){border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0;}.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child){border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0;}.list-group-horizontal-sm > .list-group-item.active{margin-top: 0;}.list-group-horizontal-sm > .list-group-item + .list-group-item{border-top-width: var(--list-group-border-width); border-left-width: 0;}.list-group-horizontal-sm > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width);}}@media (min-width: 768px){.list-group-horizontal-md{flex-direction: row;}.list-group-horizontal-md > .list-group-item:first-child:not(:last-child){border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0;}.list-group-horizontal-md > .list-group-item:last-child:not(:first-child){border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0;}.list-group-horizontal-md > .list-group-item.active{margin-top: 0;}.list-group-horizontal-md > .list-group-item + .list-group-item{border-top-width: var(--list-group-border-width); border-left-width: 0;}.list-group-horizontal-md > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width);}}@media (min-width: 992px){.list-group-horizontal-lg{flex-direction: row;}.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child){border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0;}.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child){border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0;}.list-group-horizontal-lg > .list-group-item.active{margin-top: 0;}.list-group-horizontal-lg > .list-group-item + .list-group-item{border-top-width: var(--list-group-border-width); border-left-width: 0;}.list-group-horizontal-lg > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width);}}@media (min-width: 1200px){.list-group-horizontal-xl{flex-direction: row;}.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child){border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0;}.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child){border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0;}.list-group-horizontal-xl > .list-group-item.active{margin-top: 0;}.list-group-horizontal-xl > .list-group-item + .list-group-item{border-top-width: var(--list-group-border-width); border-left-width: 0;}.list-group-horizontal-xl > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width);}}@media (min-width: 1400px){.list-group-horizontal-xxl{flex-direction: row;}.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child){border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0;}.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child){border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0;}.list-group-horizontal-xxl > .list-group-item.active{margin-top: 0;}.list-group-horizontal-xxl > .list-group-item + .list-group-item{border-top-width: var(--list-group-border-width); border-left-width: 0;}.list-group-horizontal-xxl > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width);}}.list-group-flush{border-radius: 0;}.list-group-flush > .list-group-item{border-width: 0 0 var(--list-group-border-width);}.list-group-flush > .list-group-item:last-child{border-bottom-width: 0;}.list-group-item-primary{--list-group-color: var(--primary-text-emphasis); --list-group-bg: var(--primary-bg-subtle); --list-group-border-color: var(--primary-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--primary-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--primary-border-subtle); --list-group-active-color: var(--primary-bg-subtle); --list-group-active-bg: var(--primary-text-emphasis); --list-group-active-border-color: var(--primary-text-emphasis);}.list-group-item-secondary{--list-group-color: var(--secondary-text-emphasis); --list-group-bg: var(--secondary-bg-subtle); --list-group-border-color: var(--secondary-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--secondary-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--secondary-border-subtle); --list-group-active-color: var(--secondary-bg-subtle); --list-group-active-bg: var(--secondary-text-emphasis); --list-group-active-border-color: var(--secondary-text-emphasis);}.list-group-item-success{--list-group-color: var(--success-text-emphasis); --list-group-bg: var(--success-bg-subtle); --list-group-border-color: var(--success-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--success-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--success-border-subtle); --list-group-active-color: var(--success-bg-subtle); --list-group-active-bg: var(--success-text-emphasis); --list-group-active-border-color: var(--success-text-emphasis);}.list-group-item-info{--list-group-color: var(--info-text-emphasis); --list-group-bg: var(--info-bg-subtle); --list-group-border-color: var(--info-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--info-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--info-border-subtle); --list-group-active-color: var(--info-bg-subtle); --list-group-active-bg: var(--info-text-emphasis); --list-group-active-border-color: var(--info-text-emphasis);}.list-group-item-warning{--list-group-color: var(--warning-text-emphasis); --list-group-bg: var(--warning-bg-subtle); --list-group-border-color: var(--warning-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--warning-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--warning-border-subtle); --list-group-active-color: var(--warning-bg-subtle); --list-group-active-bg: var(--warning-text-emphasis); --list-group-active-border-color: var(--warning-text-emphasis);}.list-group-item-danger{--list-group-color: var(--danger-text-emphasis); --list-group-bg: var(--danger-bg-subtle); --list-group-border-color: var(--danger-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--danger-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--danger-border-subtle); --list-group-active-color: var(--danger-bg-subtle); --list-group-active-bg: var(--danger-text-emphasis); --list-group-active-border-color: var(--danger-text-emphasis);}.list-group-item-light{--list-group-color: var(--light-text-emphasis); --list-group-bg: var(--light-bg-subtle); --list-group-border-color: var(--light-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--light-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--light-border-subtle); --list-group-active-color: var(--light-bg-subtle); --list-group-active-bg: var(--light-text-emphasis); --list-group-active-border-color: var(--light-text-emphasis);}.list-group-item-dark{--list-group-color: var(--dark-text-emphasis); --list-group-bg: var(--dark-bg-subtle); --list-group-border-color: var(--dark-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--dark-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--dark-border-subtle); --list-group-active-color: var(--dark-bg-subtle); --list-group-active-bg: var(--dark-text-emphasis); --list-group-active-border-color: var(--dark-text-emphasis);}.btn-close{--btn-close-color: #000; --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --btn-close-opacity: 0.5; --btn-close-hover-opacity: 0.75; --btn-close-focus-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); --btn-close-focus-opacity: 1; --btn-close-disabled-opacity: 0.25; --btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--btn-close-color); background: transparent var(--btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.4rem; opacity: var(--btn-close-opacity);}.btn-close:hover{color: var(--btn-close-color); text-decoration: none; opacity: var(--btn-close-hover-opacity);}.btn-close:focus{outline: 0; box-shadow: var(--btn-close-focus-shadow); opacity: var(--btn-close-focus-opacity);}.btn-close:disabled, .btn-close.o_wysiwyg_loader, .btn-close.disabled{pointer-events: none; user-select: none; opacity: var(--btn-close-disabled-opacity);}.btn-close-white{filter: var(--btn-close-white-filter);}[data-bs-theme="dark"] .btn-close{filter: var(--btn-close-white-filter);}.toast{--toast-zindex: 1090; --toast-padding-x: 0.75rem; --toast-padding-y: 0.5rem; --toast-spacing: 30px; --toast-max-width: 350px; --toast-font-size: 0.875rem; --toast-color: ; --toast-bg: rgba(var(--body-bg-rgb), 0.85); --toast-border-width: var(--border-width); --toast-border-color: var(--border-color-translucent); --toast-border-radius: var(--border-radius); --toast-box-shadow: var(--box-shadow); --toast-header-color: var(--secondary-color); --toast-header-bg: rgba(var(--body-bg-rgb), 0.85); --toast-header-border-color: var(--border-color-translucent); width: var(--toast-max-width); max-width: 100%; font-size: var(--toast-font-size); color: var(--toast-color); pointer-events: auto; background-color: var(--toast-bg); background-clip: padding-box; border: var(--toast-border-width) solid var(--toast-border-color); box-shadow: var(--toast-box-shadow); border-radius: var(--toast-border-radius);}.toast.showing{opacity: 0;}.toast:not(.show){display: none;}.toast-container{--toast-zindex: 1090; position: absolute; z-index: var(--toast-zindex); width: max-content; max-width: 100%; pointer-events: none;}.toast-container > :not(:last-child){margin-bottom: var(--toast-spacing);}.toast-header{display: flex; align-items: center; padding: var(--toast-padding-y) var(--toast-padding-x); color: var(--toast-header-color); background-color: var(--toast-header-bg); background-clip: padding-box; border-bottom: var(--toast-border-width) solid var(--toast-header-border-color); border-top-left-radius: calc(var(--toast-border-radius) - var(--toast-border-width)); border-top-right-radius: calc(var(--toast-border-radius) - var(--toast-border-width));}.toast-header .btn-close{margin-right: calc(-.5 * var(--toast-padding-x)); margin-left: var(--toast-padding-x);}.toast-body{padding: var(--toast-padding-x); word-wrap: break-word;}.modal{--modal-zindex: 1055; --modal-width: 650px; --modal-padding: 1rem; --modal-margin: 0.5rem; --modal-color: ; --modal-bg: #FFFFFF; --modal-border-color: var(--border-color-translucent); --modal-border-width: var(--border-width); --modal-border-radius: var(--border-radius-lg); --modal-box-shadow: var(--box-shadow-sm); --modal-inner-border-radius: calc(var(--border-radius-lg) - (var(--border-width))); --modal-header-padding-x: 1rem; --modal-header-padding-y: 1rem; --modal-header-padding: 1rem 1rem; --modal-header-border-color: var(--border-color); --modal-header-border-width: var(--border-width); --modal-title-line-height: 1.5; --modal-footer-gap: 0.5rem; --modal-footer-bg: ; --modal-footer-border-color: var(--border-color); --modal-footer-border-width: var(--border-width); position: fixed; top: 0; left: 0; z-index: var(--modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0;}.modal-dialog{position: relative; width: auto; margin: var(--modal-margin); pointer-events: none;}.modal.fade .modal-dialog{transition: transform 0.3s ease-out; transform: translate(0, -50px);}@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition: none;}}.modal.show .modal-dialog{transform: none;}.modal.modal-static .modal-dialog{transform: scale(1.02);}.modal-dialog-scrollable{height: calc(100% - var(--modal-margin) * 2);}.modal-dialog-scrollable .modal-content{max-height: 100%; overflow: hidden;}.modal-dialog-scrollable .modal-body{overflow-y: auto;}.modal-dialog-centered{display: flex; align-items: center; min-height: calc(100% - var(--modal-margin) * 2);}.modal-content{position: relative; display: flex; flex-direction: column; width: 100%; color: var(--modal-color); pointer-events: auto; background-color: var(--modal-bg); background-clip: padding-box; border: var(--modal-border-width) solid var(--modal-border-color); border-radius: var(--modal-border-radius); outline: 0;}.modal-backdrop{--backdrop-zindex: 1050; --backdrop-bg: #000; --backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--backdrop-bg);}.modal-backdrop.fade{opacity: 0;}.modal-backdrop.show{opacity: var(--backdrop-opacity);}.modal-header{display: flex; flex-shrink: 0; align-items: center; padding: var(--modal-header-padding); border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color); border-top-left-radius: var(--modal-inner-border-radius); border-top-right-radius: var(--modal-inner-border-radius);}.modal-header .btn-close{padding: calc(var(--modal-header-padding-y) * .5) calc(var(--modal-header-padding-x) * .5); margin: calc(-.5 * var(--modal-header-padding-y)) calc(-.5 * var(--modal-header-padding-x)) calc(-.5 * var(--modal-header-padding-y)) auto;}.modal-title{margin-bottom: 0; line-height: var(--modal-title-line-height);}.modal-body{position: relative; flex: 1 1 auto; padding: var(--modal-padding);}.modal-footer{display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--modal-padding) - var(--modal-footer-gap) * .5); background-color: var(--modal-footer-bg); border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color); border-bottom-right-radius: var(--modal-inner-border-radius); border-bottom-left-radius: var(--modal-inner-border-radius);}.modal-footer > *{margin: calc(var(--modal-footer-gap) * .5);}@media (min-width: 576px){.modal{--modal-margin: 1.75rem; --modal-box-shadow: var(--box-shadow);}.modal-dialog{max-width: var(--modal-width); margin-right: auto; margin-left: auto;}.modal-sm{--modal-width: 300px;}}@media (min-width: 992px){.modal-lg, .modal-xl{--modal-width: 980px;}}@media (min-width: 1200px){.modal-xl{--modal-width: 1140px;}}.modal-fullscreen{width: 100vw; max-width: none; height: 100%; margin: 0;}.modal-fullscreen .modal-content{height: 100%; border: 0; border-radius: 0;}.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer{border-radius: 0;}.modal-fullscreen .modal-body{overflow-y: auto;}@media (max-width: 575.98px){.modal-fullscreen-sm-down{width: 100vw; max-width: none; height: 100%; margin: 0;}.modal-fullscreen-sm-down .modal-content{height: 100%; border: 0; border-radius: 0;}.modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer{border-radius: 0;}.modal-fullscreen-sm-down .modal-body{overflow-y: auto;}}@media (max-width: 767.98px){.modal-fullscreen-md-down{width: 100vw; max-width: none; height: 100%; margin: 0;}.modal-fullscreen-md-down .modal-content{height: 100%; border: 0; border-radius: 0;}.modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer{border-radius: 0;}.modal-fullscreen-md-down .modal-body{overflow-y: auto;}}@media (max-width: 991.98px){.modal-fullscreen-lg-down{width: 100vw; max-width: none; height: 100%; margin: 0;}.modal-fullscreen-lg-down .modal-content{height: 100%; border: 0; border-radius: 0;}.modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer{border-radius: 0;}.modal-fullscreen-lg-down .modal-body{overflow-y: auto;}}@media (max-width: 1199.98px){.modal-fullscreen-xl-down{width: 100vw; max-width: none; height: 100%; margin: 0;}.modal-fullscreen-xl-down .modal-content{height: 100%; border: 0; border-radius: 0;}.modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer{border-radius: 0;}.modal-fullscreen-xl-down .modal-body{overflow-y: auto;}}@media (max-width: 1399.98px){.modal-fullscreen-xxl-down{width: 100vw; max-width: none; height: 100%; margin: 0;}.modal-fullscreen-xxl-down .modal-content{height: 100%; border: 0; border-radius: 0;}.modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer{border-radius: 0;}.modal-fullscreen-xxl-down .modal-body{overflow-y: auto;}}.tooltip{--tooltip-zindex: 1080; --tooltip-max-width: 200px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.25rem; --tooltip-margin: ; --tooltip-font-size: 0.875rem; --tooltip-color: var(--body-bg); --tooltip-bg: var(--emphasis-color); --tooltip-border-radius: var(--border-radius); --tooltip-opacity: 0.9; --tooltip-arrow-width: 0.8rem; --tooltip-arrow-height: 0.4rem; z-index: var(--tooltip-zindex); display: block; margin: var(--tooltip-margin); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--tooltip-font-size); word-wrap: break-word; opacity: 0;}.tooltip.show{opacity: var(--tooltip-opacity);}.tooltip .tooltip-arrow{display: block; width: var(--tooltip-arrow-width); height: var(--tooltip-arrow-height);}.tooltip .tooltip-arrow::before{position: absolute; content: ""; border-color: transparent; border-style: solid;}.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow{bottom: calc(-1 * var(--tooltip-arrow-height));}.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{top: -1px; border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * .5) 0; border-top-color: var(--tooltip-bg);}.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow{left: calc(-1 * var(--tooltip-arrow-height)); width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width);}.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{right: -1px; border-width: calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * .5) 0; border-right-color: var(--tooltip-bg);}.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow{top: calc(-1 * var(--tooltip-arrow-height));}.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{bottom: -1px; border-width: 0 calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height); border-bottom-color: var(--tooltip-bg);}.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow{right: calc(-1 * var(--tooltip-arrow-height)); width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width);}.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{left: -1px; border-width: calc(var(--tooltip-arrow-width) * .5) 0 calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height); border-left-color: var(--tooltip-bg);}.tooltip-inner{max-width: var(--tooltip-max-width); padding: var(--tooltip-padding-y) var(--tooltip-padding-x); color: var(--tooltip-color); text-align: center; background-color: var(--tooltip-bg); border-radius: var(--tooltip-border-radius);}.popover{--popover-zindex: 1070; --popover-max-width: 276px; --popover-font-size: 0.875rem; --popover-bg: #FFFFFF; --popover-border-width: var(--border-width); --popover-border-color: var(--o-border-color); --popover-border-radius: var(--border-radius-lg); --popover-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width)); --popover-box-shadow: var(--box-shadow); --popover-header-padding-x: 1rem; --popover-header-padding-y: 0.5rem; --popover-header-font-size: 1rem; --popover-header-color: inherit; --popover-header-bg: var(--secondary-bg); --popover-body-padding-x: 1rem; --popover-body-padding-y: 1rem; --popover-body-color: var(--body-color); --popover-arrow-width: 1rem; --popover-arrow-height: 0.5rem; --popover-arrow-border: var(--popover-border-color); z-index: var(--popover-zindex); display: block; max-width: var(--popover-max-width); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--popover-font-size); word-wrap: break-word; background-color: var(--popover-bg); background-clip: padding-box; border: var(--popover-border-width) solid var(--popover-border-color); border-radius: var(--popover-border-radius);}.popover .popover-arrow{display: block; width: var(--popover-arrow-width); height: var(--popover-arrow-height);}.popover .popover-arrow::before, .popover .popover-arrow::after{position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0;}.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow{bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));}.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after{border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0;}.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before{bottom: 0; border-top-color: var(--popover-arrow-border);}.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after{bottom: var(--popover-border-width); border-top-color: var(--popover-bg);}.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow{left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width);}.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after{border-width: calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0;}.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before{left: 0; border-right-color: var(--popover-arrow-border);}.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after{left: var(--popover-border-width); border-right-color: var(--popover-bg);}.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow{top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));}.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after{border-width: 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height);}.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before{top: 0; border-bottom-color: var(--popover-arrow-border);}.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after{top: var(--popover-border-width); border-bottom-color: var(--popover-bg);}.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before{position: absolute; top: 0; left: 50%; display: block; width: var(--popover-arrow-width); margin-left: calc(-.5 * var(--popover-arrow-width)); content: ""; border-bottom: var(--popover-border-width) solid var(--popover-header-bg);}.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow{right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width);}.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after{border-width: calc(var(--popover-arrow-width) * .5) 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height);}.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before{right: 0; border-left-color: var(--popover-arrow-border);}.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after{right: var(--popover-border-width); border-left-color: var(--popover-bg);}.popover-header{padding: var(--popover-header-padding-y) var(--popover-header-padding-x); margin-bottom: 0; font-size: var(--popover-header-font-size); color: var(--popover-header-color); background-color: var(--popover-header-bg); border-bottom: var(--popover-border-width) solid var(--popover-border-color); border-top-left-radius: var(--popover-inner-border-radius); border-top-right-radius: var(--popover-inner-border-radius);}.popover-header:empty{display: none;}.popover-body{padding: var(--popover-body-padding-y) var(--popover-body-padding-x); color: var(--popover-body-color);}.carousel{position: relative;}.carousel.pointer-event{touch-action: pan-y;}.carousel-inner{position: relative; width: 100%; overflow: hidden;}.carousel-inner::after{display: block; clear: both; content: "";}.carousel-item{position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out;}@media (prefers-reduced-motion: reduce){.carousel-item{transition: none;}}.carousel-item.active, .carousel-item-next, .carousel-item-prev{display: block;}.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end{transform: translateX(100%);}.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start{transform: translateX(-100%);}.carousel-fade .carousel-item{opacity: 0; transition-property: opacity; transform: none;}.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end{z-index: 1; opacity: 1;}.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end{z-index: 0; opacity: 0; transition: opacity 0s 0.6s;}@media (prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end{transition: none;}}.carousel-control-prev, .carousel-control-next{position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 10%; padding: 0; color: #FFF; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease;}@media (prefers-reduced-motion: reduce){.carousel-control-prev, .carousel-control-next{transition: none;}}.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus{color: #FFF; text-decoration: none; outline: 0; opacity: 0.9;}.carousel-control-prev{left: 0;}.carousel-control-next{right: 0;}.carousel-control-prev-icon, .carousel-control-next-icon{display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%;}.carousel-control-prev-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") ;}.carousel-control-next-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") ;}.carousel-indicators{position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 10%; margin-bottom: 1rem; margin-left: 10%;}.carousel-indicators [data-bs-target]{box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFF; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease;}@media (prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition: none;}}.carousel-indicators .active{opacity: 1;}.carousel-caption{position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #FFF; text-align: center;}.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon{filter: invert(1) grayscale(100);}.carousel-dark .carousel-indicators [data-bs-target]{background-color: #000;}.carousel-dark .carousel-caption{color: #000;}[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"] .carousel .carousel-control-next-icon, .carousel[data-bs-theme="dark"] .carousel-control-prev-icon, .carousel[data-bs-theme="dark"] .carousel-control-next-icon{filter: invert(1) grayscale(100);}[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], .carousel[data-bs-theme="dark"] .carousel-indicators [data-bs-target]{background-color: #000;}[data-bs-theme="dark"] .carousel .carousel-caption, .carousel[data-bs-theme="dark"] .carousel-caption{color: #000;}.spinner-grow, .spinner-border{display: inline-block; width: var(--spinner-width); height: var(--spinner-height); vertical-align: var(--spinner-vertical-align); border-radius: 50%; animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);}@keyframes spinner-border{to{transform: rotate(360deg) ;}}.spinner-border{--spinner-width: 2rem; --spinner-height: 2rem; --spinner-vertical-align: -0.125em; --spinner-border-width: 0.25em; --spinner-animation-speed: 0.75s; --spinner-animation-name: spinner-border; border: var(--spinner-border-width) solid currentcolor; border-right-color: transparent;}.spinner-border-sm{--spinner-width: 1rem; --spinner-height: 1rem; --spinner-border-width: 0.2em;}@keyframes spinner-grow{0%{transform: scale(0);}50%{opacity: 1; transform: none;}}.spinner-grow{--spinner-width: 2rem; --spinner-height: 2rem; --spinner-vertical-align: -0.125em; --spinner-animation-speed: 0.75s; --spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0;}.spinner-grow-sm{--spinner-width: 1rem; --spinner-height: 1rem;}@media (prefers-reduced-motion: reduce){.spinner-border, .spinner-grow{--spinner-animation-speed: 1.5s;}}.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm{--offcanvas-zindex: 1045; --offcanvas-width: var(--Offcanvas-horizontal-width, 400px); --offcanvas-height: 30vh; --offcanvas-padding-x: 1rem; --offcanvas-padding-y: 1rem; --offcanvas-color: var(--body-color); --offcanvas-bg: var(--body-bg); --offcanvas-border-width: 0; --offcanvas-border-color: var(--border-color-translucent); --offcanvas-box-shadow: var(--box-shadow-sm); --offcanvas-transition: transform 0.3s ease-in-out; --offcanvas-title-line-height: 1.5;}@media (max-width: 575.98px){.offcanvas-sm{position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition);}}@media (max-width: 575.98px) and (prefers-reduced-motion: reduce){.offcanvas-sm{transition: none;}}@media (max-width: 575.98px){.offcanvas-sm.offcanvas-start{top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%);}.offcanvas-sm.offcanvas-end{top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%);}.offcanvas-sm.offcanvas-top{top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%);}.offcanvas-sm.offcanvas-bottom{right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%);}.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding){transform: none;}.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show{visibility: visible;}}@media (min-width: 576px){.offcanvas-sm{--offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important;}.offcanvas-sm .offcanvas-header{display: none;}.offcanvas-sm .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important;}}@media (max-width: 767.98px){.offcanvas-md{position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition);}}@media (max-width: 767.98px) and (prefers-reduced-motion: reduce){.offcanvas-md{transition: none;}}@media (max-width: 767.98px){.offcanvas-md.offcanvas-start{top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%);}.offcanvas-md.offcanvas-end{top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%);}.offcanvas-md.offcanvas-top{top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%);}.offcanvas-md.offcanvas-bottom{right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%);}.offcanvas-md.showing, .offcanvas-md.show:not(.hiding){transform: none;}.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show{visibility: visible;}}@media (min-width: 768px){.offcanvas-md{--offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important;}.offcanvas-md .offcanvas-header{display: none;}.offcanvas-md .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important;}}@media (max-width: 991.98px){.offcanvas-lg{position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition);}}@media (max-width: 991.98px) and (prefers-reduced-motion: reduce){.offcanvas-lg{transition: none;}}@media (max-width: 991.98px){.offcanvas-lg.offcanvas-start{top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%);}.offcanvas-lg.offcanvas-end{top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%);}.offcanvas-lg.offcanvas-top{top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%);}.offcanvas-lg.offcanvas-bottom{right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%);}.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding){transform: none;}.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show{visibility: visible;}}@media (min-width: 992px){.offcanvas-lg{--offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important;}.offcanvas-lg .offcanvas-header{display: none;}.offcanvas-lg .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important;}}@media (max-width: 1199.98px){.offcanvas-xl{position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition);}}@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce){.offcanvas-xl{transition: none;}}@media (max-width: 1199.98px){.offcanvas-xl.offcanvas-start{top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%);}.offcanvas-xl.offcanvas-end{top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%);}.offcanvas-xl.offcanvas-top{top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%);}.offcanvas-xl.offcanvas-bottom{right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%);}.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding){transform: none;}.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show{visibility: visible;}}@media (min-width: 1200px){.offcanvas-xl{--offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important;}.offcanvas-xl .offcanvas-header{display: none;}.offcanvas-xl .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important;}}@media (max-width: 1399.98px){.offcanvas-xxl{position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition);}}@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce){.offcanvas-xxl{transition: none;}}@media (max-width: 1399.98px){.offcanvas-xxl.offcanvas-start{top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%);}.offcanvas-xxl.offcanvas-end{top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%);}.offcanvas-xxl.offcanvas-top{top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%);}.offcanvas-xxl.offcanvas-bottom{right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%);}.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding){transform: none;}.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show{visibility: visible;}}@media (min-width: 1400px){.offcanvas-xxl{--offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important;}.offcanvas-xxl .offcanvas-header{display: none;}.offcanvas-xxl .offcanvas-body{display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important;}}.offcanvas{position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition);}@media (prefers-reduced-motion: reduce){.offcanvas{transition: none;}}.offcanvas.offcanvas-start{top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%);}.offcanvas.offcanvas-end{top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%);}.offcanvas.offcanvas-top{top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%);}.offcanvas.offcanvas-bottom{right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%);}.offcanvas.showing, .offcanvas.show:not(.hiding){transform: none;}.offcanvas.showing, .offcanvas.hiding, .offcanvas.show{visibility: visible;}.offcanvas-backdrop{position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000;}.offcanvas-backdrop.fade{opacity: 0;}.offcanvas-backdrop.show{opacity: 0.3;}.offcanvas-header{display: flex; align-items: center; padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);}.offcanvas-header .btn-close{padding: calc(var(--offcanvas-padding-y) * .5) calc(var(--offcanvas-padding-x) * .5); margin: calc(-.5 * var(--offcanvas-padding-y)) calc(-.5 * var(--offcanvas-padding-x)) calc(-.5 * var(--offcanvas-padding-y)) auto;}.offcanvas-title{margin-bottom: 0; line-height: var(--offcanvas-title-line-height);}.offcanvas-body{flex-grow: 1; padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); overflow-y: auto;}.placeholder{display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5;}.placeholder.btn::before{display: inline-block; content: "";}.placeholder-xs{min-height: .6em;}.placeholder-sm{min-height: .8em;}.placeholder-lg{min-height: 1.2em;}.placeholder-glow .placeholder{animation: placeholder-glow 2s ease-in-out infinite;}@keyframes placeholder-glow{50%{opacity: 0.2;}}.placeholder-wave{mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite;}@keyframes placeholder-wave{100%{mask-position: -200% 0%;}}.clearfix::after{display: block; clear: both; content: "";}.text-bg-primary{color: #FFFFFF !important; background-color: RGBA(var(--primary-rgb), var(--bg-opacity, 1)) !important;}.text-bg-secondary{color: #212529 !important; background-color: RGBA(var(--secondary-rgb), var(--bg-opacity, 1)) !important;}.text-bg-success{color: #FFFFFF !important; background-color: RGBA(var(--success-rgb), var(--bg-opacity, 1)) !important;}.text-bg-info{color: #FFFFFF !important; background-color: RGBA(var(--info-rgb), var(--bg-opacity, 1)) !important;}.text-bg-warning{color: #212529 !important; background-color: RGBA(var(--warning-rgb), var(--bg-opacity, 1)) !important;}.text-bg-danger{color: #FFFFFF !important; background-color: RGBA(var(--danger-rgb), var(--bg-opacity, 1)) !important;}.text-bg-light{color: #212529 !important; background-color: RGBA(var(--light-rgb), var(--bg-opacity, 1)) !important;}.text-bg-dark{color: #FFFFFF !important; background-color: RGBA(var(--dark-rgb), var(--bg-opacity, 1)) !important;}.link-primary{color: RGBA(var(--primary-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--primary-rgb), var(--link-underline-opacity, 1)) !important;}.link-primary:hover, .link-primary:focus{color: RGBA(90, 60, 82, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(90, 60, 82, var(--link-underline-opacity, 1)) !important;}.link-secondary{color: RGBA(var(--secondary-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--secondary-rgb), var(--link-underline-opacity, 1)) !important;}.link-secondary:hover, .link-secondary:focus{color: RGBA(243, 215, 185, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(243, 215, 185, var(--link-underline-opacity, 1)) !important;}.link-success{color: RGBA(var(--success-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--success-rgb), var(--link-underline-opacity, 1)) !important;}.link-success:hover, .link-success:focus{color: RGBA(32, 134, 55, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(32, 134, 55, var(--link-underline-opacity, 1)) !important;}.link-info{color: RGBA(var(--info-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--info-rgb), var(--link-underline-opacity, 1)) !important;}.link-info:hover, .link-info:focus{color: RGBA(18, 130, 147, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(18, 130, 147, var(--link-underline-opacity, 1)) !important;}.link-warning{color: RGBA(var(--warning-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--warning-rgb), var(--link-underline-opacity, 1)) !important;}.link-warning:hover, .link-warning:focus{color: RGBA(255, 205, 57, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--link-underline-opacity, 1)) !important;}.link-danger{color: RGBA(var(--danger-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--danger-rgb), var(--link-underline-opacity, 1)) !important;}.link-danger:hover, .link-danger:focus{color: RGBA(176, 42, 55, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--link-underline-opacity, 1)) !important;}.link-light{color: RGBA(var(--light-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--light-rgb), var(--link-underline-opacity, 1)) !important;}.link-light:hover, .link-light:focus{color: RGBA(248, 247, 246, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(248, 247, 246, var(--link-underline-opacity, 1)) !important;}.link-dark{color: RGBA(var(--dark-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--dark-rgb), var(--link-underline-opacity, 1)) !important;}.link-dark:hover, .link-dark:focus{color: RGBA(22, 15, 20, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(22, 15, 20, var(--link-underline-opacity, 1)) !important;}.link-body-emphasis{color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 1)) !important;}.link-body-emphasis:hover, .link-body-emphasis:focus{color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 0.75)) !important;}.focus-ring:focus{outline: 0; box-shadow: var(--focus-ring-x, 0) var(--focus-ring-y, 0) var(--focus-ring-blur, 0) var(--focus-ring-width) var(--focus-ring-color);}.icon-link{display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--link-color-rgb), var(--link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden;}.icon-link > .bi{flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform;}@media (prefers-reduced-motion: reduce){.icon-link > .bi{transition: none;}}.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi{transform: var(--icon-link-transform, translate3d(0.25em, 0, 0));}.ratio{position: relative; width: 100%;}.ratio::before{display: block; padding-top: var(--aspect-ratio); content: "";}.ratio > *{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.ratio-1x1{--aspect-ratio: 100%;}.ratio-4x3{--aspect-ratio: calc(3 / 4 * 100%);}.ratio-16x9{--aspect-ratio: calc(9 / 16 * 100%);}.ratio-21x9{--aspect-ratio: calc(9 / 21 * 100%);}.fixed-top{position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}.fixed-bottom{position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;}.sticky-top{position: sticky; top: 0; z-index: 1020;}.sticky-bottom{position: sticky; bottom: 0; z-index: 1020;}@media (min-width: 576px){.sticky-sm-top{position: sticky; top: 0; z-index: 1020;}.sticky-sm-bottom{position: sticky; bottom: 0; z-index: 1020;}}@media (min-width: 768px){.sticky-md-top{position: sticky; top: 0; z-index: 1020;}.sticky-md-bottom{position: sticky; bottom: 0; z-index: 1020;}}@media (min-width: 992px){.sticky-lg-top{position: sticky; top: 0; z-index: 1020;}.sticky-lg-bottom{position: sticky; bottom: 0; z-index: 1020;}}@media (min-width: 1200px){.sticky-xl-top{position: sticky; top: 0; z-index: 1020;}.sticky-xl-bottom{position: sticky; bottom: 0; z-index: 1020;}}@media (min-width: 1400px){.sticky-xxl-top{position: sticky; top: 0; z-index: 1020;}.sticky-xxl-bottom{position: sticky; bottom: 0; z-index: 1020;}}.hstack{display: flex; flex-direction: row; align-items: center; align-self: stretch;}.vstack{display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch;}.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within){width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position: absolute !important;}.stretched-link::after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "";}.text-truncate{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.vr{display: inline-block; align-self: stretch; width: var(--border-width); min-height: 1em; background-color: currentcolor; opacity: 1;} /* /web/static/src/scss/utilities_custom.scss */ .opacity-0-hover:hover, .opacity-0-hover:focus-visible, .opacity-trigger-hover:hover .opacity-0-hover, .opacity-trigger-hover:focus-visible .opacity-0-hover{opacity: 0 !important;}.opacity-25-hover:hover, .opacity-25-hover:focus-visible, .opacity-trigger-hover:hover .opacity-25-hover, .opacity-trigger-hover:focus-visible .opacity-25-hover{opacity: 0.25 !important;}.opacity-50-hover:hover, .opacity-50-hover:focus-visible, .opacity-trigger-hover:hover .opacity-50-hover, .opacity-trigger-hover:focus-visible .opacity-50-hover{opacity: 0.5 !important;}.opacity-75-hover:hover, .opacity-75-hover:focus-visible, .opacity-trigger-hover:hover .opacity-75-hover, .opacity-trigger-hover:focus-visible .opacity-75-hover{opacity: 0.75 !important;}.opacity-100-hover:hover, .opacity-100-hover:focus-visible, .opacity-trigger-hover:hover .opacity-100-hover, .opacity-trigger-hover:focus-visible .opacity-100-hover{opacity: 1 !important;}.opacity-disabled-hover:hover, .opacity-disabled-hover:focus-visible, .opacity-trigger-hover:hover .opacity-disabled-hover, .opacity-trigger-hover:focus-visible .opacity-disabled-hover{opacity: 0.5 !important;}.opacity-muted-hover:hover, .opacity-muted-hover:focus-visible, .opacity-trigger-hover:hover .opacity-muted-hover, .opacity-trigger-hover:focus-visible .opacity-muted-hover{opacity: 0.76 !important;}.d-empty-none:empty{display: none !important;}.smaller{font-size: 0.75rem;} /* /html_builder/static/src/scss/utilities_custom.scss */ /* /web/static/lib/bootstrap/scss/utilities/_api.scss */ .align-baseline{vertical-align: baseline !important;}.align-top{vertical-align: top !important;}.align-middle{vertical-align: middle !important;}.align-bottom{vertical-align: bottom !important;}.align-text-bottom{vertical-align: text-bottom !important;}.align-text-top{vertical-align: text-top !important;}.float-start{float: left !important;}.float-end{float: right !important;}.float-none{float: none !important;}.object-fit-contain{object-fit: contain !important;}.object-fit-cover{object-fit: cover !important;}.object-fit-fill{object-fit: fill !important;}.object-fit-scale{object-fit: scale-down !important;}.object-fit-none{object-fit: none !important;}.opacity-0{opacity: 0 !important;}.opacity-25{opacity: 0.25 !important;}.opacity-50{opacity: 0.5 !important;}.opacity-75{opacity: 0.75 !important;}.opacity-100{opacity: 1 !important;}.opacity-disabled{opacity: 0.5 !important;}.opacity-muted{opacity: 0.76 !important;}.overflow-auto{overflow: auto !important;}.overflow-hidden{overflow: hidden !important;}.overflow-visible{overflow: visible !important;}.overflow-scroll{overflow: scroll !important;}.overflow-x-auto{overflow-x: auto !important;}.overflow-x-hidden{overflow-x: hidden !important;}.overflow-x-visible{overflow-x: visible !important;}.overflow-x-scroll{overflow-x: scroll !important;}.overflow-y-auto{overflow-y: auto !important;}.overflow-y-hidden{overflow-y: hidden !important;}.overflow-y-visible{overflow-y: visible !important;}.overflow-y-scroll{overflow-y: scroll !important;}.d-inline{display: inline !important;}.d-inline-block{display: inline-block !important;}.d-block{display: block !important;}.d-grid{display: grid !important;}.d-inline-grid{display: inline-grid !important;}.d-table{display: table !important;}.d-table-row{display: table-row !important;}.d-table-cell{display: table-cell !important;}.d-flex{display: flex !important;}.d-inline-flex{display: inline-flex !important;}.d-none{display: none !important;}.d-contents{display: contents !important;}.shadow{box-shadow: var(--box-shadow) !important;}.shadow-sm{box-shadow: var(--box-shadow-sm) !important;}.shadow-lg{box-shadow: var(--box-shadow-lg) !important;}.shadow-none{box-shadow: none !important;}.focus-ring-primary{--focus-ring-color: rgba(var(--primary-rgb), var(--focus-ring-opacity));}.focus-ring-secondary{--focus-ring-color: rgba(var(--secondary-rgb), var(--focus-ring-opacity));}.focus-ring-success{--focus-ring-color: rgba(var(--success-rgb), var(--focus-ring-opacity));}.focus-ring-info{--focus-ring-color: rgba(var(--info-rgb), var(--focus-ring-opacity));}.focus-ring-warning{--focus-ring-color: rgba(var(--warning-rgb), var(--focus-ring-opacity));}.focus-ring-danger{--focus-ring-color: rgba(var(--danger-rgb), var(--focus-ring-opacity));}.focus-ring-light{--focus-ring-color: rgba(var(--light-rgb), var(--focus-ring-opacity));}.focus-ring-dark{--focus-ring-color: rgba(var(--dark-rgb), var(--focus-ring-opacity));}.position-static{position: static !important;}.position-relative{position: relative !important;}.position-absolute{position: absolute !important;}.position-fixed{position: fixed !important;}.position-sticky{position: sticky !important;}.top-0{top: 0 !important;}.top-50{top: 50% !important;}.top-100{top: 100% !important;}.bottom-0{bottom: 0 !important;}.bottom-50{bottom: 50% !important;}.bottom-100{bottom: 100% !important;}.start-0{left: 0 !important;}.start-50{left: 50% !important;}.start-100{left: 100% !important;}.end-0{right: 0 !important;}.end-50{right: 50% !important;}.end-100{right: 100% !important;}.translate-middle{transform: translate(-50%, -50%) !important;}.translate-middle-x{transform: translateX(-50%) !important;}.translate-middle-y{transform: translateY(-50%) !important;}.border{border: var(--border-width) var(--border-style) var(--border-color) !important;}.border-0{border: 0 !important;}.border-top{border-top: var(--border-width) var(--border-style) var(--border-color) !important;}.border-top-0{border-top: 0 !important;}.border-end{border-right: var(--border-width) var(--border-style) var(--border-color) !important;}.border-end-0{border-right: 0 !important;}.border-bottom{border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;}.border-bottom-0{border-bottom: 0 !important;}.border-start{border-left: var(--border-width) var(--border-style) var(--border-color) !important;}.border-start-0{border-left: 0 !important;}.border-primary{--border-opacity: 1; border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important;}.border-secondary{--border-opacity: 1; border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important;}.border-success{--border-opacity: 1; border-color: rgba(var(--success-rgb), var(--border-opacity)) !important;}.border-info{--border-opacity: 1; border-color: rgba(var(--info-rgb), var(--border-opacity)) !important;}.border-warning{--border-opacity: 1; border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important;}.border-danger{--border-opacity: 1; border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important;}.border-light{--border-opacity: 1; border-color: rgba(var(--light-rgb), var(--border-opacity)) !important;}.border-dark{--border-opacity: 1; border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important;}.border-black{--border-opacity: 1; border-color: rgba(var(--black-rgb), var(--border-opacity)) !important;}.border-white{--border-opacity: 1; border-color: rgba(var(--white-rgb), var(--border-opacity)) !important;}.border-transparent{--border-opacity: 1; border-color: transparent !important;}.border-primary-subtle{border-color: var(--primary-border-subtle) !important;}.border-secondary-subtle{border-color: var(--secondary-border-subtle) !important;}.border-success-subtle{border-color: var(--success-border-subtle) !important;}.border-info-subtle{border-color: var(--info-border-subtle) !important;}.border-warning-subtle{border-color: var(--warning-border-subtle) !important;}.border-danger-subtle{border-color: var(--danger-border-subtle) !important;}.border-light-subtle{border-color: var(--light-border-subtle) !important;}.border-dark-subtle{border-color: var(--dark-border-subtle) !important;}.border-1{border-width: 1px !important;}.border-2{border-width: 2px !important;}.border-3{border-width: 3px !important;}.border-4{border-width: 4px !important;}.border-5{border-width: 5px !important;}.border-opacity-10{--border-opacity: 0.1;}.border-opacity-25{--border-opacity: 0.25;}.border-opacity-50{--border-opacity: 0.5;}.border-opacity-75{--border-opacity: 0.75;}.border-opacity-100{--border-opacity: 1;}.w-0{width: 0 !important;}.w-25{width: 25% !important;}.w-50{width: 50% !important;}.w-75{width: 75% !important;}.w-100{width: 100% !important;}.w-auto{width: auto !important;}.mw-0{max-width: 0 !important;}.mw-25{max-width: 25% !important;}.mw-50{max-width: 50% !important;}.mw-75{max-width: 75% !important;}.mw-100{max-width: 100% !important;}.mw-auto{max-width: auto !important;}.vw-100{width: 100vw !important;}.min-vw-100{min-width: 100vw !important;}.h-0{height: 0 !important;}.h-25{height: 25% !important;}.h-50{height: 50% !important;}.h-75{height: 75% !important;}.h-100{height: 100% !important;}.h-auto{height: auto !important;}.mh-0{max-height: 0 !important;}.mh-25{max-height: 25% !important;}.mh-50{max-height: 50% !important;}.mh-75{max-height: 75% !important;}.mh-100{max-height: 100% !important;}.mh-auto{max-height: auto !important;}.vh-100{height: 100vh !important;}.min-vh-100{min-height: 100vh !important;}.flex-fill{flex: 1 1 auto !important;}.flex-row{flex-direction: row !important;}.flex-column{flex-direction: column !important;}.flex-row-reverse{flex-direction: row-reverse !important;}.flex-column-reverse{flex-direction: column-reverse !important;}.flex-grow-0{flex-grow: 0 !important;}.flex-grow-1{flex-grow: 1 !important;}.flex-shrink-0{flex-shrink: 0 !important;}.flex-shrink-1{flex-shrink: 1 !important;}.flex-wrap{flex-wrap: wrap !important;}.flex-nowrap{flex-wrap: nowrap !important;}.flex-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-start{justify-content: flex-start !important;}.justify-content-end{justify-content: flex-end !important;}.justify-content-center{justify-content: center !important;}.justify-content-between{justify-content: space-between !important;}.justify-content-around{justify-content: space-around !important;}.justify-content-evenly{justify-content: space-evenly !important;}.align-items-start{align-items: flex-start !important;}.align-items-end{align-items: flex-end !important;}.align-items-center{align-items: center !important;}.align-items-baseline{align-items: baseline !important;}.align-items-stretch{align-items: stretch !important;}.align-content-start{align-content: flex-start !important;}.align-content-end{align-content: flex-end !important;}.align-content-center{align-content: center !important;}.align-content-between{align-content: space-between !important;}.align-content-around{align-content: space-around !important;}.align-content-stretch{align-content: stretch !important;}.align-self-auto{align-self: auto !important;}.align-self-start{align-self: flex-start !important;}.align-self-end{align-self: flex-end !important;}.align-self-center{align-self: center !important;}.align-self-baseline{align-self: baseline !important;}.align-self-stretch{align-self: stretch !important;}.order-first{order: -1 !important;}.order-last{order: 13 !important;}.order-0{order: 0 !important;}.order-1{order: 1 !important;}.order-2{order: 2 !important;}.order-3{order: 3 !important;}.order-4{order: 4 !important;}.order-5{order: 5 !important;}.order-6{order: 6 !important;}.order-7{order: 7 !important;}.order-8{order: 8 !important;}.order-9{order: 9 !important;}.order-10{order: 10 !important;}.order-11{order: 11 !important;}.order-12{order: 12 !important;}.m-0{margin: 0 !important;}.m-1{margin: 0.25rem !important;}.m-2{margin: 0.5rem !important;}.m-3{margin: 1rem !important;}.m-4{margin: 1.5rem !important;}.m-5{margin: 3rem !important;}.m-auto{margin: auto !important;}.mx-0{margin-right: 0 !important; margin-left: 0 !important;}.mx-1{margin-right: 0.25rem !important; margin-left: 0.25rem !important;}.mx-2{margin-right: 0.5rem !important; margin-left: 0.5rem !important;}.mx-3{margin-right: 1rem !important; margin-left: 1rem !important;}.mx-4{margin-right: 1.5rem !important; margin-left: 1.5rem !important;}.mx-5{margin-right: 3rem !important; margin-left: 3rem !important;}.mx-auto{margin-right: auto !important; margin-left: auto !important;}.my-0{margin-top: 0 !important; margin-bottom: 0 !important;}.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-4{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-auto{margin-top: auto !important; margin-bottom: auto !important;}.mt-0{margin-top: 0 !important;}.mt-1{margin-top: 0.25rem !important;}.mt-2{margin-top: 0.5rem !important;}.mt-3{margin-top: 1rem !important;}.mt-4{margin-top: 1.5rem !important;}.mt-5{margin-top: 3rem !important;}.mt-auto{margin-top: auto !important;}.me-0{margin-right: 0 !important;}.me-1{margin-right: 0.25rem !important;}.me-2{margin-right: 0.5rem !important;}.me-3{margin-right: 1rem !important;}.me-4{margin-right: 1.5rem !important;}.me-5{margin-right: 3rem !important;}.me-auto{margin-right: auto !important;}.mb-0{margin-bottom: 0 !important;}.mb-1{margin-bottom: 0.25rem !important;}.mb-2{margin-bottom: 0.5rem !important;}.mb-3{margin-bottom: 1rem !important;}.mb-4{margin-bottom: 1.5rem !important;}.mb-5{margin-bottom: 3rem !important;}.mb-auto{margin-bottom: auto !important;}.ms-0{margin-left: 0 !important;}.ms-1{margin-left: 0.25rem !important;}.ms-2{margin-left: 0.5rem !important;}.ms-3{margin-left: 1rem !important;}.ms-4{margin-left: 1.5rem !important;}.ms-5{margin-left: 3rem !important;}.ms-auto{margin-left: auto !important;}.m-n1{margin: -0.25rem !important;}.m-n2{margin: -0.5rem !important;}.m-n3{margin: -1rem !important;}.m-n4{margin: -1.5rem !important;}.m-n5{margin: -3rem !important;}.mx-n1{margin-right: -0.25rem !important; margin-left: -0.25rem !important;}.mx-n2{margin-right: -0.5rem !important; margin-left: -0.5rem !important;}.mx-n3{margin-right: -1rem !important; margin-left: -1rem !important;}.mx-n4{margin-right: -1.5rem !important; margin-left: -1.5rem !important;}.mx-n5{margin-right: -3rem !important; margin-left: -3rem !important;}.my-n1{margin-top: -0.25rem !important; margin-bottom: -0.25rem !important;}.my-n2{margin-top: -0.5rem !important; margin-bottom: -0.5rem !important;}.my-n3{margin-top: -1rem !important; margin-bottom: -1rem !important;}.my-n4{margin-top: -1.5rem !important; margin-bottom: -1.5rem !important;}.my-n5{margin-top: -3rem !important; margin-bottom: -3rem !important;}.mt-n1{margin-top: -0.25rem !important;}.mt-n2{margin-top: -0.5rem !important;}.mt-n3{margin-top: -1rem !important;}.mt-n4{margin-top: -1.5rem !important;}.mt-n5{margin-top: -3rem !important;}.me-n1{margin-right: -0.25rem !important;}.me-n2{margin-right: -0.5rem !important;}.me-n3{margin-right: -1rem !important;}.me-n4{margin-right: -1.5rem !important;}.me-n5{margin-right: -3rem !important;}.mb-n1{margin-bottom: -0.25rem !important;}.mb-n2{margin-bottom: -0.5rem !important;}.mb-n3{margin-bottom: -1rem !important;}.mb-n4{margin-bottom: -1.5rem !important;}.mb-n5{margin-bottom: -3rem !important;}.ms-n1{margin-left: -0.25rem !important;}.ms-n2{margin-left: -0.5rem !important;}.ms-n3{margin-left: -1rem !important;}.ms-n4{margin-left: -1.5rem !important;}.ms-n5{margin-left: -3rem !important;}.p-0{padding: 0 !important;}.p-1{padding: 0.25rem !important;}.p-2{padding: 0.5rem !important;}.p-3{padding: 1rem !important;}.p-4{padding: 1.5rem !important;}.p-5{padding: 3rem !important;}.px-0{padding-right: 0 !important; padding-left: 0 !important;}.px-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}.px-2{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}.px-3{padding-right: 1rem !important; padding-left: 1rem !important;}.px-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}.px-5{padding-right: 3rem !important; padding-left: 3rem !important;}.py-0{padding-top: 0 !important; padding-bottom: 0 !important;}.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}.py-4{padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}.pt-0{padding-top: 0 !important;}.pt-1{padding-top: 0.25rem !important;}.pt-2{padding-top: 0.5rem !important;}.pt-3{padding-top: 1rem !important;}.pt-4{padding-top: 1.5rem !important;}.pt-5{padding-top: 3rem !important;}.pe-0{padding-right: 0 !important;}.pe-1{padding-right: 0.25rem !important;}.pe-2{padding-right: 0.5rem !important;}.pe-3{padding-right: 1rem !important;}.pe-4{padding-right: 1.5rem !important;}.pe-5{padding-right: 3rem !important;}.pb-0{padding-bottom: 0 !important;}.pb-1{padding-bottom: 0.25rem !important;}.pb-2{padding-bottom: 0.5rem !important;}.pb-3{padding-bottom: 1rem !important;}.pb-4{padding-bottom: 1.5rem !important;}.pb-5{padding-bottom: 3rem !important;}.ps-0{padding-left: 0 !important;}.ps-1{padding-left: 0.25rem !important;}.ps-2{padding-left: 0.5rem !important;}.ps-3{padding-left: 1rem !important;}.ps-4{padding-left: 1.5rem !important;}.ps-5{padding-left: 3rem !important;}.gap-0{gap: 0 !important;}.gap-1{gap: 0.25rem !important;}.gap-2{gap: 0.5rem !important;}.gap-3{gap: 1rem !important;}.gap-4{gap: 1.5rem !important;}.gap-5{gap: 3rem !important;}.row-gap-0{row-gap: 0 !important;}.row-gap-1{row-gap: 0.25rem !important;}.row-gap-2{row-gap: 0.5rem !important;}.row-gap-3{row-gap: 1rem !important;}.row-gap-4{row-gap: 1.5rem !important;}.row-gap-5{row-gap: 3rem !important;}.column-gap-0{column-gap: 0 !important;}.column-gap-1{column-gap: 0.25rem !important;}.column-gap-2{column-gap: 0.5rem !important;}.column-gap-3{column-gap: 1rem !important;}.column-gap-4{column-gap: 1.5rem !important;}.column-gap-5{column-gap: 3rem !important;}.font-monospace{font-family: var(--font-monospace) !important;}.font-sans-serif{font-family: var(--font-sans-serif) !important;}.fs-1{font-size: calc(1.425rem + 2.1vw) !important;}.fs-2{font-size: calc(1.375rem + 1.5vw) !important;}.fs-3{font-size: calc(1.325rem + 0.9vw) !important;}.fs-4{font-size: calc(1.275rem + 0.3vw) !important;}.fs-5{font-size: 1.25rem !important;}.fs-6{font-size: 1rem !important;}.fst-italic{font-style: italic !important;}.fst-normal{font-style: normal !important;}.fw-lighter{font-weight: lighter !important;}.fw-light{font-weight: 300 !important;}.fw-normal{font-weight: 400 !important;}.fw-medium{font-weight: 500 !important;}.fw-semibold{font-weight: 600 !important;}.fw-bold{font-weight: 600 !important;}.fw-bolder{font-weight: bolder !important;}.lh-1{line-height: 1 !important;}.lh-sm{line-height: 1.25 !important;}.lh-base{line-height: 1.5 !important;}.lh-lg{line-height: 2 !important;}.text-start{text-align: left !important;}.text-end{text-align: right !important;}.text-center{text-align: center !important;}.text-decoration-none{text-decoration: none !important;}.text-decoration-underline{text-decoration: underline !important;}.text-decoration-line-through{text-decoration: line-through !important;}.text-lowercase{text-transform: lowercase !important;}.text-uppercase{text-transform: uppercase !important;}.text-capitalize{text-transform: capitalize !important;}.text-wrap{white-space: normal !important;}.text-nowrap{white-space: nowrap !important;}.text-prewrap{white-space: pre-wrap !important;}.text-break{word-wrap: break-word !important; word-break: break-word !important;}.text-primary{--text-opacity: 1; color: rgba(var(--primary-rgb), var(--text-opacity)) !important;}.text-secondary{--text-opacity: 1; color: rgba(var(--secondary-rgb), var(--text-opacity)) !important;}.text-success{--text-opacity: 1; color: rgba(var(--success-rgb), var(--text-opacity)) !important;}.text-info{--text-opacity: 1; color: rgba(var(--info-rgb), var(--text-opacity)) !important;}.text-warning{--text-opacity: 1; color: rgba(var(--warning-rgb), var(--text-opacity)) !important;}.text-danger{--text-opacity: 1; color: rgba(var(--danger-rgb), var(--text-opacity)) !important;}.text-light{--text-opacity: 1; color: rgba(var(--light-rgb), var(--text-opacity)) !important;}.text-dark{--text-opacity: 1; color: rgba(var(--dark-rgb), var(--text-opacity)) !important;}.text-black{--text-opacity: 1; color: rgba(var(--black-rgb), var(--text-opacity)) !important;}.text-white{--text-opacity: 1; color: rgba(var(--white-rgb), var(--text-opacity)) !important;}.text-body{--text-opacity: 1; color: rgba(var(--body-color-rgb), var(--text-opacity)) !important;}.text-muted{--text-opacity: 1; color: var(--secondary-color) !important;}.text-black-50{--text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important;}.text-white-50{--text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important;}.text-body-secondary{--text-opacity: 1; color: var(--secondary-color) !important;}.text-body-tertiary{--text-opacity: 1; color: var(--tertiary-color) !important;}.text-body-emphasis{--text-opacity: 1; color: var(--emphasis-color) !important;}.text-reset{--text-opacity: 1; color: inherit !important;}.text-opacity-25{--text-opacity: 0.25;}.text-opacity-50{--text-opacity: 0.5;}.text-opacity-75{--text-opacity: 0.75;}.text-opacity-100{--text-opacity: 1;}.text-primary-emphasis{color: var(--primary-text-emphasis) !important;}.text-secondary-emphasis{color: var(--secondary-text-emphasis) !important;}.text-success-emphasis{color: var(--success-text-emphasis) !important;}.text-info-emphasis{color: var(--info-text-emphasis) !important;}.text-warning-emphasis{color: var(--warning-text-emphasis) !important;}.text-danger-emphasis{color: var(--danger-text-emphasis) !important;}.text-light-emphasis{color: var(--light-text-emphasis) !important;}.text-dark-emphasis{color: var(--dark-text-emphasis) !important;}.link-opacity-10{--link-opacity: 0.1;}.link-opacity-10-hover:hover{--link-opacity: 0.1;}.link-opacity-25{--link-opacity: 0.25;}.link-opacity-25-hover:hover{--link-opacity: 0.25;}.link-opacity-50{--link-opacity: 0.5;}.link-opacity-50-hover:hover{--link-opacity: 0.5;}.link-opacity-75{--link-opacity: 0.75;}.link-opacity-75-hover:hover{--link-opacity: 0.75;}.link-opacity-100{--link-opacity: 1;}.link-opacity-100-hover:hover{--link-opacity: 1;}.link-offset-1{text-underline-offset: 0.125em !important;}.link-offset-1-hover:hover{text-underline-offset: 0.125em !important;}.link-offset-2{text-underline-offset: 0.25em !important;}.link-offset-2-hover:hover{text-underline-offset: 0.25em !important;}.link-offset-3{text-underline-offset: 0.375em !important;}.link-offset-3-hover:hover{text-underline-offset: 0.375em !important;}.link-underline-primary{--link-underline-opacity: 1; text-decoration-color: rgba(var(--primary-rgb), var(--link-underline-opacity)) !important;}.link-underline-secondary{--link-underline-opacity: 1; text-decoration-color: rgba(var(--secondary-rgb), var(--link-underline-opacity)) !important;}.link-underline-success{--link-underline-opacity: 1; text-decoration-color: rgba(var(--success-rgb), var(--link-underline-opacity)) !important;}.link-underline-info{--link-underline-opacity: 1; text-decoration-color: rgba(var(--info-rgb), var(--link-underline-opacity)) !important;}.link-underline-warning{--link-underline-opacity: 1; text-decoration-color: rgba(var(--warning-rgb), var(--link-underline-opacity)) !important;}.link-underline-danger{--link-underline-opacity: 1; text-decoration-color: rgba(var(--danger-rgb), var(--link-underline-opacity)) !important;}.link-underline-light{--link-underline-opacity: 1; text-decoration-color: rgba(var(--light-rgb), var(--link-underline-opacity)) !important;}.link-underline-dark{--link-underline-opacity: 1; text-decoration-color: rgba(var(--dark-rgb), var(--link-underline-opacity)) !important;}.link-underline{--link-underline-opacity: 1; text-decoration-color: rgba(var(--link-color-rgb), var(--link-underline-opacity, 1)) !important;}.link-underline-opacity-0{--link-underline-opacity: 0;}.link-underline-opacity-0-hover:hover{--link-underline-opacity: 0;}.link-underline-opacity-10{--link-underline-opacity: 0.1;}.link-underline-opacity-10-hover:hover{--link-underline-opacity: 0.1;}.link-underline-opacity-25{--link-underline-opacity: 0.25;}.link-underline-opacity-25-hover:hover{--link-underline-opacity: 0.25;}.link-underline-opacity-50{--link-underline-opacity: 0.5;}.link-underline-opacity-50-hover:hover{--link-underline-opacity: 0.5;}.link-underline-opacity-75{--link-underline-opacity: 0.75;}.link-underline-opacity-75-hover:hover{--link-underline-opacity: 0.75;}.link-underline-opacity-100{--link-underline-opacity: 1;}.link-underline-opacity-100-hover:hover{--link-underline-opacity: 1;}.bg-primary{--bg-opacity: 1; background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;}.bg-secondary{--bg-opacity: 1; background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important;}.bg-success{--bg-opacity: 1; background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important;}.bg-info{--bg-opacity: 1; background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important;}.bg-warning{--bg-opacity: 1; background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important;}.bg-danger{--bg-opacity: 1; background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important;}.bg-light{--bg-opacity: 1; background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important;}.bg-dark{--bg-opacity: 1; background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important;}.bg-black{--bg-opacity: 1; background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important;}.bg-white{--bg-opacity: 1; background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important;}.bg-body{--bg-opacity: 1; background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important;}.bg-transparent{--bg-opacity: 1; background-color: transparent !important;}.bg-body-secondary{--bg-opacity: 1; background-color: rgba(var(--secondary-bg-rgb), var(--bg-opacity)) !important;}.bg-body-tertiary{--bg-opacity: 1; background-color: rgba(var(--tertiary-bg-rgb), var(--bg-opacity)) !important;}.bg-opacity-0{--bg-opacity: 0;}.bg-opacity-25{--bg-opacity: 0.25;}.bg-opacity-50{--bg-opacity: 0.5;}.bg-opacity-75{--bg-opacity: 0.75;}.bg-opacity-100{--bg-opacity: 1;}.bg-opacity-disabled{--bg-opacity: 0.5;}.bg-opacity-muted{--bg-opacity: 0.76;}.bg-primary-subtle{background-color: var(--primary-bg-subtle) !important;}.bg-secondary-subtle{background-color: var(--secondary-bg-subtle) !important;}.bg-success-subtle{background-color: var(--success-bg-subtle) !important;}.bg-info-subtle{background-color: var(--info-bg-subtle) !important;}.bg-warning-subtle{background-color: var(--warning-bg-subtle) !important;}.bg-danger-subtle{background-color: var(--danger-bg-subtle) !important;}.bg-light-subtle{background-color: var(--light-bg-subtle) !important;}.bg-dark-subtle{background-color: var(--dark-bg-subtle) !important;}.bg-gradient{background-image: var(--gradient) !important;}.user-select-all{user-select: all !important;}.user-select-auto{user-select: auto !important;}.user-select-none{user-select: none !important;}.pe-none{pointer-events: none !important;}.pe-auto{pointer-events: auto !important;}.rounded{--box-border-radius: var(--border-radius) !important;}.rounded-0{--box-border-radius: 0 !important;}.rounded-1{--box-border-radius: var(--border-radius-sm) !important;}.rounded-2{--box-border-radius: var(--border-radius) !important;}.rounded-3{--box-border-radius: var(--border-radius-lg) !important;}.rounded-4{--box-border-radius: var(--border-radius-xl) !important;}.rounded-5{--box-border-radius: var(--border-radius-xxl) !important;}.rounded-circle, .fa.rounded-empty-circle{--box-border-radius: 50% !important;}.rounded-pill{--box-border-radius: var(--border-radius-pill) !important;}.rounded-top{border-top-left-radius: 0.4rem !important; border-top-right-radius: 0.4rem !important;}.rounded-top-0{border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}.rounded-top-1{border-top-left-radius: 0.3rem !important; border-top-right-radius: 0.3rem !important;}.rounded-top-2{border-top-left-radius: 0.4rem !important; border-top-right-radius: 0.4rem !important;}.rounded-top-3{border-top-left-radius: 0.6rem !important; border-top-right-radius: 0.6rem !important;}.rounded-top-circle{border-top-left-radius: 50% !important; border-top-right-radius: 50% !important;}.rounded-top-pill{border-top-left-radius: 50rem !important; border-top-right-radius: 50rem !important;}.rounded-end{border-top-right-radius: 0.4rem !important; border-bottom-right-radius: 0.4rem !important;}.rounded-end-0{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}.rounded-end-1{border-top-right-radius: 0.3rem !important; border-bottom-right-radius: 0.3rem !important;}.rounded-end-2{border-top-right-radius: 0.4rem !important; border-bottom-right-radius: 0.4rem !important;}.rounded-end-3{border-top-right-radius: 0.6rem !important; border-bottom-right-radius: 0.6rem !important;}.rounded-end-circle{border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important;}.rounded-end-pill{border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important;}.rounded-bottom{border-bottom-right-radius: 0.4rem !important; border-bottom-left-radius: 0.4rem !important;}.rounded-bottom-0{border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}.rounded-bottom-1{border-bottom-right-radius: 0.3rem !important; border-bottom-left-radius: 0.3rem !important;}.rounded-bottom-2{border-bottom-right-radius: 0.4rem !important; border-bottom-left-radius: 0.4rem !important;}.rounded-bottom-3{border-bottom-right-radius: 0.6rem !important; border-bottom-left-radius: 0.6rem !important;}.rounded-bottom-circle{border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important;}.rounded-bottom-pill{border-bottom-right-radius: 50rem !important; border-bottom-left-radius: 50rem !important;}.rounded-start{border-bottom-left-radius: 0.4rem !important; border-top-left-radius: 0.4rem !important;}.rounded-start-0{border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;}.rounded-start-1{border-bottom-left-radius: 0.3rem !important; border-top-left-radius: 0.3rem !important;}.rounded-start-2{border-bottom-left-radius: 0.4rem !important; border-top-left-radius: 0.4rem !important;}.rounded-start-3{border-bottom-left-radius: 0.6rem !important; border-top-left-radius: 0.6rem !important;}.rounded-start-circle{border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important;}.rounded-start-pill{border-bottom-left-radius: 50rem !important; border-top-left-radius: 50rem !important;}.visible{visibility: visible !important;}.invisible{visibility: hidden !important;}.z-n1{z-index: -1 !important;}.z-0{z-index: 0 !important;}.z-1{z-index: 1 !important;}.z-2{z-index: 2 !important;}.z-3{z-index: 3 !important;}.cursor-default{cursor: default !important;}.cursor-pointer{cursor: pointer !important;}.flex-basis-0{flex-basis: 0 !important;}.flex-basis-25{flex-basis: 25% !important;}.flex-basis-50{flex-basis: 50% !important;}.flex-basis-75{flex-basis: 75% !important;}.flex-basis-100{flex-basis: 100% !important;}.flex-basis-auto{flex-basis: auto !important;}.transition-none{transition: none !important;}.transition-base{transition: all 0.2s ease-in-out !important;}.transition-fade{transition: opacity 0.15s linear !important;}.min-w-0{min-width: 0 !important;}@media (min-width: 576px){.float-sm-start{float: left !important;}.float-sm-end{float: right !important;}.float-sm-none{float: none !important;}.object-fit-sm-contain{object-fit: contain !important;}.object-fit-sm-cover{object-fit: cover !important;}.object-fit-sm-fill{object-fit: fill !important;}.object-fit-sm-scale{object-fit: scale-down !important;}.object-fit-sm-none{object-fit: none !important;}.d-sm-inline{display: inline !important;}.d-sm-inline-block{display: inline-block !important;}.d-sm-block{display: block !important;}.d-sm-grid{display: grid !important;}.d-sm-inline-grid{display: inline-grid !important;}.d-sm-table{display: table !important;}.d-sm-table-row{display: table-row !important;}.d-sm-table-cell{display: table-cell !important;}.d-sm-flex{display: flex !important;}.d-sm-inline-flex{display: inline-flex !important;}.d-sm-none{display: none !important;}.d-sm-contents{display: contents !important;}.position-sm-static{position: static !important;}.position-sm-relative{position: relative !important;}.position-sm-absolute{position: absolute !important;}.position-sm-fixed{position: fixed !important;}.position-sm-sticky{position: sticky !important;}.w-sm-0{width: 0 !important;}.w-sm-25{width: 25% !important;}.w-sm-50{width: 50% !important;}.w-sm-75{width: 75% !important;}.w-sm-100{width: 100% !important;}.w-sm-auto{width: auto !important;}.mw-sm-0{max-width: 0 !important;}.mw-sm-25{max-width: 25% !important;}.mw-sm-50{max-width: 50% !important;}.mw-sm-75{max-width: 75% !important;}.mw-sm-100{max-width: 100% !important;}.mw-sm-auto{max-width: auto !important;}.h-sm-0{height: 0 !important;}.h-sm-25{height: 25% !important;}.h-sm-50{height: 50% !important;}.h-sm-75{height: 75% !important;}.h-sm-100{height: 100% !important;}.h-sm-auto{height: auto !important;}.mh-sm-0{max-height: 0 !important;}.mh-sm-25{max-height: 25% !important;}.mh-sm-50{max-height: 50% !important;}.mh-sm-75{max-height: 75% !important;}.mh-sm-100{max-height: 100% !important;}.mh-sm-auto{max-height: auto !important;}.flex-sm-fill{flex: 1 1 auto !important;}.flex-sm-row{flex-direction: row !important;}.flex-sm-column{flex-direction: column !important;}.flex-sm-row-reverse{flex-direction: row-reverse !important;}.flex-sm-column-reverse{flex-direction: column-reverse !important;}.flex-sm-grow-0{flex-grow: 0 !important;}.flex-sm-grow-1{flex-grow: 1 !important;}.flex-sm-shrink-0{flex-shrink: 0 !important;}.flex-sm-shrink-1{flex-shrink: 1 !important;}.flex-sm-wrap{flex-wrap: wrap !important;}.flex-sm-nowrap{flex-wrap: nowrap !important;}.flex-sm-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-sm-start{justify-content: flex-start !important;}.justify-content-sm-end{justify-content: flex-end !important;}.justify-content-sm-center{justify-content: center !important;}.justify-content-sm-between{justify-content: space-between !important;}.justify-content-sm-around{justify-content: space-around !important;}.justify-content-sm-evenly{justify-content: space-evenly !important;}.align-items-sm-start{align-items: flex-start !important;}.align-items-sm-end{align-items: flex-end !important;}.align-items-sm-center{align-items: center !important;}.align-items-sm-baseline{align-items: baseline !important;}.align-items-sm-stretch{align-items: stretch !important;}.align-content-sm-start{align-content: flex-start !important;}.align-content-sm-end{align-content: flex-end !important;}.align-content-sm-center{align-content: center !important;}.align-content-sm-between{align-content: space-between !important;}.align-content-sm-around{align-content: space-around !important;}.align-content-sm-stretch{align-content: stretch !important;}.align-self-sm-auto{align-self: auto !important;}.align-self-sm-start{align-self: flex-start !important;}.align-self-sm-end{align-self: flex-end !important;}.align-self-sm-center{align-self: center !important;}.align-self-sm-baseline{align-self: baseline !important;}.align-self-sm-stretch{align-self: stretch !important;}.order-sm-first{order: -1 !important;}.order-sm-last{order: 13 !important;}.order-sm-0{order: 0 !important;}.order-sm-1{order: 1 !important;}.order-sm-2{order: 2 !important;}.order-sm-3{order: 3 !important;}.order-sm-4{order: 4 !important;}.order-sm-5{order: 5 !important;}.order-sm-6{order: 6 !important;}.order-sm-7{order: 7 !important;}.order-sm-8{order: 8 !important;}.order-sm-9{order: 9 !important;}.order-sm-10{order: 10 !important;}.order-sm-11{order: 11 !important;}.order-sm-12{order: 12 !important;}.m-sm-0{margin: 0 !important;}.m-sm-1{margin: 0.25rem !important;}.m-sm-2{margin: 0.5rem !important;}.m-sm-3{margin: 1rem !important;}.m-sm-4{margin: 1.5rem !important;}.m-sm-5{margin: 3rem !important;}.m-sm-auto{margin: auto !important;}.mx-sm-0{margin-right: 0 !important; margin-left: 0 !important;}.mx-sm-1{margin-right: 0.25rem !important; margin-left: 0.25rem !important;}.mx-sm-2{margin-right: 0.5rem !important; margin-left: 0.5rem !important;}.mx-sm-3{margin-right: 1rem !important; margin-left: 1rem !important;}.mx-sm-4{margin-right: 1.5rem !important; margin-left: 1.5rem !important;}.mx-sm-5{margin-right: 3rem !important; margin-left: 3rem !important;}.mx-sm-auto{margin-right: auto !important; margin-left: auto !important;}.my-sm-0{margin-top: 0 !important; margin-bottom: 0 !important;}.my-sm-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}.my-sm-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}.my-sm-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-sm-4{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}.my-sm-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-sm-auto{margin-top: auto !important; margin-bottom: auto !important;}.mt-sm-0{margin-top: 0 !important;}.mt-sm-1{margin-top: 0.25rem !important;}.mt-sm-2{margin-top: 0.5rem !important;}.mt-sm-3{margin-top: 1rem !important;}.mt-sm-4{margin-top: 1.5rem !important;}.mt-sm-5{margin-top: 3rem !important;}.mt-sm-auto{margin-top: auto !important;}.me-sm-0{margin-right: 0 !important;}.me-sm-1{margin-right: 0.25rem !important;}.me-sm-2{margin-right: 0.5rem !important;}.me-sm-3{margin-right: 1rem !important;}.me-sm-4{margin-right: 1.5rem !important;}.me-sm-5{margin-right: 3rem !important;}.me-sm-auto{margin-right: auto !important;}.mb-sm-0{margin-bottom: 0 !important;}.mb-sm-1{margin-bottom: 0.25rem !important;}.mb-sm-2{margin-bottom: 0.5rem !important;}.mb-sm-3{margin-bottom: 1rem !important;}.mb-sm-4{margin-bottom: 1.5rem !important;}.mb-sm-5{margin-bottom: 3rem !important;}.mb-sm-auto{margin-bottom: auto !important;}.ms-sm-0{margin-left: 0 !important;}.ms-sm-1{margin-left: 0.25rem !important;}.ms-sm-2{margin-left: 0.5rem !important;}.ms-sm-3{margin-left: 1rem !important;}.ms-sm-4{margin-left: 1.5rem !important;}.ms-sm-5{margin-left: 3rem !important;}.ms-sm-auto{margin-left: auto !important;}.m-sm-n1{margin: -0.25rem !important;}.m-sm-n2{margin: -0.5rem !important;}.m-sm-n3{margin: -1rem !important;}.m-sm-n4{margin: -1.5rem !important;}.m-sm-n5{margin: -3rem !important;}.mx-sm-n1{margin-right: -0.25rem !important; margin-left: -0.25rem !important;}.mx-sm-n2{margin-right: -0.5rem !important; margin-left: -0.5rem !important;}.mx-sm-n3{margin-right: -1rem !important; margin-left: -1rem !important;}.mx-sm-n4{margin-right: -1.5rem !important; margin-left: -1.5rem !important;}.mx-sm-n5{margin-right: -3rem !important; margin-left: -3rem !important;}.my-sm-n1{margin-top: -0.25rem !important; margin-bottom: -0.25rem !important;}.my-sm-n2{margin-top: -0.5rem !important; margin-bottom: -0.5rem !important;}.my-sm-n3{margin-top: -1rem !important; margin-bottom: -1rem !important;}.my-sm-n4{margin-top: -1.5rem !important; margin-bottom: -1.5rem !important;}.my-sm-n5{margin-top: -3rem !important; margin-bottom: -3rem !important;}.mt-sm-n1{margin-top: -0.25rem !important;}.mt-sm-n2{margin-top: -0.5rem !important;}.mt-sm-n3{margin-top: -1rem !important;}.mt-sm-n4{margin-top: -1.5rem !important;}.mt-sm-n5{margin-top: -3rem !important;}.me-sm-n1{margin-right: -0.25rem !important;}.me-sm-n2{margin-right: -0.5rem !important;}.me-sm-n3{margin-right: -1rem !important;}.me-sm-n4{margin-right: -1.5rem !important;}.me-sm-n5{margin-right: -3rem !important;}.mb-sm-n1{margin-bottom: -0.25rem !important;}.mb-sm-n2{margin-bottom: -0.5rem !important;}.mb-sm-n3{margin-bottom: -1rem !important;}.mb-sm-n4{margin-bottom: -1.5rem !important;}.mb-sm-n5{margin-bottom: -3rem !important;}.ms-sm-n1{margin-left: -0.25rem !important;}.ms-sm-n2{margin-left: -0.5rem !important;}.ms-sm-n3{margin-left: -1rem !important;}.ms-sm-n4{margin-left: -1.5rem !important;}.ms-sm-n5{margin-left: -3rem !important;}.p-sm-0{padding: 0 !important;}.p-sm-1{padding: 0.25rem !important;}.p-sm-2{padding: 0.5rem !important;}.p-sm-3{padding: 1rem !important;}.p-sm-4{padding: 1.5rem !important;}.p-sm-5{padding: 3rem !important;}.px-sm-0{padding-right: 0 !important; padding-left: 0 !important;}.px-sm-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}.px-sm-2{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}.px-sm-3{padding-right: 1rem !important; padding-left: 1rem !important;}.px-sm-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}.px-sm-5{padding-right: 3rem !important; padding-left: 3rem !important;}.py-sm-0{padding-top: 0 !important; padding-bottom: 0 !important;}.py-sm-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}.py-sm-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}.py-sm-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}.py-sm-4{padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}.py-sm-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}.pt-sm-0{padding-top: 0 !important;}.pt-sm-1{padding-top: 0.25rem !important;}.pt-sm-2{padding-top: 0.5rem !important;}.pt-sm-3{padding-top: 1rem !important;}.pt-sm-4{padding-top: 1.5rem !important;}.pt-sm-5{padding-top: 3rem !important;}.pe-sm-0{padding-right: 0 !important;}.pe-sm-1{padding-right: 0.25rem !important;}.pe-sm-2{padding-right: 0.5rem !important;}.pe-sm-3{padding-right: 1rem !important;}.pe-sm-4{padding-right: 1.5rem !important;}.pe-sm-5{padding-right: 3rem !important;}.pb-sm-0{padding-bottom: 0 !important;}.pb-sm-1{padding-bottom: 0.25rem !important;}.pb-sm-2{padding-bottom: 0.5rem !important;}.pb-sm-3{padding-bottom: 1rem !important;}.pb-sm-4{padding-bottom: 1.5rem !important;}.pb-sm-5{padding-bottom: 3rem !important;}.ps-sm-0{padding-left: 0 !important;}.ps-sm-1{padding-left: 0.25rem !important;}.ps-sm-2{padding-left: 0.5rem !important;}.ps-sm-3{padding-left: 1rem !important;}.ps-sm-4{padding-left: 1.5rem !important;}.ps-sm-5{padding-left: 3rem !important;}.gap-sm-0{gap: 0 !important;}.gap-sm-1{gap: 0.25rem !important;}.gap-sm-2{gap: 0.5rem !important;}.gap-sm-3{gap: 1rem !important;}.gap-sm-4{gap: 1.5rem !important;}.gap-sm-5{gap: 3rem !important;}.row-gap-sm-0{row-gap: 0 !important;}.row-gap-sm-1{row-gap: 0.25rem !important;}.row-gap-sm-2{row-gap: 0.5rem !important;}.row-gap-sm-3{row-gap: 1rem !important;}.row-gap-sm-4{row-gap: 1.5rem !important;}.row-gap-sm-5{row-gap: 3rem !important;}.column-gap-sm-0{column-gap: 0 !important;}.column-gap-sm-1{column-gap: 0.25rem !important;}.column-gap-sm-2{column-gap: 0.5rem !important;}.column-gap-sm-3{column-gap: 1rem !important;}.column-gap-sm-4{column-gap: 1.5rem !important;}.column-gap-sm-5{column-gap: 3rem !important;}.text-sm-start{text-align: left !important;}.text-sm-end{text-align: right !important;}.text-sm-center{text-align: center !important;}.flex-basis-sm-0{flex-basis: 0 !important;}.flex-basis-sm-25{flex-basis: 25% !important;}.flex-basis-sm-50{flex-basis: 50% !important;}.flex-basis-sm-75{flex-basis: 75% !important;}.flex-basis-sm-100{flex-basis: 100% !important;}.flex-basis-sm-auto{flex-basis: auto !important;}}@media (min-width: 768px){.float-md-start{float: left !important;}.float-md-end{float: right !important;}.float-md-none{float: none !important;}.object-fit-md-contain{object-fit: contain !important;}.object-fit-md-cover{object-fit: cover !important;}.object-fit-md-fill{object-fit: fill !important;}.object-fit-md-scale{object-fit: scale-down !important;}.object-fit-md-none{object-fit: none !important;}.d-md-inline{display: inline !important;}.d-md-inline-block{display: inline-block !important;}.d-md-block{display: block !important;}.d-md-grid{display: grid !important;}.d-md-inline-grid{display: inline-grid !important;}.d-md-table{display: table !important;}.d-md-table-row{display: table-row !important;}.d-md-table-cell{display: table-cell !important;}.d-md-flex{display: flex !important;}.d-md-inline-flex{display: inline-flex !important;}.d-md-none{display: none !important;}.d-md-contents{display: contents !important;}.position-md-static{position: static !important;}.position-md-relative{position: relative !important;}.position-md-absolute{position: absolute !important;}.position-md-fixed{position: fixed !important;}.position-md-sticky{position: sticky !important;}.w-md-0{width: 0 !important;}.w-md-25{width: 25% !important;}.w-md-50{width: 50% !important;}.w-md-75{width: 75% !important;}.w-md-100{width: 100% !important;}.w-md-auto{width: auto !important;}.mw-md-0{max-width: 0 !important;}.mw-md-25{max-width: 25% !important;}.mw-md-50{max-width: 50% !important;}.mw-md-75{max-width: 75% !important;}.mw-md-100{max-width: 100% !important;}.mw-md-auto{max-width: auto !important;}.h-md-0{height: 0 !important;}.h-md-25{height: 25% !important;}.h-md-50{height: 50% !important;}.h-md-75{height: 75% !important;}.h-md-100{height: 100% !important;}.h-md-auto{height: auto !important;}.mh-md-0{max-height: 0 !important;}.mh-md-25{max-height: 25% !important;}.mh-md-50{max-height: 50% !important;}.mh-md-75{max-height: 75% !important;}.mh-md-100{max-height: 100% !important;}.mh-md-auto{max-height: auto !important;}.flex-md-fill{flex: 1 1 auto !important;}.flex-md-row{flex-direction: row !important;}.flex-md-column{flex-direction: column !important;}.flex-md-row-reverse{flex-direction: row-reverse !important;}.flex-md-column-reverse{flex-direction: column-reverse !important;}.flex-md-grow-0{flex-grow: 0 !important;}.flex-md-grow-1{flex-grow: 1 !important;}.flex-md-shrink-0{flex-shrink: 0 !important;}.flex-md-shrink-1{flex-shrink: 1 !important;}.flex-md-wrap{flex-wrap: wrap !important;}.flex-md-nowrap{flex-wrap: nowrap !important;}.flex-md-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-md-start{justify-content: flex-start !important;}.justify-content-md-end{justify-content: flex-end !important;}.justify-content-md-center{justify-content: center !important;}.justify-content-md-between{justify-content: space-between !important;}.justify-content-md-around{justify-content: space-around !important;}.justify-content-md-evenly{justify-content: space-evenly !important;}.align-items-md-start{align-items: flex-start !important;}.align-items-md-end{align-items: flex-end !important;}.align-items-md-center{align-items: center !important;}.align-items-md-baseline{align-items: baseline !important;}.align-items-md-stretch{align-items: stretch !important;}.align-content-md-start{align-content: flex-start !important;}.align-content-md-end{align-content: flex-end !important;}.align-content-md-center{align-content: center !important;}.align-content-md-between{align-content: space-between !important;}.align-content-md-around{align-content: space-around !important;}.align-content-md-stretch{align-content: stretch !important;}.align-self-md-auto{align-self: auto !important;}.align-self-md-start{align-self: flex-start !important;}.align-self-md-end{align-self: flex-end !important;}.align-self-md-center{align-self: center !important;}.align-self-md-baseline{align-self: baseline !important;}.align-self-md-stretch{align-self: stretch !important;}.order-md-first{order: -1 !important;}.order-md-last{order: 13 !important;}.order-md-0{order: 0 !important;}.order-md-1{order: 1 !important;}.order-md-2{order: 2 !important;}.order-md-3{order: 3 !important;}.order-md-4{order: 4 !important;}.order-md-5{order: 5 !important;}.order-md-6{order: 6 !important;}.order-md-7{order: 7 !important;}.order-md-8{order: 8 !important;}.order-md-9{order: 9 !important;}.order-md-10{order: 10 !important;}.order-md-11{order: 11 !important;}.order-md-12{order: 12 !important;}.m-md-0{margin: 0 !important;}.m-md-1{margin: 0.25rem !important;}.m-md-2{margin: 0.5rem !important;}.m-md-3{margin: 1rem !important;}.m-md-4{margin: 1.5rem !important;}.m-md-5{margin: 3rem !important;}.m-md-auto{margin: auto !important;}.mx-md-0{margin-right: 0 !important; margin-left: 0 !important;}.mx-md-1{margin-right: 0.25rem !important; margin-left: 0.25rem !important;}.mx-md-2{margin-right: 0.5rem !important; margin-left: 0.5rem !important;}.mx-md-3{margin-right: 1rem !important; margin-left: 1rem !important;}.mx-md-4{margin-right: 1.5rem !important; margin-left: 1.5rem !important;}.mx-md-5{margin-right: 3rem !important; margin-left: 3rem !important;}.mx-md-auto{margin-right: auto !important; margin-left: auto !important;}.my-md-0{margin-top: 0 !important; margin-bottom: 0 !important;}.my-md-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}.my-md-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}.my-md-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-md-4{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}.my-md-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-md-auto{margin-top: auto !important; margin-bottom: auto !important;}.mt-md-0{margin-top: 0 !important;}.mt-md-1{margin-top: 0.25rem !important;}.mt-md-2{margin-top: 0.5rem !important;}.mt-md-3{margin-top: 1rem !important;}.mt-md-4{margin-top: 1.5rem !important;}.mt-md-5{margin-top: 3rem !important;}.mt-md-auto{margin-top: auto !important;}.me-md-0{margin-right: 0 !important;}.me-md-1{margin-right: 0.25rem !important;}.me-md-2{margin-right: 0.5rem !important;}.me-md-3{margin-right: 1rem !important;}.me-md-4{margin-right: 1.5rem !important;}.me-md-5{margin-right: 3rem !important;}.me-md-auto{margin-right: auto !important;}.mb-md-0{margin-bottom: 0 !important;}.mb-md-1{margin-bottom: 0.25rem !important;}.mb-md-2{margin-bottom: 0.5rem !important;}.mb-md-3{margin-bottom: 1rem !important;}.mb-md-4{margin-bottom: 1.5rem !important;}.mb-md-5{margin-bottom: 3rem !important;}.mb-md-auto{margin-bottom: auto !important;}.ms-md-0{margin-left: 0 !important;}.ms-md-1{margin-left: 0.25rem !important;}.ms-md-2{margin-left: 0.5rem !important;}.ms-md-3{margin-left: 1rem !important;}.ms-md-4{margin-left: 1.5rem !important;}.ms-md-5{margin-left: 3rem !important;}.ms-md-auto{margin-left: auto !important;}.m-md-n1{margin: -0.25rem !important;}.m-md-n2{margin: -0.5rem !important;}.m-md-n3{margin: -1rem !important;}.m-md-n4{margin: -1.5rem !important;}.m-md-n5{margin: -3rem !important;}.mx-md-n1{margin-right: -0.25rem !important; margin-left: -0.25rem !important;}.mx-md-n2{margin-right: -0.5rem !important; margin-left: -0.5rem !important;}.mx-md-n3{margin-right: -1rem !important; margin-left: -1rem !important;}.mx-md-n4{margin-right: -1.5rem !important; margin-left: -1.5rem !important;}.mx-md-n5{margin-right: -3rem !important; margin-left: -3rem !important;}.my-md-n1{margin-top: -0.25rem !important; margin-bottom: -0.25rem !important;}.my-md-n2{margin-top: -0.5rem !important; margin-bottom: -0.5rem !important;}.my-md-n3{margin-top: -1rem !important; margin-bottom: -1rem !important;}.my-md-n4{margin-top: -1.5rem !important; margin-bottom: -1.5rem !important;}.my-md-n5{margin-top: -3rem !important; margin-bottom: -3rem !important;}.mt-md-n1{margin-top: -0.25rem !important;}.mt-md-n2{margin-top: -0.5rem !important;}.mt-md-n3{margin-top: -1rem !important;}.mt-md-n4{margin-top: -1.5rem !important;}.mt-md-n5{margin-top: -3rem !important;}.me-md-n1{margin-right: -0.25rem !important;}.me-md-n2{margin-right: -0.5rem !important;}.me-md-n3{margin-right: -1rem !important;}.me-md-n4{margin-right: -1.5rem !important;}.me-md-n5{margin-right: -3rem !important;}.mb-md-n1{margin-bottom: -0.25rem !important;}.mb-md-n2{margin-bottom: -0.5rem !important;}.mb-md-n3{margin-bottom: -1rem !important;}.mb-md-n4{margin-bottom: -1.5rem !important;}.mb-md-n5{margin-bottom: -3rem !important;}.ms-md-n1{margin-left: -0.25rem !important;}.ms-md-n2{margin-left: -0.5rem !important;}.ms-md-n3{margin-left: -1rem !important;}.ms-md-n4{margin-left: -1.5rem !important;}.ms-md-n5{margin-left: -3rem !important;}.p-md-0{padding: 0 !important;}.p-md-1{padding: 0.25rem !important;}.p-md-2{padding: 0.5rem !important;}.p-md-3{padding: 1rem !important;}.p-md-4{padding: 1.5rem !important;}.p-md-5{padding: 3rem !important;}.px-md-0{padding-right: 0 !important; padding-left: 0 !important;}.px-md-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}.px-md-2{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}.px-md-3{padding-right: 1rem !important; padding-left: 1rem !important;}.px-md-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}.px-md-5{padding-right: 3rem !important; padding-left: 3rem !important;}.py-md-0{padding-top: 0 !important; padding-bottom: 0 !important;}.py-md-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}.py-md-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}.py-md-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}.py-md-4{padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}.py-md-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}.pt-md-0{padding-top: 0 !important;}.pt-md-1{padding-top: 0.25rem !important;}.pt-md-2{padding-top: 0.5rem !important;}.pt-md-3{padding-top: 1rem !important;}.pt-md-4{padding-top: 1.5rem !important;}.pt-md-5{padding-top: 3rem !important;}.pe-md-0{padding-right: 0 !important;}.pe-md-1{padding-right: 0.25rem !important;}.pe-md-2{padding-right: 0.5rem !important;}.pe-md-3{padding-right: 1rem !important;}.pe-md-4{padding-right: 1.5rem !important;}.pe-md-5{padding-right: 3rem !important;}.pb-md-0{padding-bottom: 0 !important;}.pb-md-1{padding-bottom: 0.25rem !important;}.pb-md-2{padding-bottom: 0.5rem !important;}.pb-md-3{padding-bottom: 1rem !important;}.pb-md-4{padding-bottom: 1.5rem !important;}.pb-md-5{padding-bottom: 3rem !important;}.ps-md-0{padding-left: 0 !important;}.ps-md-1{padding-left: 0.25rem !important;}.ps-md-2{padding-left: 0.5rem !important;}.ps-md-3{padding-left: 1rem !important;}.ps-md-4{padding-left: 1.5rem !important;}.ps-md-5{padding-left: 3rem !important;}.gap-md-0{gap: 0 !important;}.gap-md-1{gap: 0.25rem !important;}.gap-md-2{gap: 0.5rem !important;}.gap-md-3{gap: 1rem !important;}.gap-md-4{gap: 1.5rem !important;}.gap-md-5{gap: 3rem !important;}.row-gap-md-0{row-gap: 0 !important;}.row-gap-md-1{row-gap: 0.25rem !important;}.row-gap-md-2{row-gap: 0.5rem !important;}.row-gap-md-3{row-gap: 1rem !important;}.row-gap-md-4{row-gap: 1.5rem !important;}.row-gap-md-5{row-gap: 3rem !important;}.column-gap-md-0{column-gap: 0 !important;}.column-gap-md-1{column-gap: 0.25rem !important;}.column-gap-md-2{column-gap: 0.5rem !important;}.column-gap-md-3{column-gap: 1rem !important;}.column-gap-md-4{column-gap: 1.5rem !important;}.column-gap-md-5{column-gap: 3rem !important;}.text-md-start{text-align: left !important;}.text-md-end{text-align: right !important;}.text-md-center{text-align: center !important;}.flex-basis-md-0{flex-basis: 0 !important;}.flex-basis-md-25{flex-basis: 25% !important;}.flex-basis-md-50{flex-basis: 50% !important;}.flex-basis-md-75{flex-basis: 75% !important;}.flex-basis-md-100{flex-basis: 100% !important;}.flex-basis-md-auto{flex-basis: auto !important;}}@media (min-width: 992px){.float-lg-start{float: left !important;}.float-lg-end{float: right !important;}.float-lg-none{float: none !important;}.object-fit-lg-contain{object-fit: contain !important;}.object-fit-lg-cover{object-fit: cover !important;}.object-fit-lg-fill{object-fit: fill !important;}.object-fit-lg-scale{object-fit: scale-down !important;}.object-fit-lg-none{object-fit: none !important;}.d-lg-inline{display: inline !important;}.d-lg-inline-block{display: inline-block !important;}.d-lg-block{display: block !important;}.d-lg-grid{display: grid !important;}.d-lg-inline-grid{display: inline-grid !important;}.d-lg-table{display: table !important;}.d-lg-table-row{display: table-row !important;}.d-lg-table-cell{display: table-cell !important;}.d-lg-flex{display: flex !important;}.d-lg-inline-flex{display: inline-flex !important;}.d-lg-none{display: none !important;}.d-lg-contents{display: contents !important;}.position-lg-static{position: static !important;}.position-lg-relative{position: relative !important;}.position-lg-absolute{position: absolute !important;}.position-lg-fixed{position: fixed !important;}.position-lg-sticky{position: sticky !important;}.w-lg-0{width: 0 !important;}.w-lg-25{width: 25% !important;}.w-lg-50{width: 50% !important;}.w-lg-75{width: 75% !important;}.w-lg-100{width: 100% !important;}.w-lg-auto{width: auto !important;}.mw-lg-0{max-width: 0 !important;}.mw-lg-25{max-width: 25% !important;}.mw-lg-50{max-width: 50% !important;}.mw-lg-75{max-width: 75% !important;}.mw-lg-100{max-width: 100% !important;}.mw-lg-auto{max-width: auto !important;}.h-lg-0{height: 0 !important;}.h-lg-25{height: 25% !important;}.h-lg-50{height: 50% !important;}.h-lg-75{height: 75% !important;}.h-lg-100{height: 100% !important;}.h-lg-auto{height: auto !important;}.mh-lg-0{max-height: 0 !important;}.mh-lg-25{max-height: 25% !important;}.mh-lg-50{max-height: 50% !important;}.mh-lg-75{max-height: 75% !important;}.mh-lg-100{max-height: 100% !important;}.mh-lg-auto{max-height: auto !important;}.flex-lg-fill{flex: 1 1 auto !important;}.flex-lg-row{flex-direction: row !important;}.flex-lg-column{flex-direction: column !important;}.flex-lg-row-reverse{flex-direction: row-reverse !important;}.flex-lg-column-reverse{flex-direction: column-reverse !important;}.flex-lg-grow-0{flex-grow: 0 !important;}.flex-lg-grow-1{flex-grow: 1 !important;}.flex-lg-shrink-0{flex-shrink: 0 !important;}.flex-lg-shrink-1{flex-shrink: 1 !important;}.flex-lg-wrap{flex-wrap: wrap !important;}.flex-lg-nowrap{flex-wrap: nowrap !important;}.flex-lg-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-lg-start{justify-content: flex-start !important;}.justify-content-lg-end{justify-content: flex-end !important;}.justify-content-lg-center{justify-content: center !important;}.justify-content-lg-between{justify-content: space-between !important;}.justify-content-lg-around{justify-content: space-around !important;}.justify-content-lg-evenly{justify-content: space-evenly !important;}.align-items-lg-start{align-items: flex-start !important;}.align-items-lg-end{align-items: flex-end !important;}.align-items-lg-center{align-items: center !important;}.align-items-lg-baseline{align-items: baseline !important;}.align-items-lg-stretch{align-items: stretch !important;}.align-content-lg-start{align-content: flex-start !important;}.align-content-lg-end{align-content: flex-end !important;}.align-content-lg-center{align-content: center !important;}.align-content-lg-between{align-content: space-between !important;}.align-content-lg-around{align-content: space-around !important;}.align-content-lg-stretch{align-content: stretch !important;}.align-self-lg-auto{align-self: auto !important;}.align-self-lg-start{align-self: flex-start !important;}.align-self-lg-end{align-self: flex-end !important;}.align-self-lg-center{align-self: center !important;}.align-self-lg-baseline{align-self: baseline !important;}.align-self-lg-stretch{align-self: stretch !important;}.order-lg-first{order: -1 !important;}.order-lg-last{order: 13 !important;}.order-lg-0{order: 0 !important;}.order-lg-1{order: 1 !important;}.order-lg-2{order: 2 !important;}.order-lg-3{order: 3 !important;}.order-lg-4{order: 4 !important;}.order-lg-5{order: 5 !important;}.order-lg-6{order: 6 !important;}.order-lg-7{order: 7 !important;}.order-lg-8{order: 8 !important;}.order-lg-9{order: 9 !important;}.order-lg-10{order: 10 !important;}.order-lg-11{order: 11 !important;}.order-lg-12{order: 12 !important;}.m-lg-0{margin: 0 !important;}.m-lg-1{margin: 0.25rem !important;}.m-lg-2{margin: 0.5rem !important;}.m-lg-3{margin: 1rem !important;}.m-lg-4{margin: 1.5rem !important;}.m-lg-5{margin: 3rem !important;}.m-lg-auto{margin: auto !important;}.mx-lg-0{margin-right: 0 !important; margin-left: 0 !important;}.mx-lg-1{margin-right: 0.25rem !important; margin-left: 0.25rem !important;}.mx-lg-2{margin-right: 0.5rem !important; margin-left: 0.5rem !important;}.mx-lg-3{margin-right: 1rem !important; margin-left: 1rem !important;}.mx-lg-4{margin-right: 1.5rem !important; margin-left: 1.5rem !important;}.mx-lg-5{margin-right: 3rem !important; margin-left: 3rem !important;}.mx-lg-auto{margin-right: auto !important; margin-left: auto !important;}.my-lg-0{margin-top: 0 !important; margin-bottom: 0 !important;}.my-lg-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}.my-lg-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}.my-lg-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-lg-4{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}.my-lg-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-lg-auto{margin-top: auto !important; margin-bottom: auto !important;}.mt-lg-0{margin-top: 0 !important;}.mt-lg-1{margin-top: 0.25rem !important;}.mt-lg-2{margin-top: 0.5rem !important;}.mt-lg-3{margin-top: 1rem !important;}.mt-lg-4{margin-top: 1.5rem !important;}.mt-lg-5{margin-top: 3rem !important;}.mt-lg-auto{margin-top: auto !important;}.me-lg-0{margin-right: 0 !important;}.me-lg-1{margin-right: 0.25rem !important;}.me-lg-2{margin-right: 0.5rem !important;}.me-lg-3{margin-right: 1rem !important;}.me-lg-4{margin-right: 1.5rem !important;}.me-lg-5{margin-right: 3rem !important;}.me-lg-auto{margin-right: auto !important;}.mb-lg-0{margin-bottom: 0 !important;}.mb-lg-1{margin-bottom: 0.25rem !important;}.mb-lg-2{margin-bottom: 0.5rem !important;}.mb-lg-3{margin-bottom: 1rem !important;}.mb-lg-4{margin-bottom: 1.5rem !important;}.mb-lg-5{margin-bottom: 3rem !important;}.mb-lg-auto{margin-bottom: auto !important;}.ms-lg-0{margin-left: 0 !important;}.ms-lg-1{margin-left: 0.25rem !important;}.ms-lg-2{margin-left: 0.5rem !important;}.ms-lg-3{margin-left: 1rem !important;}.ms-lg-4{margin-left: 1.5rem !important;}.ms-lg-5{margin-left: 3rem !important;}.ms-lg-auto{margin-left: auto !important;}.m-lg-n1{margin: -0.25rem !important;}.m-lg-n2{margin: -0.5rem !important;}.m-lg-n3{margin: -1rem !important;}.m-lg-n4{margin: -1.5rem !important;}.m-lg-n5{margin: -3rem !important;}.mx-lg-n1{margin-right: -0.25rem !important; margin-left: -0.25rem !important;}.mx-lg-n2{margin-right: -0.5rem !important; margin-left: -0.5rem !important;}.mx-lg-n3{margin-right: -1rem !important; margin-left: -1rem !important;}.mx-lg-n4{margin-right: -1.5rem !important; margin-left: -1.5rem !important;}.mx-lg-n5{margin-right: -3rem !important; margin-left: -3rem !important;}.my-lg-n1{margin-top: -0.25rem !important; margin-bottom: -0.25rem !important;}.my-lg-n2{margin-top: -0.5rem !important; margin-bottom: -0.5rem !important;}.my-lg-n3{margin-top: -1rem !important; margin-bottom: -1rem !important;}.my-lg-n4{margin-top: -1.5rem !important; margin-bottom: -1.5rem !important;}.my-lg-n5{margin-top: -3rem !important; margin-bottom: -3rem !important;}.mt-lg-n1{margin-top: -0.25rem !important;}.mt-lg-n2{margin-top: -0.5rem !important;}.mt-lg-n3{margin-top: -1rem !important;}.mt-lg-n4{margin-top: -1.5rem !important;}.mt-lg-n5{margin-top: -3rem !important;}.me-lg-n1{margin-right: -0.25rem !important;}.me-lg-n2{margin-right: -0.5rem !important;}.me-lg-n3{margin-right: -1rem !important;}.me-lg-n4{margin-right: -1.5rem !important;}.me-lg-n5{margin-right: -3rem !important;}.mb-lg-n1{margin-bottom: -0.25rem !important;}.mb-lg-n2{margin-bottom: -0.5rem !important;}.mb-lg-n3{margin-bottom: -1rem !important;}.mb-lg-n4{margin-bottom: -1.5rem !important;}.mb-lg-n5{margin-bottom: -3rem !important;}.ms-lg-n1{margin-left: -0.25rem !important;}.ms-lg-n2{margin-left: -0.5rem !important;}.ms-lg-n3{margin-left: -1rem !important;}.ms-lg-n4{margin-left: -1.5rem !important;}.ms-lg-n5{margin-left: -3rem !important;}.p-lg-0{padding: 0 !important;}.p-lg-1{padding: 0.25rem !important;}.p-lg-2{padding: 0.5rem !important;}.p-lg-3{padding: 1rem !important;}.p-lg-4{padding: 1.5rem !important;}.p-lg-5{padding: 3rem !important;}.px-lg-0{padding-right: 0 !important; padding-left: 0 !important;}.px-lg-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}.px-lg-2{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}.px-lg-3{padding-right: 1rem !important; padding-left: 1rem !important;}.px-lg-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}.px-lg-5{padding-right: 3rem !important; padding-left: 3rem !important;}.py-lg-0{padding-top: 0 !important; padding-bottom: 0 !important;}.py-lg-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}.py-lg-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}.py-lg-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}.py-lg-4{padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}.py-lg-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}.pt-lg-0{padding-top: 0 !important;}.pt-lg-1{padding-top: 0.25rem !important;}.pt-lg-2{padding-top: 0.5rem !important;}.pt-lg-3{padding-top: 1rem !important;}.pt-lg-4{padding-top: 1.5rem !important;}.pt-lg-5{padding-top: 3rem !important;}.pe-lg-0{padding-right: 0 !important;}.pe-lg-1{padding-right: 0.25rem !important;}.pe-lg-2{padding-right: 0.5rem !important;}.pe-lg-3{padding-right: 1rem !important;}.pe-lg-4{padding-right: 1.5rem !important;}.pe-lg-5{padding-right: 3rem !important;}.pb-lg-0{padding-bottom: 0 !important;}.pb-lg-1{padding-bottom: 0.25rem !important;}.pb-lg-2{padding-bottom: 0.5rem !important;}.pb-lg-3{padding-bottom: 1rem !important;}.pb-lg-4{padding-bottom: 1.5rem !important;}.pb-lg-5{padding-bottom: 3rem !important;}.ps-lg-0{padding-left: 0 !important;}.ps-lg-1{padding-left: 0.25rem !important;}.ps-lg-2{padding-left: 0.5rem !important;}.ps-lg-3{padding-left: 1rem !important;}.ps-lg-4{padding-left: 1.5rem !important;}.ps-lg-5{padding-left: 3rem !important;}.gap-lg-0{gap: 0 !important;}.gap-lg-1{gap: 0.25rem !important;}.gap-lg-2{gap: 0.5rem !important;}.gap-lg-3{gap: 1rem !important;}.gap-lg-4{gap: 1.5rem !important;}.gap-lg-5{gap: 3rem !important;}.row-gap-lg-0{row-gap: 0 !important;}.row-gap-lg-1{row-gap: 0.25rem !important;}.row-gap-lg-2{row-gap: 0.5rem !important;}.row-gap-lg-3{row-gap: 1rem !important;}.row-gap-lg-4{row-gap: 1.5rem !important;}.row-gap-lg-5{row-gap: 3rem !important;}.column-gap-lg-0{column-gap: 0 !important;}.column-gap-lg-1{column-gap: 0.25rem !important;}.column-gap-lg-2{column-gap: 0.5rem !important;}.column-gap-lg-3{column-gap: 1rem !important;}.column-gap-lg-4{column-gap: 1.5rem !important;}.column-gap-lg-5{column-gap: 3rem !important;}.text-lg-start{text-align: left !important;}.text-lg-end{text-align: right !important;}.text-lg-center{text-align: center !important;}.flex-basis-lg-0{flex-basis: 0 !important;}.flex-basis-lg-25{flex-basis: 25% !important;}.flex-basis-lg-50{flex-basis: 50% !important;}.flex-basis-lg-75{flex-basis: 75% !important;}.flex-basis-lg-100{flex-basis: 100% !important;}.flex-basis-lg-auto{flex-basis: auto !important;}}@media (min-width: 1200px){.float-xl-start{float: left !important;}.float-xl-end{float: right !important;}.float-xl-none{float: none !important;}.object-fit-xl-contain{object-fit: contain !important;}.object-fit-xl-cover{object-fit: cover !important;}.object-fit-xl-fill{object-fit: fill !important;}.object-fit-xl-scale{object-fit: scale-down !important;}.object-fit-xl-none{object-fit: none !important;}.d-xl-inline{display: inline !important;}.d-xl-inline-block{display: inline-block !important;}.d-xl-block{display: block !important;}.d-xl-grid{display: grid !important;}.d-xl-inline-grid{display: inline-grid !important;}.d-xl-table{display: table !important;}.d-xl-table-row{display: table-row !important;}.d-xl-table-cell{display: table-cell !important;}.d-xl-flex{display: flex !important;}.d-xl-inline-flex{display: inline-flex !important;}.d-xl-none{display: none !important;}.d-xl-contents{display: contents !important;}.position-xl-static{position: static !important;}.position-xl-relative{position: relative !important;}.position-xl-absolute{position: absolute !important;}.position-xl-fixed{position: fixed !important;}.position-xl-sticky{position: sticky !important;}.w-xl-0{width: 0 !important;}.w-xl-25{width: 25% !important;}.w-xl-50{width: 50% !important;}.w-xl-75{width: 75% !important;}.w-xl-100{width: 100% !important;}.w-xl-auto{width: auto !important;}.mw-xl-0{max-width: 0 !important;}.mw-xl-25{max-width: 25% !important;}.mw-xl-50{max-width: 50% !important;}.mw-xl-75{max-width: 75% !important;}.mw-xl-100{max-width: 100% !important;}.mw-xl-auto{max-width: auto !important;}.h-xl-0{height: 0 !important;}.h-xl-25{height: 25% !important;}.h-xl-50{height: 50% !important;}.h-xl-75{height: 75% !important;}.h-xl-100{height: 100% !important;}.h-xl-auto{height: auto !important;}.mh-xl-0{max-height: 0 !important;}.mh-xl-25{max-height: 25% !important;}.mh-xl-50{max-height: 50% !important;}.mh-xl-75{max-height: 75% !important;}.mh-xl-100{max-height: 100% !important;}.mh-xl-auto{max-height: auto !important;}.flex-xl-fill{flex: 1 1 auto !important;}.flex-xl-row{flex-direction: row !important;}.flex-xl-column{flex-direction: column !important;}.flex-xl-row-reverse{flex-direction: row-reverse !important;}.flex-xl-column-reverse{flex-direction: column-reverse !important;}.flex-xl-grow-0{flex-grow: 0 !important;}.flex-xl-grow-1{flex-grow: 1 !important;}.flex-xl-shrink-0{flex-shrink: 0 !important;}.flex-xl-shrink-1{flex-shrink: 1 !important;}.flex-xl-wrap{flex-wrap: wrap !important;}.flex-xl-nowrap{flex-wrap: nowrap !important;}.flex-xl-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-xl-start{justify-content: flex-start !important;}.justify-content-xl-end{justify-content: flex-end !important;}.justify-content-xl-center{justify-content: center !important;}.justify-content-xl-between{justify-content: space-between !important;}.justify-content-xl-around{justify-content: space-around !important;}.justify-content-xl-evenly{justify-content: space-evenly !important;}.align-items-xl-start{align-items: flex-start !important;}.align-items-xl-end{align-items: flex-end !important;}.align-items-xl-center{align-items: center !important;}.align-items-xl-baseline{align-items: baseline !important;}.align-items-xl-stretch{align-items: stretch !important;}.align-content-xl-start{align-content: flex-start !important;}.align-content-xl-end{align-content: flex-end !important;}.align-content-xl-center{align-content: center !important;}.align-content-xl-between{align-content: space-between !important;}.align-content-xl-around{align-content: space-around !important;}.align-content-xl-stretch{align-content: stretch !important;}.align-self-xl-auto{align-self: auto !important;}.align-self-xl-start{align-self: flex-start !important;}.align-self-xl-end{align-self: flex-end !important;}.align-self-xl-center{align-self: center !important;}.align-self-xl-baseline{align-self: baseline !important;}.align-self-xl-stretch{align-self: stretch !important;}.order-xl-first{order: -1 !important;}.order-xl-last{order: 13 !important;}.order-xl-0{order: 0 !important;}.order-xl-1{order: 1 !important;}.order-xl-2{order: 2 !important;}.order-xl-3{order: 3 !important;}.order-xl-4{order: 4 !important;}.order-xl-5{order: 5 !important;}.order-xl-6{order: 6 !important;}.order-xl-7{order: 7 !important;}.order-xl-8{order: 8 !important;}.order-xl-9{order: 9 !important;}.order-xl-10{order: 10 !important;}.order-xl-11{order: 11 !important;}.order-xl-12{order: 12 !important;}.m-xl-0{margin: 0 !important;}.m-xl-1{margin: 0.25rem !important;}.m-xl-2{margin: 0.5rem !important;}.m-xl-3{margin: 1rem !important;}.m-xl-4{margin: 1.5rem !important;}.m-xl-5{margin: 3rem !important;}.m-xl-auto{margin: auto !important;}.mx-xl-0{margin-right: 0 !important; margin-left: 0 !important;}.mx-xl-1{margin-right: 0.25rem !important; margin-left: 0.25rem !important;}.mx-xl-2{margin-right: 0.5rem !important; margin-left: 0.5rem !important;}.mx-xl-3{margin-right: 1rem !important; margin-left: 1rem !important;}.mx-xl-4{margin-right: 1.5rem !important; margin-left: 1.5rem !important;}.mx-xl-5{margin-right: 3rem !important; margin-left: 3rem !important;}.mx-xl-auto{margin-right: auto !important; margin-left: auto !important;}.my-xl-0{margin-top: 0 !important; margin-bottom: 0 !important;}.my-xl-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}.my-xl-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}.my-xl-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-xl-4{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}.my-xl-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-xl-auto{margin-top: auto !important; margin-bottom: auto !important;}.mt-xl-0{margin-top: 0 !important;}.mt-xl-1{margin-top: 0.25rem !important;}.mt-xl-2{margin-top: 0.5rem !important;}.mt-xl-3{margin-top: 1rem !important;}.mt-xl-4{margin-top: 1.5rem !important;}.mt-xl-5{margin-top: 3rem !important;}.mt-xl-auto{margin-top: auto !important;}.me-xl-0{margin-right: 0 !important;}.me-xl-1{margin-right: 0.25rem !important;}.me-xl-2{margin-right: 0.5rem !important;}.me-xl-3{margin-right: 1rem !important;}.me-xl-4{margin-right: 1.5rem !important;}.me-xl-5{margin-right: 3rem !important;}.me-xl-auto{margin-right: auto !important;}.mb-xl-0{margin-bottom: 0 !important;}.mb-xl-1{margin-bottom: 0.25rem !important;}.mb-xl-2{margin-bottom: 0.5rem !important;}.mb-xl-3{margin-bottom: 1rem !important;}.mb-xl-4{margin-bottom: 1.5rem !important;}.mb-xl-5{margin-bottom: 3rem !important;}.mb-xl-auto{margin-bottom: auto !important;}.ms-xl-0{margin-left: 0 !important;}.ms-xl-1{margin-left: 0.25rem !important;}.ms-xl-2{margin-left: 0.5rem !important;}.ms-xl-3{margin-left: 1rem !important;}.ms-xl-4{margin-left: 1.5rem !important;}.ms-xl-5{margin-left: 3rem !important;}.ms-xl-auto{margin-left: auto !important;}.m-xl-n1{margin: -0.25rem !important;}.m-xl-n2{margin: -0.5rem !important;}.m-xl-n3{margin: -1rem !important;}.m-xl-n4{margin: -1.5rem !important;}.m-xl-n5{margin: -3rem !important;}.mx-xl-n1{margin-right: -0.25rem !important; margin-left: -0.25rem !important;}.mx-xl-n2{margin-right: -0.5rem !important; margin-left: -0.5rem !important;}.mx-xl-n3{margin-right: -1rem !important; margin-left: -1rem !important;}.mx-xl-n4{margin-right: -1.5rem !important; margin-left: -1.5rem !important;}.mx-xl-n5{margin-right: -3rem !important; margin-left: -3rem !important;}.my-xl-n1{margin-top: -0.25rem !important; margin-bottom: -0.25rem !important;}.my-xl-n2{margin-top: -0.5rem !important; margin-bottom: -0.5rem !important;}.my-xl-n3{margin-top: -1rem !important; margin-bottom: -1rem !important;}.my-xl-n4{margin-top: -1.5rem !important; margin-bottom: -1.5rem !important;}.my-xl-n5{margin-top: -3rem !important; margin-bottom: -3rem !important;}.mt-xl-n1{margin-top: -0.25rem !important;}.mt-xl-n2{margin-top: -0.5rem !important;}.mt-xl-n3{margin-top: -1rem !important;}.mt-xl-n4{margin-top: -1.5rem !important;}.mt-xl-n5{margin-top: -3rem !important;}.me-xl-n1{margin-right: -0.25rem !important;}.me-xl-n2{margin-right: -0.5rem !important;}.me-xl-n3{margin-right: -1rem !important;}.me-xl-n4{margin-right: -1.5rem !important;}.me-xl-n5{margin-right: -3rem !important;}.mb-xl-n1{margin-bottom: -0.25rem !important;}.mb-xl-n2{margin-bottom: -0.5rem !important;}.mb-xl-n3{margin-bottom: -1rem !important;}.mb-xl-n4{margin-bottom: -1.5rem !important;}.mb-xl-n5{margin-bottom: -3rem !important;}.ms-xl-n1{margin-left: -0.25rem !important;}.ms-xl-n2{margin-left: -0.5rem !important;}.ms-xl-n3{margin-left: -1rem !important;}.ms-xl-n4{margin-left: -1.5rem !important;}.ms-xl-n5{margin-left: -3rem !important;}.p-xl-0{padding: 0 !important;}.p-xl-1{padding: 0.25rem !important;}.p-xl-2{padding: 0.5rem !important;}.p-xl-3{padding: 1rem !important;}.p-xl-4{padding: 1.5rem !important;}.p-xl-5{padding: 3rem !important;}.px-xl-0{padding-right: 0 !important; padding-left: 0 !important;}.px-xl-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}.px-xl-2{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}.px-xl-3{padding-right: 1rem !important; padding-left: 1rem !important;}.px-xl-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}.px-xl-5{padding-right: 3rem !important; padding-left: 3rem !important;}.py-xl-0{padding-top: 0 !important; padding-bottom: 0 !important;}.py-xl-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}.py-xl-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}.py-xl-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}.py-xl-4{padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}.py-xl-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}.pt-xl-0{padding-top: 0 !important;}.pt-xl-1{padding-top: 0.25rem !important;}.pt-xl-2{padding-top: 0.5rem !important;}.pt-xl-3{padding-top: 1rem !important;}.pt-xl-4{padding-top: 1.5rem !important;}.pt-xl-5{padding-top: 3rem !important;}.pe-xl-0{padding-right: 0 !important;}.pe-xl-1{padding-right: 0.25rem !important;}.pe-xl-2{padding-right: 0.5rem !important;}.pe-xl-3{padding-right: 1rem !important;}.pe-xl-4{padding-right: 1.5rem !important;}.pe-xl-5{padding-right: 3rem !important;}.pb-xl-0{padding-bottom: 0 !important;}.pb-xl-1{padding-bottom: 0.25rem !important;}.pb-xl-2{padding-bottom: 0.5rem !important;}.pb-xl-3{padding-bottom: 1rem !important;}.pb-xl-4{padding-bottom: 1.5rem !important;}.pb-xl-5{padding-bottom: 3rem !important;}.ps-xl-0{padding-left: 0 !important;}.ps-xl-1{padding-left: 0.25rem !important;}.ps-xl-2{padding-left: 0.5rem !important;}.ps-xl-3{padding-left: 1rem !important;}.ps-xl-4{padding-left: 1.5rem !important;}.ps-xl-5{padding-left: 3rem !important;}.gap-xl-0{gap: 0 !important;}.gap-xl-1{gap: 0.25rem !important;}.gap-xl-2{gap: 0.5rem !important;}.gap-xl-3{gap: 1rem !important;}.gap-xl-4{gap: 1.5rem !important;}.gap-xl-5{gap: 3rem !important;}.row-gap-xl-0{row-gap: 0 !important;}.row-gap-xl-1{row-gap: 0.25rem !important;}.row-gap-xl-2{row-gap: 0.5rem !important;}.row-gap-xl-3{row-gap: 1rem !important;}.row-gap-xl-4{row-gap: 1.5rem !important;}.row-gap-xl-5{row-gap: 3rem !important;}.column-gap-xl-0{column-gap: 0 !important;}.column-gap-xl-1{column-gap: 0.25rem !important;}.column-gap-xl-2{column-gap: 0.5rem !important;}.column-gap-xl-3{column-gap: 1rem !important;}.column-gap-xl-4{column-gap: 1.5rem !important;}.column-gap-xl-5{column-gap: 3rem !important;}.text-xl-start{text-align: left !important;}.text-xl-end{text-align: right !important;}.text-xl-center{text-align: center !important;}.flex-basis-xl-0{flex-basis: 0 !important;}.flex-basis-xl-25{flex-basis: 25% !important;}.flex-basis-xl-50{flex-basis: 50% !important;}.flex-basis-xl-75{flex-basis: 75% !important;}.flex-basis-xl-100{flex-basis: 100% !important;}.flex-basis-xl-auto{flex-basis: auto !important;}}@media (min-width: 1400px){.float-xxl-start{float: left !important;}.float-xxl-end{float: right !important;}.float-xxl-none{float: none !important;}.object-fit-xxl-contain{object-fit: contain !important;}.object-fit-xxl-cover{object-fit: cover !important;}.object-fit-xxl-fill{object-fit: fill !important;}.object-fit-xxl-scale{object-fit: scale-down !important;}.object-fit-xxl-none{object-fit: none !important;}.d-xxl-inline{display: inline !important;}.d-xxl-inline-block{display: inline-block !important;}.d-xxl-block{display: block !important;}.d-xxl-grid{display: grid !important;}.d-xxl-inline-grid{display: inline-grid !important;}.d-xxl-table{display: table !important;}.d-xxl-table-row{display: table-row !important;}.d-xxl-table-cell{display: table-cell !important;}.d-xxl-flex{display: flex !important;}.d-xxl-inline-flex{display: inline-flex !important;}.d-xxl-none{display: none !important;}.d-xxl-contents{display: contents !important;}.position-xxl-static{position: static !important;}.position-xxl-relative{position: relative !important;}.position-xxl-absolute{position: absolute !important;}.position-xxl-fixed{position: fixed !important;}.position-xxl-sticky{position: sticky !important;}.w-xxl-0{width: 0 !important;}.w-xxl-25{width: 25% !important;}.w-xxl-50{width: 50% !important;}.w-xxl-75{width: 75% !important;}.w-xxl-100{width: 100% !important;}.w-xxl-auto{width: auto !important;}.mw-xxl-0{max-width: 0 !important;}.mw-xxl-25{max-width: 25% !important;}.mw-xxl-50{max-width: 50% !important;}.mw-xxl-75{max-width: 75% !important;}.mw-xxl-100{max-width: 100% !important;}.mw-xxl-auto{max-width: auto !important;}.h-xxl-0{height: 0 !important;}.h-xxl-25{height: 25% !important;}.h-xxl-50{height: 50% !important;}.h-xxl-75{height: 75% !important;}.h-xxl-100{height: 100% !important;}.h-xxl-auto{height: auto !important;}.mh-xxl-0{max-height: 0 !important;}.mh-xxl-25{max-height: 25% !important;}.mh-xxl-50{max-height: 50% !important;}.mh-xxl-75{max-height: 75% !important;}.mh-xxl-100{max-height: 100% !important;}.mh-xxl-auto{max-height: auto !important;}.flex-xxl-fill{flex: 1 1 auto !important;}.flex-xxl-row{flex-direction: row !important;}.flex-xxl-column{flex-direction: column !important;}.flex-xxl-row-reverse{flex-direction: row-reverse !important;}.flex-xxl-column-reverse{flex-direction: column-reverse !important;}.flex-xxl-grow-0{flex-grow: 0 !important;}.flex-xxl-grow-1{flex-grow: 1 !important;}.flex-xxl-shrink-0{flex-shrink: 0 !important;}.flex-xxl-shrink-1{flex-shrink: 1 !important;}.flex-xxl-wrap{flex-wrap: wrap !important;}.flex-xxl-nowrap{flex-wrap: nowrap !important;}.flex-xxl-wrap-reverse{flex-wrap: wrap-reverse !important;}.justify-content-xxl-start{justify-content: flex-start !important;}.justify-content-xxl-end{justify-content: flex-end !important;}.justify-content-xxl-center{justify-content: center !important;}.justify-content-xxl-between{justify-content: space-between !important;}.justify-content-xxl-around{justify-content: space-around !important;}.justify-content-xxl-evenly{justify-content: space-evenly !important;}.align-items-xxl-start{align-items: flex-start !important;}.align-items-xxl-end{align-items: flex-end !important;}.align-items-xxl-center{align-items: center !important;}.align-items-xxl-baseline{align-items: baseline !important;}.align-items-xxl-stretch{align-items: stretch !important;}.align-content-xxl-start{align-content: flex-start !important;}.align-content-xxl-end{align-content: flex-end !important;}.align-content-xxl-center{align-content: center !important;}.align-content-xxl-between{align-content: space-between !important;}.align-content-xxl-around{align-content: space-around !important;}.align-content-xxl-stretch{align-content: stretch !important;}.align-self-xxl-auto{align-self: auto !important;}.align-self-xxl-start{align-self: flex-start !important;}.align-self-xxl-end{align-self: flex-end !important;}.align-self-xxl-center{align-self: center !important;}.align-self-xxl-baseline{align-self: baseline !important;}.align-self-xxl-stretch{align-self: stretch !important;}.order-xxl-first{order: -1 !important;}.order-xxl-last{order: 13 !important;}.order-xxl-0{order: 0 !important;}.order-xxl-1{order: 1 !important;}.order-xxl-2{order: 2 !important;}.order-xxl-3{order: 3 !important;}.order-xxl-4{order: 4 !important;}.order-xxl-5{order: 5 !important;}.order-xxl-6{order: 6 !important;}.order-xxl-7{order: 7 !important;}.order-xxl-8{order: 8 !important;}.order-xxl-9{order: 9 !important;}.order-xxl-10{order: 10 !important;}.order-xxl-11{order: 11 !important;}.order-xxl-12{order: 12 !important;}.m-xxl-0{margin: 0 !important;}.m-xxl-1{margin: 0.25rem !important;}.m-xxl-2{margin: 0.5rem !important;}.m-xxl-3{margin: 1rem !important;}.m-xxl-4{margin: 1.5rem !important;}.m-xxl-5{margin: 3rem !important;}.m-xxl-auto{margin: auto !important;}.mx-xxl-0{margin-right: 0 !important; margin-left: 0 !important;}.mx-xxl-1{margin-right: 0.25rem !important; margin-left: 0.25rem !important;}.mx-xxl-2{margin-right: 0.5rem !important; margin-left: 0.5rem !important;}.mx-xxl-3{margin-right: 1rem !important; margin-left: 1rem !important;}.mx-xxl-4{margin-right: 1.5rem !important; margin-left: 1.5rem !important;}.mx-xxl-5{margin-right: 3rem !important; margin-left: 3rem !important;}.mx-xxl-auto{margin-right: auto !important; margin-left: auto !important;}.my-xxl-0{margin-top: 0 !important; margin-bottom: 0 !important;}.my-xxl-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}.my-xxl-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}.my-xxl-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-xxl-4{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}.my-xxl-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-xxl-auto{margin-top: auto !important; margin-bottom: auto !important;}.mt-xxl-0{margin-top: 0 !important;}.mt-xxl-1{margin-top: 0.25rem !important;}.mt-xxl-2{margin-top: 0.5rem !important;}.mt-xxl-3{margin-top: 1rem !important;}.mt-xxl-4{margin-top: 1.5rem !important;}.mt-xxl-5{margin-top: 3rem !important;}.mt-xxl-auto{margin-top: auto !important;}.me-xxl-0{margin-right: 0 !important;}.me-xxl-1{margin-right: 0.25rem !important;}.me-xxl-2{margin-right: 0.5rem !important;}.me-xxl-3{margin-right: 1rem !important;}.me-xxl-4{margin-right: 1.5rem !important;}.me-xxl-5{margin-right: 3rem !important;}.me-xxl-auto{margin-right: auto !important;}.mb-xxl-0{margin-bottom: 0 !important;}.mb-xxl-1{margin-bottom: 0.25rem !important;}.mb-xxl-2{margin-bottom: 0.5rem !important;}.mb-xxl-3{margin-bottom: 1rem !important;}.mb-xxl-4{margin-bottom: 1.5rem !important;}.mb-xxl-5{margin-bottom: 3rem !important;}.mb-xxl-auto{margin-bottom: auto !important;}.ms-xxl-0{margin-left: 0 !important;}.ms-xxl-1{margin-left: 0.25rem !important;}.ms-xxl-2{margin-left: 0.5rem !important;}.ms-xxl-3{margin-left: 1rem !important;}.ms-xxl-4{margin-left: 1.5rem !important;}.ms-xxl-5{margin-left: 3rem !important;}.ms-xxl-auto{margin-left: auto !important;}.m-xxl-n1{margin: -0.25rem !important;}.m-xxl-n2{margin: -0.5rem !important;}.m-xxl-n3{margin: -1rem !important;}.m-xxl-n4{margin: -1.5rem !important;}.m-xxl-n5{margin: -3rem !important;}.mx-xxl-n1{margin-right: -0.25rem !important; margin-left: -0.25rem !important;}.mx-xxl-n2{margin-right: -0.5rem !important; margin-left: -0.5rem !important;}.mx-xxl-n3{margin-right: -1rem !important; margin-left: -1rem !important;}.mx-xxl-n4{margin-right: -1.5rem !important; margin-left: -1.5rem !important;}.mx-xxl-n5{margin-right: -3rem !important; margin-left: -3rem !important;}.my-xxl-n1{margin-top: -0.25rem !important; margin-bottom: -0.25rem !important;}.my-xxl-n2{margin-top: -0.5rem !important; margin-bottom: -0.5rem !important;}.my-xxl-n3{margin-top: -1rem !important; margin-bottom: -1rem !important;}.my-xxl-n4{margin-top: -1.5rem !important; margin-bottom: -1.5rem !important;}.my-xxl-n5{margin-top: -3rem !important; margin-bottom: -3rem !important;}.mt-xxl-n1{margin-top: -0.25rem !important;}.mt-xxl-n2{margin-top: -0.5rem !important;}.mt-xxl-n3{margin-top: -1rem !important;}.mt-xxl-n4{margin-top: -1.5rem !important;}.mt-xxl-n5{margin-top: -3rem !important;}.me-xxl-n1{margin-right: -0.25rem !important;}.me-xxl-n2{margin-right: -0.5rem !important;}.me-xxl-n3{margin-right: -1rem !important;}.me-xxl-n4{margin-right: -1.5rem !important;}.me-xxl-n5{margin-right: -3rem !important;}.mb-xxl-n1{margin-bottom: -0.25rem !important;}.mb-xxl-n2{margin-bottom: -0.5rem !important;}.mb-xxl-n3{margin-bottom: -1rem !important;}.mb-xxl-n4{margin-bottom: -1.5rem !important;}.mb-xxl-n5{margin-bottom: -3rem !important;}.ms-xxl-n1{margin-left: -0.25rem !important;}.ms-xxl-n2{margin-left: -0.5rem !important;}.ms-xxl-n3{margin-left: -1rem !important;}.ms-xxl-n4{margin-left: -1.5rem !important;}.ms-xxl-n5{margin-left: -3rem !important;}.p-xxl-0{padding: 0 !important;}.p-xxl-1{padding: 0.25rem !important;}.p-xxl-2{padding: 0.5rem !important;}.p-xxl-3{padding: 1rem !important;}.p-xxl-4{padding: 1.5rem !important;}.p-xxl-5{padding: 3rem !important;}.px-xxl-0{padding-right: 0 !important; padding-left: 0 !important;}.px-xxl-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}.px-xxl-2{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}.px-xxl-3{padding-right: 1rem !important; padding-left: 1rem !important;}.px-xxl-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}.px-xxl-5{padding-right: 3rem !important; padding-left: 3rem !important;}.py-xxl-0{padding-top: 0 !important; padding-bottom: 0 !important;}.py-xxl-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}.py-xxl-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}.py-xxl-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}.py-xxl-4{padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}.py-xxl-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}.pt-xxl-0{padding-top: 0 !important;}.pt-xxl-1{padding-top: 0.25rem !important;}.pt-xxl-2{padding-top: 0.5rem !important;}.pt-xxl-3{padding-top: 1rem !important;}.pt-xxl-4{padding-top: 1.5rem !important;}.pt-xxl-5{padding-top: 3rem !important;}.pe-xxl-0{padding-right: 0 !important;}.pe-xxl-1{padding-right: 0.25rem !important;}.pe-xxl-2{padding-right: 0.5rem !important;}.pe-xxl-3{padding-right: 1rem !important;}.pe-xxl-4{padding-right: 1.5rem !important;}.pe-xxl-5{padding-right: 3rem !important;}.pb-xxl-0{padding-bottom: 0 !important;}.pb-xxl-1{padding-bottom: 0.25rem !important;}.pb-xxl-2{padding-bottom: 0.5rem !important;}.pb-xxl-3{padding-bottom: 1rem !important;}.pb-xxl-4{padding-bottom: 1.5rem !important;}.pb-xxl-5{padding-bottom: 3rem !important;}.ps-xxl-0{padding-left: 0 !important;}.ps-xxl-1{padding-left: 0.25rem !important;}.ps-xxl-2{padding-left: 0.5rem !important;}.ps-xxl-3{padding-left: 1rem !important;}.ps-xxl-4{padding-left: 1.5rem !important;}.ps-xxl-5{padding-left: 3rem !important;}.gap-xxl-0{gap: 0 !important;}.gap-xxl-1{gap: 0.25rem !important;}.gap-xxl-2{gap: 0.5rem !important;}.gap-xxl-3{gap: 1rem !important;}.gap-xxl-4{gap: 1.5rem !important;}.gap-xxl-5{gap: 3rem !important;}.row-gap-xxl-0{row-gap: 0 !important;}.row-gap-xxl-1{row-gap: 0.25rem !important;}.row-gap-xxl-2{row-gap: 0.5rem !important;}.row-gap-xxl-3{row-gap: 1rem !important;}.row-gap-xxl-4{row-gap: 1.5rem !important;}.row-gap-xxl-5{row-gap: 3rem !important;}.column-gap-xxl-0{column-gap: 0 !important;}.column-gap-xxl-1{column-gap: 0.25rem !important;}.column-gap-xxl-2{column-gap: 0.5rem !important;}.column-gap-xxl-3{column-gap: 1rem !important;}.column-gap-xxl-4{column-gap: 1.5rem !important;}.column-gap-xxl-5{column-gap: 3rem !important;}.text-xxl-start{text-align: left !important;}.text-xxl-end{text-align: right !important;}.text-xxl-center{text-align: center !important;}.flex-basis-xxl-0{flex-basis: 0 !important;}.flex-basis-xxl-25{flex-basis: 25% !important;}.flex-basis-xxl-50{flex-basis: 50% !important;}.flex-basis-xxl-75{flex-basis: 75% !important;}.flex-basis-xxl-100{flex-basis: 100% !important;}.flex-basis-xxl-auto{flex-basis: auto !important;}}@media (min-width: 1200px){.fs-1{font-size: 3rem !important;}.fs-2{font-size: 2.5rem !important;}.fs-3{font-size: 2rem !important;}.fs-4{font-size: 1.5rem !important;}}@media print{.d-print-inline{display: inline !important;}.d-print-inline-block{display: inline-block !important;}.d-print-block{display: block !important;}.d-print-grid{display: grid !important;}.d-print-inline-grid{display: inline-grid !important;}.d-print-table{display: table !important;}.d-print-table-row{display: table-row !important;}.d-print-table-cell{display: table-cell !important;}.d-print-flex{display: flex !important;}.d-print-inline-flex{display: inline-flex !important;}.d-print-none{display: none !important;}.d-print-contents{display: contents !important;}} /* /web/static/src/scss/bootstrap_review.scss */ .alert{clear: both;}.accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child{margin-top: var(--border-width);}.toast-header{background-clip: border-box;}@media (min-width: 576px){:not(.s_popup) > .modal .modal-dialog{height: 100%; padding: 1.75rem 0; margin: 0 auto;}:not(.s_popup) > .modal .modal-content{max-height: 100%;}:not(.s_popup) > .modal .modal-header, :not(.s_popup) > .modal .modal-footer{flex: 0 0 auto;}:not(.s_popup) > .modal .modal-body{overflow: auto; min-height: 0;}}.modal-backdrop{display: none;}.modal:not([data-bs-backdrop="false"]){background-color: rgba(0, 0, 0, 0.5);}.form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label{cursor: pointer;}.form-check:hover, .form-check:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader){border-color: #714B67;}.form-select:where(:not(:disabled)):hover{border-color: #714B67;}.dropdown-menu[x-placement^="top"], .o_dropdown_menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .o_dropdown_menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .o_dropdown_menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .o_dropdown_menu[x-placement^="left"]{right: auto;}.popover{right: auto;}.carousel-indicators{list-style: none;}@keyframes progress-bar-stripes{0%{background-position-x: var(--progress-height, 1rem);}}.btn:focus-visible{box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem RGBA(124, 95, 116, 0.5));} /* /web/static/src/scss/bootstrap_review_frontend.scss */ .bg-100{--background-color: #F8F9FA; --color: #212529; background-color: #F8F9FA !important; color: #212529;}.bg-100 .text-muted, .o_colored_level .bg-100 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-100:hover, a.bg-100:focus, button.bg-100:hover, button.bg-100:focus{--background-color: #dae0e5; --color: #212529; background-color: #dae0e5 !important; color: #212529;}.text-100{color: #F8F9FA !important;}a.text-100:hover, a.text-100:focus{color: #bdc6d0 !important;}.bg-200{--background-color: #E9ECEF; --color: #212529; background-color: #E9ECEF !important; color: #212529;}.bg-200 .text-muted, .o_colored_level .bg-200 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-200:hover, a.bg-200:focus, button.bg-200:hover, button.bg-200:focus{--background-color: #cbd3da; --color: #212529; background-color: #cbd3da !important; color: #212529;}.text-200{color: #E9ECEF !important;}a.text-200:hover, a.text-200:focus{color: #aeb9c4 !important;}.bg-300{--background-color: #DEE2E6; --color: #212529; background-color: #DEE2E6 !important; color: #212529;}.bg-300 .text-muted, .o_colored_level .bg-300 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-300:hover, a.bg-300:focus, button.bg-300:hover, button.bg-300:focus{--background-color: #c1c9d0; --color: #212529; background-color: #c1c9d0 !important; color: #212529;}.text-300{color: #DEE2E6 !important;}a.text-300:hover, a.text-300:focus{color: #a4afba !important;}.bg-400{--background-color: #CED4DA; --color: #212529; background-color: #CED4DA !important; color: #212529;}.bg-400 .text-muted, .o_colored_level .bg-400 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-400:hover, a.bg-400:focus, button.bg-400:hover, button.bg-400:focus{--background-color: #b1bbc4; --color: #212529; background-color: #b1bbc4 !important; color: #212529;}.text-400{color: #CED4DA !important;}a.text-400:hover, a.text-400:focus{color: #94a1ae !important;}.bg-500{--background-color: #ADB5BD; --color: #212529; background-color: #ADB5BD !important; color: #212529;}.bg-500 .text-muted, .o_colored_level .bg-500 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-500:hover, a.bg-500:focus, button.bg-500:hover, button.bg-500:focus{--background-color: #919ca6; --color: #212529; background-color: #919ca6 !important; color: #212529;}.text-500{color: #ADB5BD !important;}a.text-500:hover, a.text-500:focus{color: #748290 !important;}.bg-600{--background-color: #6C757D; --color: #FFFFFF; background-color: #6C757D !important; color: #FFFFFF;}.bg-600 .text-muted, .o_colored_level .bg-600 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-600:hover, a.bg-600:focus, button.bg-600:hover, button.bg-600:focus{--background-color: #545b62; --color: #FFFFFF; background-color: #545b62 !important; color: #FFFFFF;}.text-600{color: #6C757D !important;}a.text-600:hover, a.text-600:focus{color: #3d4246 !important;}.bg-700{--background-color: #495057; --color: #FFFFFF; background-color: #495057 !important; color: #FFFFFF;}.bg-700 .text-muted, .o_colored_level .bg-700 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-700:hover, a.bg-700:focus, button.bg-700:hover, button.bg-700:focus{--background-color: #32373b; --color: #FFFFFF; background-color: #32373b !important; color: #FFFFFF;}.text-700{color: #495057 !important;}a.text-700:hover, a.text-700:focus{color: #1a1d20 !important;}.bg-800{--background-color: #343A40; --color: #FFFFFF; background-color: #343A40 !important; color: #FFFFFF;}.bg-800 .text-muted, .o_colored_level .bg-800 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-800:hover, a.bg-800:focus, button.bg-800:hover, button.bg-800:focus{--background-color: #1d2124; --color: #FFFFFF; background-color: #1d2124 !important; color: #FFFFFF;}.text-800{color: #343A40 !important;}a.text-800:hover, a.text-800:focus{color: #060708 !important;}.bg-900{--background-color: #212529; --color: #FFFFFF; background-color: #212529 !important; color: #FFFFFF;}.bg-900 .text-muted, .o_colored_level .bg-900 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-900:hover, a.bg-900:focus, button.bg-900:hover, button.bg-900:focus{--background-color: #0a0c0d; --color: #FFFFFF; background-color: #0a0c0d !important; color: #FFFFFF;}.text-900{color: #212529 !important;}a.text-900:hover, a.text-900:focus{color: black !important;}.bg-white-85{--background-color: rgba(255, 255, 255, 0.85); --color: #212529; background-color: rgba(255, 255, 255, 0.85) !important; color: #212529;}.bg-white-85 .text-muted, .o_colored_level .bg-white-85 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white-85:hover, a.bg-white-85:focus, button.bg-white-85:hover, button.bg-white-85:focus{--background-color: rgba(230, 230, 230, 0.85); --color: #212529; background-color: rgba(230, 230, 230, 0.85) !important; color: #212529;}.text-white-85{color: rgba(255, 255, 255, 0.85) !important;}a.text-white-85:hover, a.text-white-85:focus{color: rgba(204, 204, 204, 0.85) !important;}.bg-white-75{--background-color: rgba(255, 255, 255, 0.75); --color: #212529; background-color: rgba(255, 255, 255, 0.75) !important; color: #212529;}.bg-white-75 .text-muted, .o_colored_level .bg-white-75 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white-75:hover, a.bg-white-75:focus, button.bg-white-75:hover, button.bg-white-75:focus{--background-color: rgba(230, 230, 230, 0.75); --color: #212529; background-color: rgba(230, 230, 230, 0.75) !important; color: #212529;}.text-white-75{color: rgba(255, 255, 255, 0.75) !important;}a.text-white-75:hover, a.text-white-75:focus{color: rgba(204, 204, 204, 0.75) !important;}.bg-white-50{--background-color: rgba(255, 255, 255, 0.5); --color: #212529; background-color: rgba(255, 255, 255, 0.5) !important; color: #212529;}.bg-white-50 .text-muted, .o_colored_level .bg-white-50 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white-50:hover, a.bg-white-50:focus, button.bg-white-50:hover, button.bg-white-50:focus{--background-color: rgba(230, 230, 230, 0.5); --color: #212529; background-color: rgba(230, 230, 230, 0.5) !important; color: #212529;}.text-white-50{color: rgba(255, 255, 255, 0.5) !important;}a.text-white-50:hover, a.text-white-50:focus{color: rgba(204, 204, 204, 0.5) !important;}.bg-white-25{--background-color: rgba(255, 255, 255, 0.25); --color: ; background-color: rgba(255, 255, 255, 0.25) !important;}a.bg-white-25:hover, a.bg-white-25:focus, button.bg-white-25:hover, button.bg-white-25:focus{--background-color: rgba(230, 230, 230, 0.25); --color: ; background-color: rgba(230, 230, 230, 0.25) !important;}.text-white-25{color: rgba(255, 255, 255, 0.25) !important;}a.text-white-25:hover, a.text-white-25:focus{color: rgba(204, 204, 204, 0.25) !important;}.bg-black-75{--background-color: rgba(0, 0, 0, 0.75); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF;}.bg-black-75 .text-muted, .o_colored_level .bg-black-75 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-black-75:hover, a.bg-black-75:focus, button.bg-black-75:hover, button.bg-black-75:focus{--background-color: rgba(0, 0, 0, 0.75); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF;}.text-black-75{color: rgba(0, 0, 0, 0.75) !important;}a.text-black-75:hover, a.text-black-75:focus{color: rgba(0, 0, 0, 0.75) !important;}.bg-black-50{--background-color: rgba(0, 0, 0, 0.5); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF;}.bg-black-50 .text-muted, .o_colored_level .bg-black-50 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-black-50:hover, a.bg-black-50:focus, button.bg-black-50:hover, button.bg-black-50:focus{--background-color: rgba(0, 0, 0, 0.5); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF;}.text-black-50{color: rgba(0, 0, 0, 0.5) !important;}a.text-black-50:hover, a.text-black-50:focus{color: rgba(0, 0, 0, 0.5) !important;}.bg-black-25{--background-color: rgba(0, 0, 0, 0.25); --color: ; background-color: rgba(0, 0, 0, 0.25) !important;}a.bg-black-25:hover, a.bg-black-25:focus, button.bg-black-25:hover, button.bg-black-25:focus{--background-color: rgba(0, 0, 0, 0.25); --color: ; background-color: rgba(0, 0, 0, 0.25) !important;}.text-black-25{color: rgba(0, 0, 0, 0.25) !important;}a.text-black-25:hover, a.text-black-25:focus{color: rgba(0, 0, 0, 0.25) !important;}.bg-black-15{--background-color: rgba(0, 0, 0, 0.15); --color: ; background-color: rgba(0, 0, 0, 0.15) !important;}a.bg-black-15:hover, a.bg-black-15:focus, button.bg-black-15:hover, button.bg-black-15:focus{--background-color: rgba(0, 0, 0, 0.15); --color: ; background-color: rgba(0, 0, 0, 0.15) !important;}.text-black-15{color: rgba(0, 0, 0, 0.15) !important;}a.text-black-15:hover, a.text-black-15:focus{color: rgba(0, 0, 0, 0.15) !important;}.bg-black{--background-color: #000000; --color: #FFFFFF; background-color: #000000 !important; color: #FFFFFF;}.bg-black .text-muted, .o_colored_level .bg-black .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus{--background-color: black; --color: #FFFFFF; background-color: black !important; color: #FFFFFF;}.text-black{color: #000000 !important;}a.text-black:hover, a.text-black:focus{color: black !important;}.bg-white{--background-color: #FFFFFF; --color: #212529; background-color: #FFFFFF !important; color: #212529;}.bg-white .text-muted, .o_colored_level .bg-white .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus{--background-color: #e6e6e6; --color: #212529; background-color: #e6e6e6 !important; color: #212529;}.text-white{color: #FFFFFF !important;}a.text-white:hover, a.text-white:focus{color: #cccccc !important;}.text-primary{color: #714B67 !important;}a.text-primary:hover, a.text-primary:focus{color: #34222f !important;}.text-secondary{color: #F0CDA8 !important;}a.text-secondary:hover, a.text-secondary:focus{color: #e19b51 !important;}.text-success{color: #28a745 !important;}a.text-success:hover, a.text-success:focus{color: #145523 !important;}.text-info{color: #17a2b8 !important;}a.text-info:hover, a.text-info:focus{color: #0c525d !important;}.text-warning{color: #ffc107 !important;}a.text-warning:hover, a.text-warning:focus{color: #a07800 !important;}.text-danger{color: #dc3545 !important;}a.text-danger:hover, a.text-danger:focus{color: #921925 !important;}.text-light{color: #F6F5F4 !important;}a.text-light:hover, a.text-light:focus{color: #c8c2bc !important;}.text-dark{color: #1B1319 !important;}a.text-dark:hover, a.text-dark:focus{color: black !important;}.card{--body-color: var(--card-color);}:where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body){--background-color: rgba(255, 255, 255, 0.9); --color: #212529; background-color: rgba(255, 255, 255, 0.9); color: #212529;}:where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .text-muted, .o_colored_level :where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body) .text-muted{color: rgba(33, 37, 41, 0.7) !important;}:where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body):first-child{border-top-left-radius: calc(var(--border-radius) - (var(--border-width))); border-top-right-radius: calc(var(--border-radius) - (var(--border-width)));}:where(.card:not([data-vxml])) .card-body:not(.card[data-vxml] .card-body):last-child{border-bottom-right-radius: calc(var(--border-radius) - (var(--border-width))); border-bottom-left-radius: calc(var(--border-radius) - (var(--border-width)));}.btn-fill-primary, .btn-primary{--btn-color: #FFFFFF; --btn-bg: #714B67; --btn-border-color: #714B67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714B67; --btn-disabled-border-color: #714B67;}.btn-fill-secondary, .btn-secondary{--btn-color: #212529; --btn-bg: #F0CDA8; --btn-border-color: #F0CDA8; --btn-hover-color: #212529; --btn-hover-bg: #f2d5b5; --btn-hover-border-color: #f2d2b1; --btn-focus-shadow-rgb: 209, 180, 149; --btn-active-color: #212529; --btn-active-bg: #f3d7b9; --btn-active-border-color: #f2d2b1; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F0CDA8; --btn-disabled-border-color: #F0CDA8;}.btn-fill-success, .btn-success{--btn-color: #FFFFFF; --btn-bg: #28a745; --btn-border-color: #28a745; --btn-hover-color: #FFFFFF; --btn-hover-bg: #228e3b; --btn-hover-border-color: #208637; --btn-focus-shadow-rgb: 72, 180, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #208637; --btn-active-border-color: #1e7d34; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #28a745; --btn-disabled-border-color: #28a745;}.btn-fill-info, .btn-info{--btn-color: #FFFFFF; --btn-bg: #17a2b8; --btn-border-color: #17a2b8; --btn-hover-color: #FFFFFF; --btn-hover-bg: #148a9c; --btn-hover-border-color: #128293; --btn-focus-shadow-rgb: 58, 176, 195; --btn-active-color: #FFFFFF; --btn-active-bg: #128293; --btn-active-border-color: #117a8a; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #17a2b8; --btn-disabled-border-color: #17a2b8;}.btn-fill-warning, .btn-warning{--btn-color: #212529; --btn-bg: #ffc107; --btn-border-color: #ffc107; --btn-hover-color: #212529; --btn-hover-bg: #ffca2c; --btn-hover-border-color: #ffc720; --btn-focus-shadow-rgb: 222, 170, 12; --btn-active-color: #212529; --btn-active-bg: #ffcd39; --btn-active-border-color: #ffc720; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #ffc107; --btn-disabled-border-color: #ffc107;}.btn-fill-danger, .btn-danger{--btn-color: #FFFFFF; --btn-bg: #dc3545; --btn-border-color: #dc3545; --btn-hover-color: #FFFFFF; --btn-hover-bg: #bb2d3b; --btn-hover-border-color: #b02a37; --btn-focus-shadow-rgb: 225, 83, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #b02a37; --btn-active-border-color: #a52834; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #dc3545; --btn-disabled-border-color: #dc3545;}.btn-fill-light, .btn-light{--btn-color: #212529; --btn-bg: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #f7f7f6; --btn-hover-border-color: #f7f6f5; --btn-focus-shadow-rgb: 214, 214, 214; --btn-active-color: #212529; --btn-active-bg: #f8f7f6; --btn-active-border-color: #f7f6f5; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F6F5F4; --btn-disabled-border-color: #F6F5F4;}.btn-fill-dark, .btn-dark{--btn-color: #FFFFFF; --btn-bg: #1B1319; --btn-border-color: #1B1319; --btn-hover-color: #FFFFFF; --btn-hover-bg: #171015; --btn-hover-border-color: #160f14; --btn-focus-shadow-rgb: 61, 54, 60; --btn-active-color: #FFFFFF; --btn-active-bg: #160f14; --btn-active-border-color: #140e13; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #1B1319; --btn-disabled-border-color: #1B1319;}.btn-outline-primary{--btn-color: #65435c; --btn-border-color: #65435c; --btn-hover-color: #FFFFFF; --btn-hover-bg: #65435c; --btn-hover-border-color: #65435c; --btn-focus-shadow-rgb: 100.73829787, 66.86170213, 91.82340426; --btn-active-color: #FFFFFF; --btn-active-bg: #65435c; --btn-active-border-color: #65435c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #65435c; --btn-disabled-bg: transparent; --btn-disabled-border-color: #65435c; --gradient: none;}.btn-outline-secondary{--btn-color: #dd8f3b; --btn-border-color: #dd8f3b; --btn-hover-color: #212529; --btn-hover-bg: #dd8f3b; --btn-hover-border-color: #dd8f3b; --btn-focus-shadow-rgb: 221.25, 142.5, 59.25; --btn-active-color: #212529; --btn-active-bg: #dd8f3b; --btn-active-border-color: #dd8f3b; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #dd8f3b; --btn-disabled-bg: transparent; --btn-disabled-border-color: #dd8f3b; --gradient: none;}.btn-outline-success{--btn-color: #269f42; --btn-border-color: #269f42; --btn-hover-color: #FFFFFF; --btn-hover-bg: #269f42; --btn-hover-border-color: #269f42; --btn-focus-shadow-rgb: 38.02898551, 158.77101449, 65.6; --btn-active-color: #FFFFFF; --btn-active-bg: #269f42; --btn-active-border-color: #269f42; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #269f42; --btn-disabled-bg: transparent; --btn-disabled-border-color: #269f42; --gradient: none;}.btn-outline-info{--btn-color: #107282; --btn-border-color: #107282; --btn-hover-color: #FFFFFF; --btn-hover-bg: #107282; --btn-hover-border-color: #107282; --btn-focus-shadow-rgb: 16.2, 114.10434783, 129.6; --btn-active-color: #FFFFFF; --btn-active-bg: #107282; --btn-active-border-color: #107282; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #107282; --btn-disabled-bg: transparent; --btn-disabled-border-color: #107282; --gradient: none;}.btn-outline-warning{--btn-color: #967000; --btn-border-color: #967000; --btn-hover-color: #FFFFFF; --btn-hover-bg: #967000; --btn-hover-border-color: #967000; --btn-focus-shadow-rgb: 149.8, 112.35, 0; --btn-active-color: #FFFFFF; --btn-active-bg: #967000; --btn-active-border-color: #967000; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #967000; --btn-disabled-bg: transparent; --btn-disabled-border-color: #967000; --gradient: none;}.btn-outline-danger{--btn-color: #b9202f; --btn-border-color: #b9202f; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b9202f; --btn-hover-border-color: #b9202f; --btn-focus-shadow-rgb: 184.86835443, 32.03164557, 46.67468354; --btn-active-color: #FFFFFF; --btn-active-bg: #b9202f; --btn-active-border-color: #b9202f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b9202f; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b9202f; --gradient: none;}.btn-outline-light{--btn-color: #bdb5ae; --btn-border-color: #bdb5ae; --btn-hover-color: #212529; --btn-hover-bg: #bdb5ae; --btn-hover-border-color: #bdb5ae; --btn-focus-shadow-rgb: 188.625, 181.25, 173.875; --btn-active-color: #212529; --btn-active-bg: #bdb5ae; --btn-active-border-color: #bdb5ae; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #bdb5ae; --btn-disabled-bg: transparent; --btn-disabled-border-color: #bdb5ae; --gradient: none;}.btn-outline-dark{--btn-color: #1B1319; --btn-border-color: #1B1319; --btn-hover-color: #FFFFFF; --btn-hover-bg: #1B1319; --btn-hover-border-color: #1B1319; --btn-focus-shadow-rgb: 27, 19, 25; --btn-active-color: #FFFFFF; --btn-active-bg: #1B1319; --btn-active-border-color: #1B1319; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #1B1319; --btn-disabled-bg: transparent; --btn-disabled-border-color: #1B1319; --gradient: none;}.btn-group .btn-light.active{box-shadow: inset 0 0 0 1px #714B67; border-color: transparent; background-color: #e9e4e6;}.navbar-dark .navbar-toggler{padding-left: 0; padding-right: 0;}.navbar-light .navbar-toggler{padding-left: 0; padding-right: 0;}.navbar-nav.nav-pills .nav-link{padding-right: 1rem; padding-left: 1rem;}.carousel-control-next .visually-hidden{left: 50%;}.pagination{font-variant-numeric: tabular-nums;}.page-link{display: flex; align-items: center; justify-content: center; line-height: 0; width: 2.5em; aspect-ratio: 1 / 1;}.page-link.active, .active > .page-link{text-shadow: 0 0 0.1em var(--pagination-active-bg);}@media (max-width: 575.98px){.offcanvas{--Offcanvas-horizontal-width: calc(100vw - 3rem);}}.modal-content{color: #212529;}.modal-content:where(:not(.oe_structure)) .form-control{background-color: #FFFFFF; color: #212529;}.modal-content:where(:not(.oe_structure)) .form-select{background-color: #FFFFFF; color: #212529;}.modal-content:where(:not(.oe_structure)) .form-check-input:not(:checked){background-color: #FFFFFF;}.modal-content .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.form-check-input{color: inherit;}.form-control.bg-light{color: #212529;}.form-control.bg-light::-webkit-search-cancel-button{-webkit-appearance: none; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height: 0.875rem; cursor: pointer;}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height: 0.875rem; cursor: pointer;}.input-group .btn:first-child, .input-group .btn:last-child{border-radius: var(--border-radius);}.dropdown-menu .text-muted, .o_dropdown_menu .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.dropdown-menu .dropdown-item.active, .o_dropdown_menu .dropdown-item.active{--dropdown-link-active-bg: #714B67; --dropdown-link-active-color: #FFFFFF;}.form-select{background-clip: padding-box;}.form-select:disabled:not([multiple]):where(:not([size]), [size="1"]), .form-select.o_wysiwyg_loader:not([multiple]):where(:not([size]), [size="1"]){background-image: url("data:image/svg+xml,");}.form-control:disabled, .form-control.o_wysiwyg_loader, .form-control[readonly]{color: #909294;}.form-check-input:disabled:not(:checked), .form-check-input.o_wysiwyg_loader:not(:checked){background-color: #e9e9ea;}.form-switch .form-check-input:disabled:not(:checked), .form-switch .form-check-input.o_wysiwyg_loader:not(:checked){background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23909294'/%3e%3c/svg%3e");}.form-range:disabled::-webkit-slider-thumb, .form-range.o_wysiwyg_loader::-webkit-slider-thumb{border-color: rgba(33, 37, 41, 0.15);} /* /web/static/src/libs/fontawesome/css/font-awesome.css */ @font-face{font-family: 'FontAwesome'; src: url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'); font-weight: normal; font-style: normal; font-display: block;}.fa{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.fa-lg{font-size: 1.315em; vertical-align: -6%;}.fa-2x{font-size: 2em;}.fa-3x{font-size: 3em;}.fa-4x{font-size: 4em;}.fa-5x{font-size: 5em;}.fa-fw{width: 1.28571429em; text-align: center;}.fa-ul{padding-left: 0; margin-left: 2.14285714em; list-style-type: none;}.fa-ul > li{position: relative;}.fa-li{position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center;}.fa-li.fa-lg{left: -1.85714286em;}.fa-border{padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em;}.fa-pull-left{float: left;}.fa-pull-right{float: right;}.fa.fa-pull-left{margin-right: .3em;}.fa.fa-pull-right{margin-left: .3em;}.fa-spin{animation: fa-spin 2s infinite linear;}.fa-pulse{animation: fa-spin 1s infinite steps(8);}@keyframes fa-spin{0%{transform: rotate(0deg);}100%{transform: rotate(359deg);}}.fa-rotate-90{transform: rotate(90deg);}.fa-rotate-180{transform: rotate(180deg);}.fa-rotate-270{transform: rotate(270deg);}.fa-flip-horizontal{transform: scale(-1, 1);}.fa-flip-vertical{transform: scale(1, -1);}:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical{filter: none;}.fa-stack{position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;}.fa-stack-1x, .fa-stack-2x{position: absolute; left: 0; width: 100%; text-align: center;}.fa-stack-1x{line-height: inherit;}.fa-stack-2x{font-size: 2em;}.fa-inverse{color: #ffffff;}.fa-glass:before{content: "\f000";}.fa-music:before{content: "\f001";}.fa-search:before{content: "\f002";}.fa-envelope-o:before{content: "\f003";}.fa-heart:before{content: "\f004";}.fa-star:before{content: "\f005";}.fa-star-o:before{content: "\f006";}.fa-user:before{content: "\f007";}.fa-film:before{content: "\f008";}.fa-th-large:before{content: "\f009";}.fa-th:before{content: "\f00a";}.fa-th-list:before{content: "\f00b";}.fa-check:before{content: "\f00c";}.fa-remove:before, .fa-close:before, .fa-times:before{content: "\f00d";}.fa-search-plus:before{content: "\f00e";}.fa-search-minus:before{content: "\f010";}.fa-power-off:before{content: "\f011";}.fa-signal:before{content: "\f012";}.fa-gear:before, .fa-cog:before{content: "\f013";}.fa-trash-o:before{content: "\f014";}.fa-home:before{content: "\f015";}.fa-file-o:before{content: "\f016";}.fa-clock-o:before{content: "\f017";}.fa-road:before{content: "\f018";}.fa-download:before{content: "\f019";}.fa-arrow-circle-o-down:before{content: "\f01a";}.fa-arrow-circle-o-up:before{content: "\f01b";}.fa-inbox:before{content: "\f01c";}.fa-play-circle-o:before{content: "\f01d";}.fa-rotate-right:before, .fa-repeat:before{content: "\f01e";}.fa-refresh:before{content: "\f021";}.fa-list-alt:before{content: "\f022";}.fa-lock:before{content: "\f023";}.fa-flag:before{content: "\f024";}.fa-headphones:before{content: "\f025";}.fa-volume-off:before{content: "\f026";}.fa-volume-down:before{content: "\f027";}.fa-volume-up:before{content: "\f028";}.fa-qrcode:before{content: "\f029";}.fa-barcode:before{content: "\f02a";}.fa-tag:before{content: "\f02b";}.fa-tags:before{content: "\f02c";}.fa-book:before{content: "\f02d";}.fa-bookmark:before{content: "\f02e";}.fa-print:before{content: "\f02f";}.fa-camera:before{content: "\f030";}.fa-font:before{content: "\f031";}.fa-bold:before{content: "\f032";}.fa-italic:before{content: "\f033";}.fa-text-height:before{content: "\f034";}.fa-text-width:before{content: "\f035";}.fa-align-left:before{content: "\f036";}.fa-align-center:before{content: "\f037";}.fa-align-right:before{content: "\f038";}.fa-align-justify:before{content: "\f039";}.fa-list:before{content: "\f03a";}.fa-dedent:before, .fa-outdent:before{content: "\f03b";}.fa-indent:before{content: "\f03c";}.fa-video-camera:before{content: "\f03d";}.fa-photo:before, .fa-image:before, .fa-picture-o:before{content: "\f03e";}.fa-pencil:before{content: "\f040";}.fa-map-marker:before{content: "\f041";}.fa-adjust:before{content: "\f042";}.fa-tint:before{content: "\f043";}.fa-edit:before, .fa-pencil-square-o:before{content: "\f044";}.fa-share-square-o:before{content: "\f045";}.fa-check-square-o:before{content: "\f046";}.fa-arrows:before{content: "\f047";}.fa-step-backward:before{content: "\f048";}.fa-fast-backward:before{content: "\f049";}.fa-backward:before{content: "\f04a";}.fa-play:before{content: "\f04b";}.fa-pause:before{content: "\f04c";}.fa-stop:before{content: "\f04d";}.fa-forward:before{content: "\f04e";}.fa-fast-forward:before{content: "\f050";}.fa-step-forward:before{content: "\f051";}.fa-eject:before{content: "\f052";}.fa-chevron-left:before{content: "\f053";}.fa-chevron-right:before{content: "\f054";}.fa-plus-circle:before{content: "\f055";}.fa-minus-circle:before{content: "\f056";}.fa-times-circle:before{content: "\f057";}.fa-check-circle:before{content: "\f058";}.fa-question-circle:before{content: "\f059";}.fa-info-circle:before{content: "\f05a";}.fa-crosshairs:before{content: "\f05b";}.fa-times-circle-o:before{content: "\f05c";}.fa-check-circle-o:before{content: "\f05d";}.fa-ban:before{content: "\f05e";}.fa-arrow-left:before{content: "\f060";}.fa-arrow-right:before{content: "\f061";}.fa-arrow-up:before{content: "\f062";}.fa-arrow-down:before{content: "\f063";}.fa-mail-forward:before, .fa-share:before{content: "\f064";}.fa-expand:before{content: "\f065";}.fa-compress:before{content: "\f066";}.fa-plus:before{content: "\f067";}.fa-minus:before{content: "\f068";}.fa-asterisk:before{content: "\f069";}.fa-exclamation-circle:before{content: "\f06a";}.fa-gift:before{content: "\f06b";}.fa-leaf:before{content: "\f06c";}.fa-fire:before{content: "\f06d";}.fa-eye:before{content: "\f06e";}.fa-eye-slash:before{content: "\f070";}.fa-warning:before, .fa-exclamation-triangle:before{content: "\f071";}.fa-plane:before{content: "\f072";}.fa-calendar:before{content: "\f073";}.fa-random:before{content: "\f074";}.fa-comment:before{content: "\f075";}.fa-magnet:before{content: "\f076";}.fa-chevron-up:before{content: "\f077";}.fa-chevron-down:before{content: "\f078";}.fa-retweet:before{content: "\f079";}.fa-shopping-cart:before{content: "\f07a";}.fa-folder:before{content: "\f07b";}.fa-folder-open:before{content: "\f07c";}.fa-arrows-v:before{content: "\f07d";}.fa-arrows-h:before{content: "\f07e";}.fa-bar-chart-o:before, .fa-bar-chart:before{content: "\f080";}.fa-twitter-square:before{content: "\f081";}.fa-facebook-square:before{content: "\f082";}.fa-camera-retro:before{content: "\f083";}.fa-key:before{content: "\f084";}.fa-gears:before, .fa-cogs:before{content: "\f085";}.fa-comments:before{content: "\f086";}.fa-thumbs-o-up:before{content: "\f087";}.fa-thumbs-o-down:before{content: "\f088";}.fa-star-half:before{content: "\f089";}.fa-heart-o:before{content: "\f08a";}.fa-sign-out:before{content: "\f08b";}.fa-linkedin-square:before{content: "\f08c";}.fa-thumb-tack:before{content: "\f08d";}.fa-external-link:before{content: "\f08e";}.fa-sign-in:before{content: "\f090";}.fa-trophy:before{content: "\f091";}.fa-github-square:before{content: "\f092";}.fa-upload:before{content: "\f093";}.fa-lemon-o:before{content: "\f094";}.fa-phone:before{content: "\f095";}.fa-square-o:before{content: "\f096";}.fa-bookmark-o:before{content: "\f097";}.fa-phone-square:before{content: "\f098";}.fa-twitter:before{content: "\f099";}.fa-facebook-f:before, .fa-facebook:before{content: "\f09a";}.fa-github:before{content: "\f09b";}.fa-unlock:before{content: "\f09c";}.fa-credit-card:before{content: "\f09d";}.fa-feed:before, .fa-rss:before{content: "\f09e";}.fa-hdd-o:before{content: "\f0a0";}.fa-bullhorn:before{content: "\f0a1";}.fa-bell:before{content: "\f0f3";}.fa-certificate:before{content: "\f0a3";}.fa-hand-o-right:before{content: "\f0a4";}.fa-hand-o-left:before{content: "\f0a5";}.fa-hand-o-up:before{content: "\f0a6";}.fa-hand-o-down:before{content: "\f0a7";}.fa-arrow-circle-left:before{content: "\f0a8";}.fa-arrow-circle-right:before{content: "\f0a9";}.fa-arrow-circle-up:before{content: "\f0aa";}.fa-arrow-circle-down:before{content: "\f0ab";}.fa-globe:before{content: "\f0ac";}.fa-wrench:before{content: "\f0ad";}.fa-tasks:before{content: "\f0ae";}.fa-filter:before{content: "\f0b0";}.fa-briefcase:before{content: "\f0b1";}.fa-arrows-alt:before{content: "\f0b2";}.fa-group:before, .fa-users:before{content: "\f0c0";}.fa-chain:before, .fa-link:before{content: "\f0c1";}.fa-cloud:before{content: "\f0c2";}.fa-flask:before{content: "\f0c3";}.fa-cut:before, .fa-scissors:before{content: "\f0c4";}.fa-copy:before, .fa-files-o:before{content: "\f0c5";}.fa-paperclip:before{content: "\f0c6";}.fa-save:before, .fa-floppy-o:before{content: "\f0c7";}.fa-square:before{content: "\f0c8";}.fa-navicon:before, .fa-reorder:before, .fa-bars:before{content: "\f0c9";}.fa-list-ul:before{content: "\f0ca";}.fa-list-ol:before{content: "\f0cb";}.fa-strikethrough:before{content: "\f0cc";}.fa-underline:before{content: "\f0cd";}.fa-table:before{content: "\f0ce";}.fa-magic:before{content: "\f0d0";}.fa-truck:before{content: "\f0d1";}.fa-pinterest:before{content: "\f0d2";}.fa-pinterest-square:before{content: "\f0d3";}.fa-google-plus-square:before{content: "\f0d4";}.fa-google-plus:before{content: "\f0d5";}.fa-money:before{content: "\f0d6";}.fa-caret-down:before{content: "\f0d7";}.fa-caret-up:before{content: "\f0d8";}.fa-caret-left:before{content: "\f0d9";}.fa-caret-right:before{content: "\f0da";}.fa-columns:before{content: "\f0db";}.fa-unsorted:before, .fa-sort:before{content: "\f0dc";}.fa-sort-down:before, .fa-sort-desc:before{content: "\f0dd";}.fa-sort-up:before, .fa-sort-asc:before{content: "\f0de";}.fa-envelope:before{content: "\f0e0";}.fa-linkedin:before{content: "\f0e1";}.fa-rotate-left:before, .fa-undo:before{content: "\f0e2";}.fa-legal:before, .fa-gavel:before{content: "\f0e3";}.fa-dashboard:before, .fa-tachometer:before{content: "\f0e4";}.fa-comment-o:before{content: "\f0e5";}.fa-comments-o:before{content: "\f0e6";}.fa-flash:before, .fa-bolt:before{content: "\f0e7";}.fa-sitemap:before{content: "\f0e8";}.fa-umbrella:before{content: "\f0e9";}.fa-paste:before, .fa-clipboard:before{content: "\f0ea";}.fa-lightbulb-o:before{content: "\f0eb";}.fa-exchange:before{content: "\f0ec";}.fa-cloud-download:before{content: "\f0ed";}.fa-cloud-upload:before{content: "\f0ee";}.fa-user-md:before{content: "\f0f0";}.fa-stethoscope:before{content: "\f0f1";}.fa-suitcase:before{content: "\f0f2";}.fa-bell-o:before{content: "\f0a2";}.fa-coffee:before{content: "\f0f4";}.fa-cutlery:before{content: "\f0f5";}.fa-file-text-o:before{content: "\f0f6";}.fa-building-o:before{content: "\f0f7";}.fa-hospital-o:before{content: "\f0f8";}.fa-ambulance:before{content: "\f0f9";}.fa-medkit:before{content: "\f0fa";}.fa-fighter-jet:before{content: "\f0fb";}.fa-beer:before{content: "\f0fc";}.fa-h-square:before{content: "\f0fd";}.fa-plus-square:before{content: "\f0fe";}.fa-angle-double-left:before{content: "\f100";}.fa-angle-double-right:before{content: "\f101";}.fa-angle-double-up:before{content: "\f102";}.fa-angle-double-down:before{content: "\f103";}.fa-angle-left:before{content: "\f104";}.fa-angle-right:before{content: "\f105";}.fa-angle-up:before{content: "\f106";}.fa-angle-down:before{content: "\f107";}.fa-desktop:before{content: "\f108";}.fa-laptop:before{content: "\f109";}.fa-tablet:before{content: "\f10a";}.fa-mobile-phone:before, .fa-mobile:before{content: "\f10b";}.fa-circle-o:before{content: "\f10c";}.fa-quote-left:before{content: "\f10d";}.fa-quote-right:before{content: "\f10e";}.fa-spinner:before{content: "\f110";}.fa-circle:before{content: "\f111";}.fa-mail-reply:before, .fa-reply:before{content: "\f112";}.fa-github-alt:before{content: "\f113";}.fa-folder-o:before{content: "\f114";}.fa-folder-open-o:before{content: "\f115";}.fa-smile-o:before{content: "\f118";}.fa-frown-o:before{content: "\f119";}.fa-meh-o:before{content: "\f11a";}.fa-gamepad:before{content: "\f11b";}.fa-keyboard-o:before{content: "\f11c";}.fa-flag-o:before{content: "\f11d";}.fa-flag-checkered:before{content: "\f11e";}.fa-terminal:before{content: "\f120";}.fa-code:before{content: "\f121";}.fa-mail-reply-all:before, .fa-reply-all:before{content: "\f122";}.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before{content: "\f123";}.fa-location-arrow:before{content: "\f124";}.fa-crop:before{content: "\f125";}.fa-code-fork:before{content: "\f126";}.fa-unlink:before, .fa-chain-broken:before{content: "\f127";}.fa-question:before{content: "\f128";}.fa-info:before{content: "\f129";}.fa-exclamation:before{content: "\f12a";}.fa-superscript:before{content: "\f12b";}.fa-subscript:before{content: "\f12c";}.fa-eraser:before{content: "\f12d";}.fa-puzzle-piece:before{content: "\f12e";}.fa-microphone:before{content: "\f130";}.fa-microphone-slash:before{content: "\f131";}.fa-shield:before{content: "\f132";}.fa-calendar-o:before{content: "\f133";}.fa-fire-extinguisher:before{content: "\f134";}.fa-rocket:before{content: "\f135";}.fa-maxcdn:before{content: "\f136";}.fa-chevron-circle-left:before{content: "\f137";}.fa-chevron-circle-right:before{content: "\f138";}.fa-chevron-circle-up:before{content: "\f139";}.fa-chevron-circle-down:before{content: "\f13a";}.fa-html5:before{content: "\f13b";}.fa-css3:before{content: "\f13c";}.fa-anchor:before{content: "\f13d";}.fa-unlock-alt:before{content: "\f13e";}.fa-bullseye:before{content: "\f140";}.fa-ellipsis-h:before{content: "\f141";}.fa-ellipsis-v:before{content: "\f142";}.fa-rss-square:before{content: "\f143";}.fa-play-circle:before{content: "\f144";}.fa-ticket:before{content: "\f145";}.fa-minus-square:before{content: "\f146";}.fa-minus-square-o:before{content: "\f147";}.fa-level-up:before{content: "\f148";}.fa-level-down:before{content: "\f149";}.fa-check-square:before{content: "\f14a";}.fa-pencil-square:before{content: "\f14b";}.fa-external-link-square:before{content: "\f14c";}.fa-share-square:before{content: "\f14d";}.fa-compass:before{content: "\f14e";}.fa-toggle-down:before, .fa-caret-square-o-down:before{content: "\f150";}.fa-toggle-up:before, .fa-caret-square-o-up:before{content: "\f151";}.fa-toggle-right:before, .fa-caret-square-o-right:before{content: "\f152";}.fa-euro:before, .fa-eur:before{content: "\f153";}.fa-gbp:before{content: "\f154";}.fa-dollar:before, .fa-usd:before{content: "\f155";}.fa-rupee:before, .fa-inr:before{content: "\f156";}.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before{content: "\f157";}.fa-ruble:before, .fa-rouble:before, .fa-rub:before{content: "\f158";}.fa-won:before, .fa-krw:before{content: "\f159";}.fa-bitcoin:before, .fa-btc:before{content: "\f15a";}.fa-file:before{content: "\f15b";}.fa-file-text:before{content: "\f15c";}.fa-sort-alpha-asc:before{content: "\f15d";}.fa-sort-alpha-desc:before{content: "\f15e";}.fa-sort-amount-asc:before{content: "\f160";}.fa-sort-amount-desc:before{content: "\f161";}.fa-sort-numeric-asc:before{content: "\f162";}.fa-sort-numeric-desc:before{content: "\f163";}.fa-thumbs-up:before{content: "\f164";}.fa-thumbs-down:before{content: "\f165";}.fa-youtube-square:before{content: "\f166";}.fa-youtube:before{content: "\f167";}.fa-xing:before{content: "\f168";}.fa-xing-square:before{content: "\f169";}.fa-youtube-play:before{content: "\f16a";}.fa-dropbox:before{content: "\f16b";}.fa-stack-overflow:before{content: "\f16c";}.fa-instagram:before{content: "\f16d";}.fa-flickr:before{content: "\f16e";}.fa-adn:before{content: "\f170";}.fa-bitbucket:before{content: "\f171";}.fa-bitbucket-square:before{content: "\f172";}.fa-tumblr:before{content: "\f173";}.fa-tumblr-square:before{content: "\f174";}.fa-long-arrow-down:before{content: "\f175";}.fa-long-arrow-up:before{content: "\f176";}.fa-long-arrow-left:before{content: "\f177";}.fa-long-arrow-right:before{content: "\f178";}.fa-apple:before{content: "\f179";}.fa-windows:before{content: "\f17a";}.fa-android:before{content: "\f17b";}.fa-linux:before{content: "\f17c";}.fa-dribbble:before{content: "\f17d";}.fa-skype:before{content: "\f17e";}.fa-foursquare:before{content: "\f180";}.fa-trello:before{content: "\f181";}.fa-female:before{content: "\f182";}.fa-male:before{content: "\f183";}.fa-gittip:before, .fa-gratipay:before{content: "\f184";}.fa-sun-o:before{content: "\f185";}.fa-moon-o:before{content: "\f186";}.fa-archive:before{content: "\f187";}.fa-bug:before{content: "\f188";}.fa-vk:before{content: "\f189";}.fa-weibo:before{content: "\f18a";}.fa-renren:before{content: "\f18b";}.fa-pagelines:before{content: "\f18c";}.fa-stack-exchange:before{content: "\f18d";}.fa-arrow-circle-o-right:before{content: "\f18e";}.fa-arrow-circle-o-left:before{content: "\f190";}.fa-toggle-left:before, .fa-caret-square-o-left:before{content: "\f191";}.fa-dot-circle-o:before{content: "\f192";}.fa-wheelchair:before{content: "\f193";}.fa-vimeo-square:before{content: "\f194";}.fa-turkish-lira:before, .fa-try:before{content: "\f195";}.fa-plus-square-o:before{content: "\f196";}.fa-space-shuttle:before{content: "\f197";}.fa-slack:before{content: "\f198";}.fa-envelope-square:before{content: "\f199";}.fa-wordpress:before{content: "\f19a";}.fa-openid:before{content: "\f19b";}.fa-institution:before, .fa-bank:before, .fa-university:before{content: "\f19c";}.fa-mortar-board:before, .fa-graduation-cap:before{content: "\f19d";}.fa-yahoo:before{content: "\f19e";}.fa-google:before{content: "\f1a0";}.fa-reddit:before{content: "\f1a1";}.fa-reddit-square:before{content: "\f1a2";}.fa-stumbleupon-circle:before{content: "\f1a3";}.fa-stumbleupon:before{content: "\f1a4";}.fa-delicious:before{content: "\f1a5";}.fa-digg:before{content: "\f1a6";}.fa-pied-piper-pp:before{content: "\f1a7";}.fa-pied-piper-alt:before{content: "\f1a8";}.fa-drupal:before{content: "\f1a9";}.fa-joomla:before{content: "\f1aa";}.fa-language:before{content: "\f1ab";}.fa-fax:before{content: "\f1ac";}.fa-building:before{content: "\f1ad";}.fa-child:before{content: "\f1ae";}.fa-paw:before{content: "\f1b0";}.fa-spoon:before{content: "\f1b1";}.fa-cube:before{content: "\f1b2";}.fa-cubes:before{content: "\f1b3";}.fa-behance:before{content: "\f1b4";}.fa-behance-square:before{content: "\f1b5";}.fa-steam:before{content: "\f1b6";}.fa-steam-square:before{content: "\f1b7";}.fa-recycle:before{content: "\f1b8";}.fa-automobile:before, .fa-car:before{content: "\f1b9";}.fa-cab:before, .fa-taxi:before{content: "\f1ba";}.fa-tree:before{content: "\f1bb";}.fa-spotify:before{content: "\f1bc";}.fa-deviantart:before{content: "\f1bd";}.fa-soundcloud:before{content: "\f1be";}.fa-database:before{content: "\f1c0";}.fa-file-pdf-o:before{content: "\f1c1";}.fa-file-word-o:before{content: "\f1c2";}.fa-file-excel-o:before{content: "\f1c3";}.fa-file-powerpoint-o:before{content: "\f1c4";}.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before{content: "\f1c5";}.fa-file-zip-o:before, .fa-file-archive-o:before{content: "\f1c6";}.fa-file-sound-o:before, .fa-file-audio-o:before{content: "\f1c7";}.fa-file-movie-o:before, .fa-file-video-o:before{content: "\f1c8";}.fa-file-code-o:before{content: "\f1c9";}.fa-vine:before{content: "\f1ca";}.fa-codepen:before{content: "\f1cb";}.fa-jsfiddle:before{content: "\f1cc";}.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before{content: "\f1cd";}.fa-circle-o-notch:before{content: "\f1ce";}.fa-ra:before, .fa-resistance:before, .fa-rebel:before{content: "\f1d0";}.fa-ge:before, .fa-empire:before{content: "\f1d1";}.fa-git-square:before{content: "\f1d2";}.fa-git:before{content: "\f1d3";}.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before{content: "\f1d4";}.fa-tencent-weibo:before{content: "\f1d5";}.fa-qq:before{content: "\f1d6";}.fa-wechat:before, .fa-weixin:before{content: "\f1d7";}.fa-send:before, .fa-paper-plane:before{content: "\f1d8";}.fa-send-o:before, .fa-paper-plane-o:before{content: "\f1d9";}.fa-history:before{content: "\f1da";}.fa-circle-thin:before{content: "\f1db";}.fa-header:before{content: "\f1dc";}.fa-paragraph:before{content: "\f1dd";}.fa-sliders:before{content: "\f1de";}.fa-share-alt:before{content: "\f1e0";}.fa-share-alt-square:before{content: "\f1e1";}.fa-bomb:before{content: "\f1e2";}.fa-soccer-ball-o:before, .fa-futbol-o:before{content: "\f1e3";}.fa-tty:before{content: "\f1e4";}.fa-binoculars:before{content: "\f1e5";}.fa-plug:before{content: "\f1e6";}.fa-slideshare:before{content: "\f1e7";}.fa-twitch:before{content: "\f1e8";}.fa-yelp:before{content: "\f1e9";}.fa-newspaper-o:before{content: "\f1ea";}.fa-wifi:before{content: "\f1eb";}.fa-calculator:before{content: "\f1ec";}.fa-paypal:before{content: "\f1ed";}.fa-google-wallet:before{content: "\f1ee";}.fa-cc-visa:before{content: "\f1f0";}.fa-cc-mastercard:before{content: "\f1f1";}.fa-cc-discover:before{content: "\f1f2";}.fa-cc-amex:before{content: "\f1f3";}.fa-cc-paypal:before{content: "\f1f4";}.fa-cc-stripe:before{content: "\f1f5";}.fa-bell-slash:before{content: "\f1f6";}.fa-bell-slash-o:before{content: "\f1f7";}.fa-trash:before{content: "\f1f8";}.fa-copyright:before{content: "\f1f9";}.fa-at:before{content: "\f1fa";}.fa-eyedropper:before{content: "\f1fb";}.fa-paint-brush:before{content: "\f1fc";}.fa-birthday-cake:before{content: "\f1fd";}.fa-area-chart:before{content: "\f1fe";}.fa-pie-chart:before{content: "\f200";}.fa-line-chart:before{content: "\f201";}.fa-lastfm:before{content: "\f202";}.fa-lastfm-square:before{content: "\f203";}.fa-toggle-off:before{content: "\f204";}.fa-toggle-on:before{content: "\f205";}.fa-bicycle:before{content: "\f206";}.fa-bus:before{content: "\f207";}.fa-ioxhost:before{content: "\f208";}.fa-angellist:before{content: "\f209";}.fa-cc:before{content: "\f20a";}.fa-shekel:before, .fa-sheqel:before, .fa-ils:before{content: "\f20b";}.fa-meanpath:before{content: "\f20c";}.fa-buysellads:before{content: "\f20d";}.fa-connectdevelop:before{content: "\f20e";}.fa-dashcube:before{content: "\f210";}.fa-forumbee:before{content: "\f211";}.fa-leanpub:before{content: "\f212";}.fa-sellsy:before{content: "\f213";}.fa-shirtsinbulk:before{content: "\f214";}.fa-simplybuilt:before{content: "\f215";}.fa-skyatlas:before{content: "\f216";}.fa-cart-plus:before{content: "\f217";}.fa-cart-arrow-down:before{content: "\f218";}.fa-diamond:before{content: "\f219";}.fa-ship:before{content: "\f21a";}.fa-user-secret:before{content: "\f21b";}.fa-motorcycle:before{content: "\f21c";}.fa-street-view:before{content: "\f21d";}.fa-heartbeat:before{content: "\f21e";}.fa-venus:before{content: "\f221";}.fa-mars:before{content: "\f222";}.fa-mercury:before{content: "\f223";}.fa-intersex:before, .fa-transgender:before{content: "\f224";}.fa-transgender-alt:before{content: "\f225";}.fa-venus-double:before{content: "\f226";}.fa-mars-double:before{content: "\f227";}.fa-venus-mars:before{content: "\f228";}.fa-mars-stroke:before{content: "\f229";}.fa-mars-stroke-v:before{content: "\f22a";}.fa-mars-stroke-h:before{content: "\f22b";}.fa-neuter:before{content: "\f22c";}.fa-genderless:before{content: "\f22d";}.fa-facebook-official:before{content: "\f230";}.fa-pinterest-p:before{content: "\f231";}.fa-whatsapp:before{content: "\f232";}.fa-server:before{content: "\f233";}.fa-user-plus:before{content: "\f234";}.fa-user-times:before{content: "\f235";}.fa-hotel:before, .fa-bed:before{content: "\f236";}.fa-viacoin:before{content: "\f237";}.fa-train:before{content: "\f238";}.fa-subway:before{content: "\f239";}.fa-medium:before{content: "\f23a";}.fa-yc:before, .fa-y-combinator:before{content: "\f23b";}.fa-optin-monster:before{content: "\f23c";}.fa-opencart:before{content: "\f23d";}.fa-expeditedssl:before{content: "\f23e";}.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before{content: "\f240";}.fa-battery-3:before, .fa-battery-three-quarters:before{content: "\f241";}.fa-battery-2:before, .fa-battery-half:before{content: "\f242";}.fa-battery-1:before, .fa-battery-quarter:before{content: "\f243";}.fa-battery-0:before, .fa-battery-empty:before{content: "\f244";}.fa-mouse-pointer:before{content: "\f245";}.fa-i-cursor:before{content: "\f246";}.fa-object-group:before{content: "\f247";}.fa-object-ungroup:before{content: "\f248";}.fa-sticky-note:before{content: "\f249";}.fa-sticky-note-o:before{content: "\f24a";}.fa-cc-jcb:before{content: "\f24b";}.fa-cc-diners-club:before{content: "\f24c";}.fa-clone:before{content: "\f24d";}.fa-balance-scale:before{content: "\f24e";}.fa-hourglass-o:before{content: "\f250";}.fa-hourglass-1:before, .fa-hourglass-start:before{content: "\f251";}.fa-hourglass-2:before, .fa-hourglass-half:before{content: "\f252";}.fa-hourglass-3:before, .fa-hourglass-end:before{content: "\f253";}.fa-hourglass:before{content: "\f254";}.fa-hand-grab-o:before, .fa-hand-rock-o:before{content: "\f255";}.fa-hand-stop-o:before, .fa-hand-paper-o:before{content: "\f256";}.fa-hand-scissors-o:before{content: "\f257";}.fa-hand-lizard-o:before{content: "\f258";}.fa-hand-spock-o:before{content: "\f259";}.fa-hand-pointer-o:before{content: "\f25a";}.fa-hand-peace-o:before{content: "\f25b";}.fa-trademark:before{content: "\f25c";}.fa-registered:before{content: "\f25d";}.fa-creative-commons:before{content: "\f25e";}.fa-gg:before{content: "\f260";}.fa-gg-circle:before{content: "\f261";}.fa-tripadvisor:before{content: "\f262";}.fa-odnoklassniki:before{content: "\f263";}.fa-odnoklassniki-square:before{content: "\f264";}.fa-get-pocket:before{content: "\f265";}.fa-wikipedia-w:before{content: "\f266";}.fa-safari:before{content: "\f267";}.fa-chrome:before{content: "\f268";}.fa-firefox:before{content: "\f269";}.fa-opera:before{content: "\f26a";}.fa-internet-explorer:before{content: "\f26b";}.fa-tv:before, .fa-television:before{content: "\f26c";}.fa-contao:before{content: "\f26d";}.fa-500px:before{content: "\f26e";}.fa-amazon:before{content: "\f270";}.fa-calendar-plus-o:before{content: "\f271";}.fa-calendar-minus-o:before{content: "\f272";}.fa-calendar-times-o:before{content: "\f273";}.fa-calendar-check-o:before{content: "\f274";}.fa-industry:before{content: "\f275";}.fa-map-pin:before{content: "\f276";}.fa-map-signs:before{content: "\f277";}.fa-map-o:before{content: "\f278";}.fa-map:before{content: "\f279";}.fa-commenting:before{content: "\f27a";}.fa-commenting-o:before{content: "\f27b";}.fa-houzz:before{content: "\f27c";}.fa-vimeo:before{content: "\f27d";}.fa-black-tie:before{content: "\f27e";}.fa-fonticons:before{content: "\f280";}.fa-reddit-alien:before{content: "\f281";}.fa-edge:before{content: "\f282";}.fa-credit-card-alt:before{content: "\f283";}.fa-codiepie:before{content: "\f284";}.fa-modx:before{content: "\f285";}.fa-fort-awesome:before{content: "\f286";}.fa-usb:before{content: "\f287";}.fa-product-hunt:before{content: "\f288";}.fa-mixcloud:before{content: "\f289";}.fa-scribd:before{content: "\f28a";}.fa-pause-circle:before{content: "\f28b";}.fa-pause-circle-o:before{content: "\f28c";}.fa-stop-circle:before{content: "\f28d";}.fa-stop-circle-o:before{content: "\f28e";}.fa-shopping-bag:before{content: "\f290";}.fa-shopping-basket:before{content: "\f291";}.fa-hashtag:before{content: "\f292";}.fa-bluetooth:before{content: "\f293";}.fa-bluetooth-b:before{content: "\f294";}.fa-percent:before{content: "\f295";}.fa-gitlab:before{content: "\f296";}.fa-wpbeginner:before{content: "\f297";}.fa-wpforms:before{content: "\f298";}.fa-envira:before{content: "\f299";}.fa-universal-access:before{content: "\f29a";}.fa-wheelchair-alt:before{content: "\f29b";}.fa-question-circle-o:before{content: "\f29c";}.fa-blind:before{content: "\f29d";}.fa-audio-description:before{content: "\f29e";}.fa-volume-control-phone:before{content: "\f2a0";}.fa-braille:before{content: "\f2a1";}.fa-assistive-listening-systems:before{content: "\f2a2";}.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before{content: "\f2a3";}.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before{content: "\f2a4";}.fa-glide:before{content: "\f2a5";}.fa-glide-g:before{content: "\f2a6";}.fa-signing:before, .fa-sign-language:before{content: "\f2a7";}.fa-low-vision:before{content: "\f2a8";}.fa-viadeo:before{content: "\f2a9";}.fa-viadeo-square:before{content: "\f2aa";}.fa-snapchat:before{content: "\f2ab";}.fa-snapchat-ghost:before{content: "\f2ac";}.fa-snapchat-square:before{content: "\f2ad";}.fa-pied-piper:before{content: "\f2ae";}.fa-first-order:before{content: "\f2b0";}.fa-yoast:before{content: "\f2b1";}.fa-themeisle:before{content: "\f2b2";}.fa-google-plus-circle:before, .fa-google-plus-official:before{content: "\f2b3";}.fa-fa:before, .fa-font-awesome:before{content: "\f2b4";}.fa-handshake-o:before{content: "\f2b5";}.fa-envelope-open:before{content: "\f2b6";}.fa-envelope-open-o:before{content: "\f2b7";}.fa-linode:before{content: "\f2b8";}.fa-address-book:before{content: "\f2b9";}.fa-address-book-o:before{content: "\f2ba";}.fa-vcard:before, .fa-address-card:before{content: "\f2bb";}.fa-vcard-o:before, .fa-address-card-o:before{content: "\f2bc";}.fa-user-circle:before{content: "\f2bd";}.fa-user-circle-o:before{content: "\f2be";}.fa-user-o:before{content: "\f2c0";}.fa-id-badge:before{content: "\f2c1";}.fa-drivers-license:before, .fa-id-card:before{content: "\f2c2";}.fa-drivers-license-o:before, .fa-id-card-o:before{content: "\f2c3";}.fa-quora:before{content: "\f2c4";}.fa-free-code-camp:before{content: "\f2c5";}.fa-telegram:before{content: "\f2c6";}.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before{content: "\f2c7";}.fa-thermometer-3:before, .fa-thermometer-three-quarters:before{content: "\f2c8";}.fa-thermometer-2:before, .fa-thermometer-half:before{content: "\f2c9";}.fa-thermometer-1:before, .fa-thermometer-quarter:before{content: "\f2ca";}.fa-thermometer-0:before, .fa-thermometer-empty:before{content: "\f2cb";}.fa-shower:before{content: "\f2cc";}.fa-bathtub:before, .fa-s15:before, .fa-bath:before{content: "\f2cd";}.fa-podcast:before{content: "\f2ce";}.fa-window-maximize:before{content: "\f2d0";}.fa-window-minimize:before{content: "\f2d1";}.fa-window-restore:before{content: "\f2d2";}.fa-times-rectangle:before, .fa-window-close:before{content: "\f2d3";}.fa-times-rectangle-o:before, .fa-window-close-o:before{content: "\f2d4";}.fa-bandcamp:before{content: "\f2d5";}.fa-grav:before{content: "\f2d6";}.fa-etsy:before{content: "\f2d7";}.fa-imdb:before{content: "\f2d8";}.fa-ravelry:before{content: "\f2d9";}.fa-eercast:before{content: "\f2da";}.fa-microchip:before{content: "\f2db";}.fa-snowflake-o:before{content: "\f2dc";}.fa-superpowers:before{content: "\f2dd";}.fa-wpexplorer:before{content: "\f2de";}.fa-meetup:before{content: "\f2e0";}.visually-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}.visually-hidden-focusable:active, .visually-hidden-focusable:focus{position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;} /* /web/static/lib/odoo_ui_icons/style.css */ @font-face{font-family: 'odoo_ui_icons'; src: url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2') format('woff2'), url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block;}.oi{display: inline-block; font-family: 'odoo_ui_icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.oi-view-pivot:before{content: '\e800';}.oi-text-break:before{content: '\e801';}.oi-text-inline:before{content: '\e802';}.oi-voip:before{content: '\e803';}.oi-odoo:before{content: '\e806';}.oi-search:before{content: '\e808';}.oi-group:before{content: '\e80a';}.oi-settings-adjust:before{content: '\e80c';}.oi-apps:before{content: '\e80d';}.oi-panel-right:before{content: '\e810';}.oi-launch:before{content: '\e812';}.oi-studio:before{content: '\e813';}.oi-view-kanban:before{content: '\e814';}.oi-text-wrap:before{content: '\e815';}.oi-view-cohort:before{content: '\e816';}.oi-view-list:before{content: '\e817';}.oi-gif-picker:before{content: '\e82e';}.oi-chevron-down:before{content: '\e839';}.oi-chevron-left:before{content: '\e83a';}.oi-chevron-right:before{content: '\e83b';}.oi-chevron-up:before{content: '\e83c';}.oi-arrows-h:before{content: '\e83d';}.oi-arrows-v:before{content: '\e83e';}.oi-arrow-down-left:before{content: '\e83f';}.oi-arrow-down-right:before{content: '\e840';}.oi-arrow-down:before{content: '\e841';}.oi-arrow-left:before{content: '\e842';}.oi-arrow-right:before{content: '\e843';}.oi-arrow-up-left:before{content: '\e844';}.oi-arrow-up-right:before{content: '\e845';}.oi-arrow-up:before{content: '\e846';}.oi-draggable:before{content: '\e847';}.oi-view:before{content: '\e861';}.oi-archive:before{content: '\e862';}.oi-unarchive:before{content: '\e863';}.oi-text-effect:before{content: '\e827';}.oi-smile-add:before{content: '\e84e';}.oi-close:before{content: '\e852';}.oi-food-delivery:before{content: '\e82a';}.oi-schedule-today:before{content: '\e82c';}.oi-schedule-tomorrow:before{content: '\e82d';}.oi-schedule-later:before{content: '\e804';}.oi-activity:before{content: '\e82f';}.oi-activity-plus:before{content: '\e830';}.oi-numpad:before{content: '\e833';}.oi-transfer:before{content: '\e834';}.oi-suitcase:before{content: '\e835';}.oi-suitcase-plus:before{content: '\e832';}.oi-merge:before{content: '\e836';}.oi-record:before{content: '\e837';}.oi-backspace-o:before{content: '\e838';}.oi-user:before{content: '\e805';}.oi-user-plus:before{content: '\e831';}.oi-users:before{content: '\e807';}.oi-ellipsis-h:before{content: '\e867';}.oi-ellipsis-v:before{content: '\e868';}.oi-plus:before{content: '\e809';}.oi-minus:before{content: '\e80b';}.oi-star-plus:before{content: '\e87c';}.oi-subtitle:before{content: '\e80e';}.oi-threads:before{content: '\e818';}.oi-kickstarter:before{content: '\e819';}.oi-x:before{content: '\e81a';}.oi-x-square:before{content: '\e848';}.oi-tiktok:before{content: '\e81b';}.oi-bluesky:before{content: '\e81c';}.oi-google-play:before{content: '\e81d';}.oi-strava:before{content: '\e80f';}.oi-discord:before{content: '\e811';}.o_rtl .oi-chevron-left, .o_rtl .oi-chevron-right, .o_rtl .oi-arrow-down-left, .o_rtl .oi-arrow-down-right, .o_rtl .oi-arrow-left, .o_rtl .oi-arrow-right, .o_rtl .oi-arrow-up-left, .o_rtl .oi-arrow-up-right{transform: rotate(180deg);} /* /web/static/src/webclient/navbar/navbar.scss */ .o_main_navbar{--o-navbar-height: 46px; --Dropdown_menu-margin-y: 0; display: flex; height: var(--o-navbar-height); padding-top: 10px; padding-bottom: 10px; border-bottom: 0; background: #FFF; font-size: 0.875rem;}@media (min-width: 768px){.o_main_navbar{min-width: min-content;}}.o_main_navbar > ul{padding: 0; margin: 0; list-style: none;}.o_main_navbar .o_menu_toggle{--NavBar-entry-padding-left: 16px; --NavBar-entry-padding-right: 8px; color: var(--NavBar-entry-color, #111827);}.o_main_navbar .o_menu_toggle rect, .o_main_navbar .o_menu_toggle g{transform-origin: 0 50%;}.o_main_navbar .o_menu_toggle.o_menu_toggle_back{transform: translateX(25%) rotateY(-180deg);}.o_main_navbar .o_menu_toggle.o_menu_toggle_back rect{width: 6px; height: 3px;}.o_main_navbar .o_menu_toggle.o_menu_toggle_back rect:first-child{transform: translate(12%, 0) ; rx: 100%;}.o_main_navbar .o_menu_toggle.o_menu_toggle_back #o_menu_toggle_row_0{transform: scale3d(0.5, 1, 1) translate(0, 45%) skewY(-22deg) ;}.o_main_navbar .o_menu_toggle.o_menu_toggle_back #o_menu_toggle_row_0 + g rect{width: 0; height: 0;}.o_main_navbar .o_menu_toggle.o_menu_toggle_back #o_menu_toggle_row_2{transform: scale3d(0.5, 1, 1) translate(0, -37%) skewY(22deg) ;}@media (min-width: 768px){.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_toggle_icon{opacity: 0;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_toggle_icon{opacity: 1;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_brand_icon{opacity: 0;}}@media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference){.o_main_navbar .o_menu_toggle:hover rect{width: 6px; height: 3px;}.o_main_navbar .o_menu_toggle:hover rect:first-child{transform: translate(12%, 0) ; rx: 100%;}.o_main_navbar .o_menu_toggle:hover #o_menu_toggle_row_0{transform: scale3d(0.5, 1, 1) translate(0, 45%) skewY(-22deg) ;}.o_main_navbar .o_menu_toggle:hover #o_menu_toggle_row_0 + g rect{width: 0; height: 0;}.o_main_navbar .o_menu_toggle:hover #o_menu_toggle_row_2{transform: scale3d(0.5, 1, 1) translate(0, -37%) skewY(22deg) ;}.o_main_navbar .o_menu_toggle, .o_main_navbar .o_menu_toggle g{transition: all .3s;}.o_main_navbar .o_menu_toggle rect{transition: all .1s;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back){transform: none; transition: none;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_toggle_icon, .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_brand_icon, .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_brand{will-change: transform; transition: all 0.1s;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_toggle_icon{transform: translateX(75%);}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_toggle_icon{transform: translateX(25%); transition: all .4s;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_brand_icon{transform: rotateY(-90deg); transition: all .2s;}.o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_brand{transform: translateX(-0.5rem); transition: all .4s;}}@media (min-width: 768px){.o_main_navbar .o_menu_toggle .o_menu_brand_icon{width: calc(var(--o-navbar-height) - 20px + 0.25rem); object-fit: cover;}}.o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo){border-color: transparent;}.o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .dropdown-toggle{background: var(--NavBar-entry-backgroundColor, #FFF); border: 1px solid transparent;}.o_main_navbar .o_menu_sections .o_nav_entry:hover, .o_main_navbar .o_menu_sections .dropdown-toggle:hover{background: var(--NavBar-entry-backgroundColor--hover, #e7e9ed);}.o_main_navbar .o_menu_sections .o_nav_entry:focus, .o_main_navbar .o_menu_sections .dropdown-toggle:focus{background: var(--NavBar-entry-backgroundColor--focus, #e7e9ed);}.o_main_navbar .o_menu_sections .o_nav_entry:active, .o_main_navbar .o_menu_sections .dropdown-toggle:active{background: var(--NavBar-entry-backgroundColor--active, unset);}.o_main_navbar .o_menu_sections .dropdown.show.dropdown-toggle{border-color: var(--NavBar-entry-borderColor-active, transparent); background: var(--NavBar-entry-backgroundColor--active, unset); color: var(--NavBar-entry-color--active, unset);}.o_main_navbar .dropdown-header.dropdown-menu_group{margin-top: 0;}.o_main_navbar .dropdown-item + .dropdown-header:not(.o_more_dropdown_section_group){margin-top: .3em;}.o_main_navbar .o_dropdown_menu_group_entry.dropdown-item{padding-left: 30px;}.o_main_navbar .o_dropdown_menu_group_entry.dropdown-item + .dropdown-item:not(.o_dropdown_menu_group_entry){margin-top: .8em;}.o_main_navbar .o_navbar_apps_menu .dropdown-toggle{--NavBar-entry-padding-left: 16px; font-size: 1.2em;}.o_main_navbar .o_menu_brand{padding-left: 0; font-size: 1.2em;}.o_main_navbar .o_menu_brand:hover{background: none;}.o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_breadcrumbs, .o_main_navbar .o_navbar_breadcrumbs .btn{color: var(--NavBar-brand-color, #111827);}.o_main_navbar .o_menu_sections .o_more_dropdown_section_group{margin-top: .8em;}.o_main_navbar .o_menu_sections .o_more_dropdown_section_group:first-child{margin-top: -0.5rem; padding-top: 0.75rem;}.o_main_navbar .o_menu_systray{--NavBar-entry-padding-left: 0.315em; --NavBar-entry-padding-right: 0.315em;}.o_main_navbar .o_menu_systray .badge{margin-right: -.5em; border: 0; padding: 3px 6px; background-color: var(--o-navbar-badge-bg, #dc3545); font-size: 0.7em; color: var(--o-navbar-badge-color, #FFF); text-shadow: var(--o-navbar-badge-text-shadow, none); transform: translate(-0.6em, -30%);}body.o_is_superuser .o_menu_systray{border-image: repeating-linear-gradient(135deg, #d9b904, #d9b904 10px, #373435 10px, #373435 20px) 2; border-image-width: 2px;} /* /web/static/src/scss/animation.scss */ @keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale3d(0.3, 0.3, 0.3);}20%{transform: scale3d(1.1, 1.1, 1.1);}40%{transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; transform: scale3d(1.03, 1.03, 1.03);}80%{transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; transform: scale3d(1, 1, 1);}}@keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}@keyframes pulse{from{box-shadow: 0 0 0 0 var(--pulse-color-from, #714B67);}to{box-shadow: 0 0 0 var(--pulse-spread-radius, 2em) var(--pulse-color-to, rgba(255, 255, 255, 0));}} /* /web/static/src/scss/base_frontend.scss */ html, body{width: 100%; height: 100%;}#wrapwrap{z-index: 0; position: relative; display: flex; flex-flow: column nowrap; width: 100%; min-height: 100%;}#wrapwrap > *{flex: 0 0 auto;}#wrapwrap > main{flex: 1 0 auto;} /* /web/static/src/scss/fontawesome_overridden.scss */ .fa.fa-threads, .fa.fa-kickstarter, .fa.fa-bluesky, .fa.fa-strava, .fa.fa-google-play, .fa.fa-discord, .fa-twitter-square.fa, .fa-twitter.fa, .fa.fa-tiktok{font-family: 'odoo_ui_icons' !important;}.fa.fa-tiktok::before{content: '\e81b';}.fa-twitter.fa::before{content: '\e81a';}.fa-twitter-square.fa::before{content: '\e848';}.fa.fa-discord::before{content: '\e811';}.fa.fa-google-play::before{content: "\e81d";}.fa.fa-strava::before{content: "\e80f";}.fa.fa-bluesky::before{content: "\e81c";}.fa.fa-kickstarter::before{content: "\e819";}.fa.fa-threads::before{content: "\e818";}.o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-caret-right, .o_rtl .fa.fa-caret-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left{transform: rotate(180deg);} /* /web/static/src/scss/mimetypes.scss */ .o_image{display: inline-block; width: 38px; height: 38px; background-image: url("/web/static/img/mimetypes/unknown.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;}.o_image[data-mimetype^='image']{background-image: url("/web/static/img/mimetypes/image.svg");}.o_image[data-mimetype^='audio']{background-image: url("/web/static/img/mimetypes/audio.svg");}.o_image[data-mimetype^='text'], .o_image[data-mimetype$='rtf']{background-image: url("/web/static/img/mimetypes/text.svg");}.o_image[data-mimetype*='octet-stream'], .o_image[data-mimetype*='download'], .o_image[data-mimetype*='python']{background-image: url("/web/static/img/mimetypes/binary.svg");}.o_image[data-mimetype^='video'], .o_image[title$='.mp4'], .o_image[title$='.avi']{background-image: url("/web/static/img/mimetypes/video.svg");}.o_image[data-mimetype$='archive'], .o_image[data-mimetype$='compressed'], .o_image[data-mimetype*='zip'], .o_image[data-mimetype$='tar'], .o_image[data-mimetype*='package']{background-image: url("/web/static/img/mimetypes/archive.svg");}.o_image[data-mimetype^='application/pdf']{background-image: url("/web/static/img/mimetypes/pdf.svg");}.o_image[data-mimetype^='text-master'], .o_image[data-mimetype*='document'], .o_image[data-mimetype*='msword'], .o_image[data-mimetype*='wordprocessing']{background-image: url("/web/static/img/mimetypes/document.svg");}.o_image[data-mimetype*='application/xml'], .o_image[data-mimetype$='html']{background-image: url("/web/static/img/mimetypes/web_code.svg");}.o_image[data-mimetype$='css'], .o_image[data-mimetype$='less'], .o_image[data-ext$='less']{background-image: url("/web/static/img/mimetypes/web_style.svg");}.o_image[data-mimetype*='-image'], .o_image[data-mimetype*='diskimage'], .o_image[data-ext$='dmg']{background-image: url("/web/static/img/mimetypes/disk.svg");}.o_image[data-mimetype$='csv'], .o_image[data-mimetype*='vc'], .o_image[data-mimetype*='excel'], .o_image[data-mimetype$='numbers'], .o_image[data-mimetype$='calc'], .o_image[data-mimetype*='mods'], .o_image[data-mimetype*='spreadsheet']{background-image: url("/web/static/img/mimetypes/spreadsheet.svg");}.o_image[data-mimetype^='key']{background-image: url("/web/static/img/mimetypes/certificate.svg");}.o_image[data-mimetype*='presentation'], .o_image[data-mimetype*='keynote'], .o_image[data-mimetype*='teacher'], .o_image[data-mimetype*='slideshow'], .o_image[data-mimetype*='powerpoint']{background-image: url("/web/static/img/mimetypes/presentation.svg");}.o_image[data-mimetype*='cert'], .o_image[data-mimetype*='rules'], .o_image[data-mimetype*='pkcs'], .o_image[data-mimetype$='stl'], .o_image[data-mimetype$='crl']{background-image: url("/web/static/img/mimetypes/certificate.svg");}.o_image[data-mimetype*='-font'], .o_image[data-mimetype*='font-'], .o_image[data-ext$='ttf']{background-image: url("/web/static/img/mimetypes/font.svg");}.o_image[data-mimetype*='-dvi']{background-image: url("/web/static/img/mimetypes/print.svg");}.o_image[data-mimetype*='script'], .o_image[data-mimetype*='x-sh'], .o_image[data-ext*='bat'], .o_image[data-mimetype$='bat'], .o_image[data-mimetype$='cgi'], .o_image[data-mimetype$='-c'], .o_image[data-mimetype*='java'], .o_image[data-mimetype*='ruby']{background-image: url("/web/static/img/mimetypes/script.svg");}.o_image[data-mimetype*='javascript']{background-image: url("/web/static/img/mimetypes/javascript.svg");}.o_image[data-mimetype*='calendar'], .o_image[data-mimetype$='ldif']{background-image: url("/web/static/img/mimetypes/calendar.svg");}.o_image[data-mimetype$='postscript'], .o_image[data-mimetype$='cdr'], .o_image[data-mimetype$='xara'], .o_image[data-mimetype$='cgm'], .o_image[data-mimetype$='graphics'], .o_image[data-mimetype$='draw'], .o_image[data-mimetype*='svg']{background-image: url("/web/static/img/mimetypes/vector.svg");} /* /web/static/src/scss/ui.scss */ :root .o_hidden{display: none !important;}.o_disabled{pointer-events: none; opacity: 0.5;}.o_btn_loading{opacity: 0.65;}.o_btn_loading .fa:not(.fa-spin){display: none;}.o_text_overflow{display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;}.dropdown-menu, .o_dropdown_menu{max-height: 70vh; overflow: auto; background-clip: border-box;}.dropdown-menu:not(.o-hb-select-dropdown), .o_dropdown_menu:not(.o-hb-select-dropdown){scrollbar-width: thin;}.dropdown-toggle{white-space: nowrap;}.dropdown-toggle.o-no-caret::before, .dropdown-toggle.o-no-caret::after{content: normal;}.o_catch_attention{position: relative; z-index: 1; animation: catchAttention 200ms ease 0s infinite normal;}.o_treeEntry{padding-left: var(--treeEntry-padding-h, 1.5rem); position: relative;}.o_treeEntry:before, .o_treeEntry:after{position: absolute; left: var(--treeEntry--beforeAfter-left, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); background: var(--treeEntry--beforeAfter-color, var(--o-border-color)); content: '';}.o_treeEntry:before{top: var(--treeEntry--before-top, 0); width: 1px; height: 100%;}.o_treeEntry:after{display: var(--treeEntry--after-display, initial); top: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); width: var(--treeEntry--after-width, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); height: 1px;}.o_treeEntry:last-of-type:before{height: calc(.5em + var(--treeEntry-padding-v, 0.5rem));}@keyframes catchAttention{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{transform: translateY(-30%);}20%{transform: translateY(-25%);}40%{transform: translateY(-20%);}60%{transform: translateY(-15%);}80%{transform: translateY(-10%);}100%{transform: translateY(-5%);}}span.o_force_ltr{display: inline;}.o_force_ltr{unicode-bidi: embed; direction: ltr;}.o_image_24_cover{width: 24px; height: 24px; object-fit: cover;}.o_image_40_cover{width: 40px; height: 40px; object-fit: cover;}.o_image_64_cover{width: 64px; height: 64px; object-fit: cover;}.o_image_64_contain{width: 64px; height: 64px; object-fit: contain;}.o_image_64_max{max-width: 64px; max-height: 64px;}.modal .o_cp_action_menus .o-dropdown:has(.fa-cog){display: none;}.o_ui_app_icon{width: var(--oi-font-size, 1em);}:not(:hover) > .o_ui_app_icon{--oi-color: currentColor;}.o_button_area{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}.o_btn_reset{appearance: none; margin: unset; padding: unset; background: unset; border: unset; font-family: inherit; font-size: 100%;} /* /web/static/src/views/fields/translation_dialog.scss */ .o_translation_dialog .o_language_current{font-weight: bold;}.o_translation_dialog .row{margin-bottom: 9px;} /* /web/static/src/views/fields/signature/signature_field.scss */ .o_field_widget .o_signature{outline: 1px solid rgba(240, 205, 168, 0.3); position: relative;}.o_field_widget .o_signature.o_signature_empty{display: flex;}.o_field_widget .o_signature > p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.o_field_invalid .o_signature{outline: 3px solid #dc3545; cursor: pointer;}.o_form_editable .o_signature:hover{outline: 3px solid #017e84; cursor: pointer;} /* /web/static/src/core/utils/transitions.scss */ /* /web/static/src/core/action_swiper/action_swiper.scss */ .o_actionswiper{position: relative; touch-action: pan-y;}.o_actionswiper_target_container{transition: transform 0.4s;}.o_actionswiper_swiping{transition: none;}.o_actionswiper_right_swipe_area{transform: translateX(-100%); inset: 0 auto auto 0;}.o_actionswiper_left_swipe_area{transform: translateX(100%); inset: 0 0 auto auto;} /* /web/static/src/core/autocomplete/autocomplete.scss */ .o-autocomplete .o-autocomplete--dropdown-menu{z-index: 1056; max-width: 600px;}.o-autocomplete .o-autocomplete--input{width: 100%;}.o-autocomplete .o-autocomplete--mark{padding: 0.1875em 0;}.o-autocomplete .ui-menu-item > span{--dropdown-link-hover-color: var(--dropdown-color); --dropdown-link-hover-bg: var(--dropdown-bg);}.o-autocomplete .ui-menu-item > a.ui-state-active{margin: 0; border: none; font-weight: 400; color: var(--body-color); background-color: var(--tertiary-bg);}.o-autocomplete .ui-menu-item.o_m2o_dropdown_option, .o-autocomplete .ui-menu-item.o_m2o_start_typing, .o-autocomplete .ui-menu-item.o_m2o_no_result{text-indent: 10px;}.o-autocomplete .ui-menu-item.o_m2o_dropdown_option > a, .o-autocomplete .ui-menu-item.o_calendar_dropdown_option > a{color: #65435c;}.o-autocomplete .ui-menu-item.o_m2o_dropdown_option > a.ui-state-active:not(.o_m2o_start_typing), .o-autocomplete .ui-menu-item.o_calendar_dropdown_option > a.ui-state-active:not(.o_m2o_start_typing){color: #372432;}.o-autocomplete .ui-menu-item.o_m2o_start_typing, .o-autocomplete .ui-menu-item.o_m2o_no_result{font-style: italic;}.o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-menu-item-wrapper, .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-state-active, .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-state-active:hover, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-menu-item-wrapper, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-state-active, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-state-active:hover{background: none;}.o-autocomplete .ui-menu-item.o_m2o_start_typing > a.ui-state-active{color: var(--body-color);} /* /web/static/src/core/avatar/avatar.scss */ .o_avatar img, .o_avatar .o_avatar_empty, img.o_avatar{height: var(--Avatar-size, 1.7145em); aspect-ratio: 1; object-fit: cover;}.o_avatar_empty{background: #000; opacity: .1;} /* /web/static/src/core/badge/badge.scss */ .badge.o_badge_color_0{background-color: #e6dddd !important; color: #3c3c3c !important;}.badge.o_badge_color_1{background-color: #ff9c9c !important; color: #430c0c !important;}.badge.o_badge_color_2{background-color: #f7c698 !important; color: #35210f !important;}.badge.o_badge_color_3{background-color: #fde388 !important; color: #2f270a !important;}.badge.o_badge_color_4{background-color: #bbd7f8 !important; color: #19324f !important;}.badge.o_badge_color_5{background-color: #d9a8cc !important; color: #1d181c !important;}.badge.o_badge_color_6{background-color: #f8d6c8 !important; color: #552f1f !important;}.badge.o_badge_color_7{background-color: #89e1db !important; color: #0b1313 !important;}.badge.o_badge_color_8{background-color: #97a6f9 !important; color: #0e1436 !important;}.badge.o_badge_color_9{background-color: #ff9ecc !important; color: #450c27 !important;}.badge.o_badge_color_10{background-color: #b7edbe !important; color: #1f3922 !important;}.badge.o_badge_color_11{background-color: #e6dbfc !important; color: #39206c !important;} /* /web/static/src/core/barcode/barcode_dialog.scss */ .modal .o-barcode-modal .modal-body{overflow: hidden;}@media (max-width: 767.98px){.modal .o-barcode-modal .modal-body{padding: 0;}}.modal .o-barcode-modal .modal-body video{object-fit: cover;} /* /web/static/src/core/barcode/crop_overlay.scss */ .o_crop_container{position: relative;}.o_crop_container > *{grid-row: 1 / -1; grid-column: 1 / -1;}.o_crop_container .o_crop_overlay::after{content: ''; display: block;}.o_crop_container .o_crop_overlay:not(.o_crop_overlay_ios){background-color: RGB(0 0 0/0.75); mix-blend-mode: darken;}.o_crop_container .o_crop_overlay:not(.o_crop_overlay_ios)::after{height: 100%; width: 100%; clip-path: inset(var(--o-crop-y, 0px) var(--o-crop-x, 0px)); background-color: white;}.o_crop_container .o_crop_overlay.o_crop_overlay_ios{position: relative;}.o_crop_container .o_crop_overlay.o_crop_overlay_ios::after{position: absolute; inset: var(--o-crop-y, 0px) var(--o-crop-x, 0px); border: 1px solid black;}.o_crop_container .o_crop_icon{--o-crop-icon-width: 20px; --o-crop-icon-height: 20px; position: absolute; width: var(--o-crop-icon-width); height: var(--o-crop-icon-height); left: calc(var(--o-crop-icon-x, 0px) - (var(--o-crop-icon-width) / 2)); top: calc(var(--o-crop-icon-y, 0px) - (var(--o-crop-icon-height) / 2));} /* /web/static/src/core/bottom_sheet/bottom_sheet.scss */ .o_bottom_sheet{--BottomSheet-slideIn-duration: 400ms; --BottomSheet-slideIn-easing: cubic-bezier(0.05, 0.7, 0.1, 1); --BottomSheet-slideOut-duration: 200ms; --BottomSheet-slideOut-easing: cubic-bezier(0.3, 0, 0.8, 0.15); --BottomSheet-Sheet-borderColor: transparent; position: fixed; top: 0; left: 0; right: 0; height: 100dvh; z-index: 1045; opacity: 0; transform-style: preserve-3d; contain: layout paint size; animation-name: has-animation;}@media (prefers-reduced-motion: reduce){.o_bottom_sheet{animation-name: none;}}.o_bottom_sheet .o_bottom_sheet_rail{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; scrollbar-width: none; touch-action: pan-y; pointer-events: auto;}.o_bottom_sheet .o_bottom_sheet_rail::-webkit-scrollbar{display: none;}.o_bottom_sheet .o_bottom_sheet_rail.o_bottom_sheet_rail_prevent_overscroll, .o_bottom_sheet .o_bottom_sheet_rail.o_bottom_sheet_rail_prevent_overscroll *{overscroll-behavior: contain;}.o_bottom_sheet .o_bottom_sheet_rail::after{content: ""; position: fixed; inset: auto 0 0; height: 1.5rem; background: linear-gradient(transparent, #00000050); z-index: 1045; pointer-events: none; opacity: 0; transition: opacity var(--BottomSheet-slideIn-duration, 500ms);}.o_bottom_sheet .o_bottom_sheet_dismiss, .o_bottom_sheet .o_bottom_sheet_spacer, .o_bottom_sheet .o_bottom_sheet_sheet{scroll-snap-align: start; scroll-snap-stop: always;}.o_bottom_sheet .o_bottom_sheet_backdrop{position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.2s ease; pointer-events: auto; touch-action: none; z-index: 1044; backdrop-filter: blur(0px) grayscale(0%);}@media (prefers-reduced-motion: reduce){.o_bottom_sheet .o_bottom_sheet_backdrop{transition: none;}}.o_bottom_sheet .o_bottom_sheet_dismiss{height: var(--dismiss-height, 50dvh);}.o_bottom_sheet .o_bottom_sheet_spacer{height: calc(100dvh - var(--sheet-height, 50dvh)); pointer-events: none;}.o_bottom_sheet .o_bottom_sheet_sheet{--offcanvas-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); margin: 0 auto; min-height: var(--sheet-height); max-height: var(--sheet-max-height); border-radius: 1rem 1rem 0 0; border-bottom-width: 0; visibility: visible; transition: none; contain: content; backface-visibility: hidden; perspective: 1000px; user-select: none; background-color: #FFFFFF;}.o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body{scrollbar-width: none; flex: 1;}@keyframes bottom-sheet-in{from{transform: translateY(100%) translateZ(0);}to{transform: translateY(0) translateZ(0);}}@keyframes bottom-sheet-out{from{transform: translateY(0) translateZ(0);}to{transform: translateY(100%) translateZ(0);}}.o_bottom_sheet.o_bottom_sheet_ready{opacity: 1;}.o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_sheet{animation: var(--BottomSheet-slideIn-duration, 500ms) bottom-sheet-in var(--BottomSheet-slideIn-easing, ease-out) forwards;}@media (prefers-reduced-motion: reduce){.o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_sheet{animation: none;}}.o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_backdrop{opacity: MAX(var(--BottomSheet-progress, 0), 0.2); backdrop-filter: blur(0.5px) grayscale(50%);}.o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail{scroll-snap-type: y mandatory;}.o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail .o_bottom_sheet_backdrop{transition: none;}.o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail:before{position: fixed; inset: auto auto 0 50%; height: calc(var(--sheet-height) - 2rem); width: calc(100% - 2px); max-width: 574px; background: var(--body-bg); z-index: 1045; transform: translateY(calc((1 - var(--BottomSheet-progress)) * 150%)) translateX(-50%); content: "";}@container scroll-state(scrollable: bottom){.o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail::after{opacity: 1;}}.o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_sheet{animation: var(--BottomSheet-slideOut-duration, 300ms) bottom-sheet-out var(--BottomSheet-slideOut-easing, ease-in) forwards;}@media (prefers-reduced-motion: reduce){.o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_sheet{animation: none;}}.o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_backdrop{opacity: 0; backdrop-filter: blur(0) grayscale(0%); transition: all var(--BottomSheet-slideOut-duration, 300ms) var(--BottomSheet-slideOut-easing, ease-in);}@media (prefers-reduced-motion: reduce){.o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_backdrop{transition: none;}}.bottom-sheet-open{overflow: hidden;}.bottom-sheet-open .o_navbar, .bottom-sheet-open .o_action_manager{transition: transform 400ms ease; transform: scale(0.95) translateZ(0); transform-origin: center top;}@media (prefers-reduced-motion: reduce){.bottom-sheet-open .o_navbar, .bottom-sheet-open .o_action_manager{transition: none;}}.bottom-sheet-open:not(.o_home_menu_background) .o_main_navbar{box-shadow: 20px 0 0 #FFF, -20px 0 0 #FFF;}.bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_navbar, .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_action_manager{transition: transform 200ms ease; transform: scale(1) translateZ(0);}@media (prefers-reduced-motion: reduce){.bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_navbar, .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_action_manager{transition: none;}}.o_bottom_sheet .o_bottom_sheet_sheet{--BottomSheet-Entry-paddingX: 1rem; --treeEntry-padding-v: 1.4rem;}.o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected{position: relative; border: 1px solid #714B67; border-radius: 0.6rem; color: var(--BottomSheetStatusBar__entry-color--active, #FFFFFF);}.o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active:not(.focus), .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected:not(.focus){background: var(--BottomSheetStatusBar__entry-background--active, rgba(113, 75, 103, 0.5));}.o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active::before, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected::before{content: none !important;}.o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active::after, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected::after{position: absolute; top: 50%; left: auto; bottom: auto; right: 1rem; transform: translateY(-50%); color: #017e84; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; content: "";}.o_bottom_sheet .o_bottom_sheet_sheet .dropdown-divider{--dropdown-divider-bg: var(--o-border-color); margin: 0.5rem 0.5rem;}.o_bottom_sheet .o_bottom_sheet_sheet .dropdown-item, .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-header{--dropdown-item-padding-y: 1rem; --dropdown-item-padding-x: var(--BottomSheet-Entry-paddingX); --dropdown-header-padding-y: var(--dropdown-item-padding-y); --dropdown-header-padding-x: var(--dropdown-item-padding-x); font-size: 1.25rem; font-weight: 500; text-align: start !important;}.o_bottom_sheet .o_bottom_sheet_sheet .dropdown-item .o_stat_value{display: flex;}.o_bottom_sheet .o_bottom_sheet_sheet .o_accordion_toggle::after{border: unset; transform: unset; position: absolute; top: var(--dropdown-item-padding-y); left: auto; bottom: auto; right: 1rem; padding-block: 0.5rem; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; content: "\f0d7";}.o_bottom_sheet .o_bottom_sheet_sheet .o_accordion_toggle.open::after{content: "\f0d8";}.o_bottom_sheet .o_bottom_sheet_sheet .o_kanban_card_manage_settings:has(.o_colorlist), .o_bottom_sheet .o_bottom_sheet_sheet .o_kanban_card_manage_settings:has(.o_colorlist) > div:last-child{padding: 0;}.o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child:has(:not(.o_field_boolean_favorite)){flex-direction: column-reverse;}.o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child:has(:not(.o_field_boolean_favorite)) .o_field_kanban_color_picker{padding: 1rem;}.o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child div[class*="col-"] + div[class*="col-"]{border-left: none;}.o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child > div[class*="col-"]{width: 100%; padding: 0;}.o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child > div[class*="col-"] a{margin: 0; padding: 1rem var(--BottomSheet-Entry-paddingX); font-size: 1.25rem; font-weight: 500;} /* /web/static/src/core/checkbox/checkbox.scss */ .o-checkbox{width: fit-content;} /* /web/static/src/core/color_picker/color_picker.scss */ .o_font_color_selector{--bg: #FFF; --text-rgb: 43, 43, 51; --border-rgb: var(--text-rgb); width: 208px; max-height: inherit; overflow-y: auto; border-radius: inherit; background-color: inherit; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);}.o_font_color_selector input::-webkit-outer-spin-button, .o_font_color_selector input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}.o_font_color_selector input[type=number]{-moz-appearance: textfield;}.o_font_color_selector::-webkit-scrollbar{display: none;}.o_color_button{width: 23px; height: 22px; box-shadow: inset 0 0 0 1px rgba(var(--border-rgb), 0.5); margin: 0.5px;}.o_color_button:focus, .o_color_button:hover{transform: scale(1.1);}.o_color_picker_button:not(.selected):focus, .o_color_picker_button:not(.selected):hover{outline: solid #017e84; z-index: 1; transition: transform 0.1s ease-out;}.o_font_color_selector .btn-tab{min-width: 57px; padding: 3px; font-size: 12px;}.o_font_color_selector .o_color_picker_button.selected{border: 3px solid #017e84 !important;}.o_font_color_selector .o_colorpicker_section{margin-bottom: 3px;}.o_font_color_selector{--o-color-picker-grid-columns: 8;}.o_font_color_selector .o_colorpicker_section, .o_font_color_selector .o_color_section{display: grid; grid-template-columns: repeat(var(--o-color-picker-grid-columns), 1fr);}.o_font_color_selector .o_colorpicker_widget{width: 100%; margin-top: 2px;}.o_font_color_selector .o_colorpicker_widget .o_hex_input{border: 1px solid !important; padding: 0 2px !important; width: 10ch !important; opacity: 0.7;}:root{--100: #F8F9FA; --200: #E9ECEF; --300: #DEE2E6; --400: #CED4DA; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #343A40; --900: #212529; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF;}.color-combination-button.selected h1::before, .color-combination-button.selected .h1::before{content: "\f00c"; margin-right: 8px; font-size: 0.8em; font-family: FontAwesome; color: #00ff9e;} /* /web/static/src/core/color_picker/custom_color_picker/custom_color_picker.scss */ .o_colorpicker_widget .o_color_pick_area{height: 125px; background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(to right, gray 0%, rgba(128, 128, 128, 0) 100%); cursor: crosshair;}.o_colorpicker_widget .o_color_slider{background: linear-gradient(#F00 0%, #F0F 16.66%, #00F 33.33%, #0FF 50%, #0F0 66.66%, #FF0 83.33%, #F00 100%);}.o_colorpicker_widget .o_color_slider, .o_colorpicker_widget .o_opacity_slider{width: 4%; margin-right: 2%; cursor: pointer;}.o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer{position: absolute; top: auto; left: -50%; bottom: auto; right: auto; width: 200%; height: 8px; margin-top: -2px;}.o_colorpicker_widget .o_slider_pointer:focus-visible, .o_colorpicker_widget .o_opacity_pointer:focus-visible, .o_colorpicker_widget .o_picker_pointer:focus-visible{outline: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 1px var(--bg, #FFF), 0 0 0 3px var(--o-color-picker-active-color, #017e84);}.o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer, .o_colorpicker_widget .o_picker_pointer, .o_colorpicker_widget .o_color_preview{box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9); border: 1px solid black;}.o_colorpicker_widget .o_color_picker_inputs{font-size: 10px;}.o_colorpicker_widget .o_color_picker_inputs input{font-family: monospace !important; height: 18px; font-size: 11px;}.o_colorpicker_widget .o_color_picker_inputs .o_hex_div input{width: 9ch;} /* /web/static/src/core/colorlist/colorlist.scss */ .o_colorlist{width: var(--ColorListField-width, none); padding: var(--ColorListField-padding, 0); box-sizing: content-box; margin-bottom: var(--ColorListField-marginBottom, 0); grid-template-columns: repeat(auto-fit, 1.19rem);}.o_bottom_sheet_body .o_colorlist{--ColorListField-padding: 1rem var(--BottomSheet-Entry-paddingX); --fieldWidget-display: block; --ColorListField-Entry-fontSize: 1.4em; grid-template-columns: repeat(var(--ColorListField-columns, 6), 1fr);}.o_colorlist button{position: relative; display: block; min-width: var(--ColorListField-Entry-minWidth, 1.25rem); aspect-ratio: var(--ColorListField-Entry-aspectRatio, 1); border-radius: var(--ColorListField-Entry-borderRadius, 100%); font-size: var(--ColorListField-Entry-fontSize, smaller); overflow: hidden;}.o_colorlist button:first-child .o_colorlist button::after{box-shadow: inset 0 0 0 1px var(--dropdown-color); border-radius: inherit; color: currentColor;}.o_colorlist button.active::after{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; color: var(--color, #212529); font: normal normal normal 1em/1 FontAwesome; content: "\f00c";}.o_colorlist button:hover:not(.active){opacity: 0.76;}:not(.o_field_widget) > .o_colorlist{justify-content: center;}.o_colorlist > button{aspect-ratio: 1;}.o_colorlist > button.o_colorlist_item_color_0{background: transparent; box-shadow: inset 0 0 0 1px #ADB5BD;}.o_colorlist > button.o_colorlist_item_color_1{--background-color: RGBA(238, 45, 45, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_2{--background-color: RGBA(220, 133, 52, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_3{--background-color: RGBA(232, 187, 29, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_4{--background-color: RGBA(87, 148, 221, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_5{--background-color: RGBA(159, 98, 143, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_6{--background-color: RGBA(219, 136, 101, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_7{--background-color: RGBA(65, 169, 162, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_8{--background-color: RGBA(48, 75, 224, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_9{--background-color: RGBA(238, 47, 138, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_10{--background-color: RGBA(97, 195, 110, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important;}.o_colorlist > button.o_colorlist_item_color_11{--background-color: RGBA(152, 114, 230, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important;} /* /web/static/src/core/datetime/datetime_picker.scss */ .o_datetime_picker{--DateTimePicker__Template-rows: 3; --DateTimePicker__Template-columns: 4; --DateTimePicker__Day-template-rows: 6; width: calc(5px * 7 * 8 + (2 * 0.5rem));}.o_datetime_picker .o_selected{color: #000; background: #e6f2f3;}.o_datetime_picker .o_select_start, .o_datetime_picker .o_select_end{--selected-day-color: #c4e8ea; --percent: calc(100% / sqrt(2)); background: #e6f2f3 radial-gradient(circle, var(--selected-day-color) 0% var(--percent), transparent var(--percent) 100%);}.o_datetime_picker .o_select_start{border-top-left-radius: 50%; border-bottom-left-radius: 50%;}.o_datetime_picker .o_select_end{border-top-right-radius: 50%; border-bottom-right-radius: 50%;}.o_datetime_picker .o_today > div{aspect-ratio: 1; background-color: #dc3545; color: #FFFFFF;}.o_datetime_picker .o_date_picker{grid-template-rows: repeat(var(--DateTimePicker__Day-template-rows), 1fr); grid-template-columns: repeat(var(--DateTimePicker__Day-template-columns), 1fr);}.o_datetime_picker .o_date_item_picker{grid-template-rows: repeat(var(--DateTimePicker__Template-rows), 1fr); grid-template-columns: repeat(var(--DateTimePicker__Template-columns), 1fr);}.o_datetime_picker .o_date_item_picker .o_datetime_button.o_selected:not(.o_select_start, .o_select_end){background: #e6f2f3; color: #000;}.o_datetime_picker .o_center{display: grid; place-items: center;}.o_datetime_picker .o_date_item_cell{aspect-ratio: 1; position: relative;}.o_datetime_picker .o_date_item_cell:hover, .o_datetime_picker .o_date_item_cell:focus{--DateTimePicker__date-cell-border-color-hover: #017e84;}.o_datetime_picker .o_date_item_cell:not([disabled])::before{position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; aspect-ratio: 1; border: 1px solid var(--DateTimePicker__date-cell-border-color-hover); border-radius: 50rem; pointer-events: none;}.o_datetime_picker .o_week_number_cell{font-variant: tabular-nums;} /* /web/static/src/core/debug/debug_menu.scss */ .o_dialog .o_debug_manager .dropdown-toggle{padding: 0 4px; margin: 2px 10px 2px 0;} /* /web/static/src/core/dialog/dialog.scss */ .modal.o_technical_modal .modal-content .modal-header .modal-title{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.modal.o_technical_modal .modal-footer{text-align: left;}.modal.o_technical_modal .modal-footer button{margin: 0;}.modal.o_technical_modal .modal-footer button.o-default-button:not(:only-child){display: none;}@media (max-width: 767.98px){.modal.o_technical_modal .modal-footer .btn{width: 45%; text-overflow: ellipsis; white-space: inherit;}}@media (max-width: 575.98px){.modal.o_technical_modal.o_modal_full .modal-dialog{margin: 0px; height: 100%;}.modal.o_technical_modal.o_modal_full .modal-dialog .modal-content{height: 100%; border: none;}.modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-body{height: 100%; overflow-y: auto;}}.modal.o_inactive_modal{z-index: 1049;}.o_dialog > .modal{display: block;}@media (min-width: 576px){.modal-fs{width: calc(100% - 3.5rem); max-width: none;}}@media (max-width: 767.98px){.modal.o_modal_full .modal-content .modal-header{align-items: center; height: 46px; padding: 0 1rem;}.modal.o_modal_full .modal-content .modal-footer{padding-top: 1rem; padding-right: 16px; padding-bottom: 0.5rem; padding-left: 16px; box-shadow: 0 1rem 2rem black; z-index: 0;}} /* /web/static/src/core/dropdown/accordion_item.scss */ .o_accordion_toggle::after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;}.o_accordion_toggle:empty::after{margin-left: 0;}.o_accordion_toggle.open::after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent;}.o_accordion_toggle.open:empty::after{margin-left: 0;}.o_accordion_toggle::after{position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translate(-0.6em, 0.8em);} /* /web/static/src/core/dropdown/dropdown.scss */ .o-dropdown{}.o-dropdown.dropdown-toggle::after{content: none; border: none;}.o-dropdown.btn-secondary, .o-dropdown.btn-outline-secondary{transition: background-color .2s ease-in-out, border-color .2s ease-in-out;}.o-dropdown.btn-secondary.show, .o-dropdown.btn-outline-secondary.show{color: #000; background-color: #e6f2f3; border-color: #017e84;}.o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropstart > .o-dropdown--menu, .o-dropdown.dropend > .o-dropdown--menu{left: auto; right: auto; margin-left: 0; margin-right: 0;}.o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret), .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret), .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret){display: flex; flex-wrap: nowrap; align-items: center; gap: 5px;}.o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret):after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret):after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret):after{content: "\f0d7"; font-family: FontAwesome; display: inline-block; margin-left: auto; transform: rotate(0deg); transition: .25s ease-in-out;}.o-dropdown.o-dropdown-caret.show:not(.o-dropdown-no-caret):after, .o-dropdopwn-item.o-dropdown-caret.show:not(.o-dropdown-no-caret):after, .o_menu_item.o-dropdown-caret.show:not(.o-dropdown-no-caret):after{transform: rotate(180deg);}.o-dropdown.o-dropdown-caret.o-dropdown--has-parent:not(.o-dropdown-no-caret), .o-dropdopwn-item.o-dropdown-caret.o-dropdown--has-parent:not(.o-dropdown-no-caret), .o_menu_item.o-dropdown-caret.o-dropdown--has-parent:not(.o-dropdown-no-caret){padding-right: 8px;}.o-dropdown.o-dropdown-caret.o-dropdown--has-parent:not(.o-dropdown-no-caret):after, .o-dropdopwn-item.o-dropdown-caret.o-dropdown--has-parent:not(.o-dropdown-no-caret):after, .o_menu_item.o-dropdown-caret.o-dropdown--has-parent:not(.o-dropdown-no-caret):after{transform: rotate(-90deg);}.o-dropdown.o-dropdown-caret.o-dropdown--has-parent.o-dropdown--open:not(.o-dropdown-no-caret):after, .o-dropdopwn-item.o-dropdown-caret.o-dropdown--has-parent.o-dropdown--open:not(.o-dropdown-no-caret):after, .o_menu_item.o-dropdown-caret.o-dropdown--has-parent.o-dropdown--open:not(.o-dropdown-no-caret):after{transform: rotate(90deg);}.o-dropdown--menu{font-size: 1rem; margin-top: var(--Dropdown_menu-margin-y, 0.25rem); margin-bottom: var(--Dropdown_menu-margin-y, 0.25rem);}.o-dropdown--menu .dropdown-toggle:focus, .o-dropdown--menu .dropdown-item:focus{background-color: transparent; outline: none;}.o-dropdown--menu .dropdown-toggle:not(.focus), .o-dropdown--menu .dropdown-item:not(.focus){background-color: transparent;}.o-dropdown--menu .dropdown-toggle.focus, .o-dropdown--menu .dropdown-item.focus{background-color: var(--tertiary-bg);}.o-dropdown--menu.o-dropdown--menu-submenu{--o-dropdown--submenu-margin: calc(-.5rem - 1px); margin-top: var(--o-dropdown--submenu-margin); margin-bottom: var(--o-dropdown--submenu-margin);}.o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader), .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader) label{cursor: pointer;}.o-dropdown--menu .dropdown-item.o-dropdopwn-item-indent{--dropdown-item-padding-x: 1.5rem;}.o-dropdown-item-unstyled-button button, .o-dropdown-item-unstyled-button button:hover, .o-dropdown-item-unstyled-button button:disabled, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button:hover, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button:disabled{all: unset; display: inline-block; width: 100%;}.o_bottom_sheet .o_bottom_sheet_body.dropdown-menu, .o_bottom_sheet .o_bottom_sheet_body.o_dropdown_menu{--dropdown-border-width: 0; --dropdown-box-shadow: none; position: static; max-height: calc(var(--sheet-max-height) - 1rem / 4);} /* /web/static/src/core/dropzone/dropzone.scss */ .o-Dropzone{border: 2px dashed; z-index: 1000;}.o-Dropzone.o-dragging-inside{border-width: 5px;} /* /web/static/src/core/effects/rainbow_man.scss */ .o_reward{will-change: transform; z-index: 1056; animation: reward-fading 0.7s ease-in-out forwards;}.o_reward .o_reward_box{transform-box: fill-box;}.o_reward.o_reward_fading{animation: reward-fading-reverse 0.56s ease-in-out forwards;}.o_reward.o_reward_fading .o_reward_face_group{animation: reward-jump-reverse 0.56s ease-in-out forwards;}.o_reward.o_reward_fading .o_reward_rainbow_line{animation: reward-rainbow-reverse 0.7s ease-out forwards;}.o_reward .o_reward_rainbow_man{max-width: 400px;}.o_reward .o_reward_rainbow_line{animation: reward-rainbow 1.12s ease-out 1 forwards;}.o_reward .o_reward_face_group{animation: reward-jump 1.12s ease-in-out 1;}.o_reward .o_reward_face_wrap{animation: reward-rotate 1.12s cubic-bezier(0.51, 0.92, 0.24, 1.15) 1;}.o_reward .o_reward_face{animation: reward-float 1.4s ease-in-out 1.4s infinite alternate;}.o_reward .o_reward_star_01, .o_reward .o_reward_star_03{animation: reward-stars 1.4s ease-in-out infinite alternate-reverse;}.o_reward .o_reward_star_02, .o_reward .o_reward_star_04{animation: reward-stars 1.68s ease-in-out infinite alternate;}.o_reward .o_reward_thumbup{animation: reward-scale 0.7s ease-in-out 0s infinite alternate;}.o_reward .o_reward_shadow_container{animation: reward-float 1.4s ease-in-out infinite alternate;}.o_reward .o_reward_shadow{animation: reward-scale 1.4s ease-in-out infinite alternate;}.o_reward .o_reward_msg_container{aspect-ratio: 1 / 1; animation: reward-float-reverse 1.4s ease-in-out infinite alternate-reverse;}@keyframes reward-fading{0%{opacity: 0;}}@keyframes reward-fading-reverse{100%{opacity: 0;}}@keyframes reward-jump{0%{transform: scale(0.5);}50%{transform: scale(1.05);}}@keyframes reward-jump-reverse{50%{transform: scale(1.05);}to{transform: scale(0.5);}}@keyframes reward-rainbow{to{stroke-dashoffset: 0;}}@keyframes reward-rainbow-reverse{from{stroke-dashoffset: 0;}}@keyframes reward-float{to{transform: translateY(5px);}}@keyframes reward-float-reverse{from{transform: translateY(5px);}}@keyframes reward-stars{from{transform: scale(0.3) rotate(0deg);}50%{transform: scale(1) rotate(20deg);}to{transform: scale(0.3) rotate(80deg);}}@keyframes reward-scale{from{transform: scale(0.8);}}@keyframes reward-rotate{from{transform: scale(0.5) rotate(-30deg);}} /* /web/static/src/core/emoji_picker/emoji_picker.dark.scss */ .o-EmojiPicker{--EmojiPicker-placeholderOpacity: 75%; --EmojiPicker-active: #dadfe3;}.o-EmojiPicker-searchContour{--border-opacity: .5;} /* /web/static/src/core/emoji_picker/emoji_picker.scss */ .popover .o-EmojiPicker{width: 300px; height: 365px;}.o-EmojiPicker-content{padding-left: 0.375rem; padding-right: 0.375rem;}.o-EmojiPicker{--EmojiPicker-active: rgba(1, 126, 132, 0.15);}.o-EmojiPicker .o-Emoji{padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.8rem; aspect-ratio: 1;}.o-EmojiPicker .o-Emoji:hover{background-color: var(--EmojiPicker-active) !important;}.o-EmojiPicker .o-Emoji.o-active{background-color: var(--EmojiPicker-active) !important;}.o-EmojiPicker .o-EmojiPicker-navbar{--border-opacity: .5; padding-top: 0.125rem; padding-bottom: 0.125rem;}.o-EmojiPicker .o-EmojiPicker-navbar .o-Emoji > span{filter: grayscale(1);}.o-EmojiPicker .o-EmojiPicker-navbar .o-Emoji:not(.o-active) > span{opacity: 50%;}.o-EmojiPicker .o-EmojiPicker-sectionIcon{filter: grayscale(1);}.o-EmojiPicker .o-EmojiPicker-empty{font-size: 5rem !important; filter: grayscale(0.25);}.o-EmojiPicker-category:before{content: "\200b";}.o-EmojiPicker-search input::placeholder{opacity: var(--EmojiPicker-placeholderOpacity, 50%);}.o-EmojiPicker-search input:not(:focus) + .oi-search{color: rgba(33, 37, 41, 0.7);} /* /web/static/src/core/errors/error_dialog.scss */ @media (min-width: 768px){.o_error_dialog{padding: 1rem;}.o_error_dialog .o_error_detail > div pre{max-height: 40vh;}}.o_error_dialog .o_error_detail > div{overflow: auto;}.o_error_dialog .o_error_detail > div pre{border: none; overflow: unset;}.o_error_dialog .o_error_detail button{top: 10px; right: 15px; opacity: 0.66;}.o_error_dialog .o_error_detail button:hover{opacity: 1;}.o_error_dialog .modal-header{border: none; padding-top: 0.5rem; padding-bottom: 0.5rem;}.o_error_dialog .modal-header .modal-title{font-size: 1.625rem;}.o_error_dialog .modal-body{padding-top: 0;}.o_error_dialog .modal-footer{border: none; padding-top: 0;} /* /web/static/src/core/file_upload/file_upload_progress_bar.scss */ .o-file-upload-progress-bar-value{transition: width 0.1s; border-right: 1px solid #5a3c52; background-color: #714B67; opacity: 0.5;}.o-file-upload-progress-bar-abort{padding: 4px; color: #963535; font-size: 16px;}.o-file-upload-progress-bar-abort:active{opacity: 0.7;}div:not(:hover) .o-file-upload-progress-bar-abort{display: none;} /* /web/static/src/core/file_upload/file_upload_progress_record.scss */ .o_kanban_record .o_kanban_progress_card{min-height: 80px;}.o_kanban_record .o_kanban_progress_card .o_kanban_image_wrapper{opacity: 0.7;}.o_data_row.o_list_progress_card{height: 25px; border: 1px solid #dfdfdf;}.o_data_row.o_list_progress_card .o_file_upload_upload_title{color: inherit; font-size: 13px; font-weight: 500;} /* /web/static/src/core/file_viewer/file_viewer.scss */ .o-FileViewer{z-index: -1; outline: none;}.o-FileViewer-navigation{width: 40px; height: 40px;}.o-FileViewer-header{color: #fff; background-color: var(--FileViewer-toolbarBgColor, #1F2937); height: 46px;}.o-FileViewer-main{z-index: -1; padding: 51.75px 0;}.o-FileViewer-zoomer{padding: 51.75px 0;}.o-FileViewer-headerButton:hover{background-color: rgba(255, 255, 255, 0.1); color: #fafafb;}.o-FileViewer-toolbarButton{background-color: var(--FileViewer-toolbarBgColor, #1F2937); color: #fff;}.o-FileViewer-toolbarButton:hover{filter: brightness(1.3);}.o-FileViewer-view{background-color: #000000; box-shadow: 0 0 40px #000000; outline: none;}.o-FileViewer-view.o-isText{background: #FFF;} /* /web/static/src/core/ir_ui_view_code_editor/code_editor.scss */ .invalid_locator{position: absolute; background: red; opacity: 0.25;} /* /web/static/src/core/model_field_selector/model_field_selector.scss */ .o_model_field_selector{position: relative;}.o_model_field_selector.o_edit_mode{cursor: pointer;}.o_model_field_selector > .o_model_field_selector_value{min-width: 20px; min-height: 20px; max-width: 100%; word-wrap: break-word;}.o_model_field_selector > .o_model_field_selector_value:active, .o_model_field_selector > .o_model_field_selector_value:focus, .o_model_field_selector > .o_model_field_selector_value:active:focus{outline: none;}.o_model_field_selector > .o_model_field_selector_value > .o_model_field_selector_chain_part{cursor: inherit; border: 1px solid #dae1e7; background: #F9FAFB;}.o_model_field_selector > .o_model_field_selector_value > i{font-size: 10px;} /* /web/static/src/core/model_field_selector/model_field_selector_popover.scss */ .o_model_field_selector_popover{width: 17rem; max-height: 40vh;}.o_model_field_selector_popover .o_model_field_selector_popover_body .o_model_field_selector_popover_page > .o_model_field_selector_popover_item{background: #FFFFFF;}.o_model_field_selector_popover .o_model_field_selector_popover_body .o_model_field_selector_popover_page > .o_model_field_selector_popover_item.active button{background: var(--tertiary-bg);} /* /web/static/src/core/model_selector/model_selector.scss */ .o_model_selector .o-autocomplete--dropdown-menu{width: 25ch; max-height: 350px !important;}.o_model_selector .o-autocomplete--dropdown-menu .o-autocomplete--dropdown-item a{text-overflow: ellipsis; width: inherit;} /* /web/static/src/core/notebook/notebook.scss */ .o_notebook{--Notebook-margin-x: 0; --Notebook-padding-x: 0; --Notebook__link-border-color: transparent; --Notebook__link-border-color--active: var(--o-border-color); --Notebook__link-border-color--hover: #E9ECEF; --Notebook__link-border-top-color--active: var(--o-border-color);}.o_notebook .o_notebook_headers{margin: 0 var(--Notebook-margin-x, 0); overflow-x: auto; overflow-y: hidden;}@media (max-width: 767.98px){.o_notebook .o_notebook_headers::-webkit-scrollbar{display: none;}}.o_notebook .nav{padding: 0 var(--Notebook-padding-x, 0); background-color: white;}.o_notebook .nav-item{white-space: nowrap; margin: 0 -1px 0 0;}.o_notebook .nav-item.disabled .nav-link{cursor: not-allowed; opacity: .3;}.o_notebook .nav-link{border-color: var(--Notebook__link-border-color, transparent);}.o_notebook .nav-link.active, .o_notebook .nav-link.active:hover, .o_notebook .nav-link.active:focus, .o_notebook .nav-link.active:active{border-color: var(--Notebook__link-border-color--active); border-top-color: var(--Notebook__link-border-top-color--active, var(--Notebook__link-border-color--active)); border-bottom-color: white;}.o_notebook .nav-link:hover, .o_notebook .nav-link:focus, .o_notebook .nav-link:active{outline: none;}.o_notebook .nav-link:focus-visible, .o_notebook .nav-link.active:focus-visible{box-shadow: inset 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.o_notebook .nav-link:hover{border-color: var(--Notebook__link-border-color--hover);}.o_notebook .nav-link.o_page_invalid{color: o-text-color("danger") !important; background-color: rgba(220, 53, 69, 0.1) !important;}.o_notebook .tab-pane:not(.show){transition: none;}.o_notebook.vertical .o_notebook_headers{overflow-x: visible;}.o_notebook.vertical .nav{width: max-content; border-bottom-color: transparent;}.o_notebook.vertical .nav-item{margin: 0 0 -1px 0;}.o_notebook.vertical .nav-item:first-child .nav-link{border-top-width: 0;}.o_notebook.vertical .nav-link{margin-bottom: 0;}.o_notebook.vertical .nav-link.active, .o_notebook.vertical .nav-link.active:hover, .o_notebook.vertical .nav-link.active:focus, .o_notebook.vertical .nav-link.active:active{border-color: var(--Notebook__link-border-color--active); border-left-color: var(--Notebook__link-border-top-color--active, var(--Notebook__link-border-color--active)); border-right-color: white;}@media (max-width: 991.98px){.o_notebook .o_notebook_content .oe-toolbar{position: sticky; top: 0px; left: auto; bottom: auto; right: auto; margin-left: var(--Notebook-margin-x, 16px); margin-right: var(--Notebook-margin-x, 16px); width: auto;}} /* /web/static/src/core/notifications/notification.scss */ .o_notification_manager{position: fixed; inset: 52.9px 1rem auto 1rem; z-index: 1055;}@media (min-width: 576px){.o_notification_manager{left: auto; width: 400px;}}.o_notification_manager .o_notification{background-color: var(--Notification__background-color, white);}.o_notification_manager .o_notification_bar{width: 0.5rem;}.o_notification_fade{transition: all 0.5s;}.o_notification_fade-enter{opacity: 0;}.o_notification_progress{position: absolute; bottom: 0; left: 0; height: 3px;} /* /web/static/src/core/overlay/overlay_container.scss */ .o-overlay-item{position: fixed; z-index: 1055;} /* /web/static/src/core/pager/pager_indicator.scss */ .o_pager_indicator{z-index: 1056; transition: opacity 0.4s;}.o_pager_indicator > .o_pager_indicator_inner{min-width: 13ch; padding: 7px 14px; border: var(--border-width) solid #e7e9ed; border-radius: var(--border-radius); background-color: #e7e9ed;}.o_pager_indicator.o-fade-leave, .o_pager_indicator.o-fade-enter{opacity: 0;} /* /web/static/src/core/popover/popover.scss */ .o_popover > .popover-arrow{--safety-margin: calc((var(--popover-arrow-width) / 4) - 1px); --position-min: var(--safety-margin); --position-center: calc(50% - var(--popover-arrow-width) / 2); --position-max: calc(100% - var(--popover-arrow-width) - var(--safety-margin)); transition: opacity var(--animation-time), transform var(--animation-time); opacity: 1;}.o_popover[data-popper-placement^="top"] > .popover-arrow.sucked{opacity: 0; transform: translateY(-100%);}.o_popover[data-popper-placement^="right"] > .popover-arrow.sucked{opacity: 0; transform: translateX(100%);}.o_popover[data-popper-placement^="bottom"] > .popover-arrow.sucked{opacity: 0; transform: translateY(100%);}.o_popover[data-popper-placement^="left"] > .popover-arrow.sucked{opacity: 0; transform: translateX(-100%);} /* /web/static/src/core/pwa/install_prompt.scss */ .o_install_prompt{border-radius: 20px; height: unset !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.7); inset: 0 auto auto 0 !important; width: fit-content !important;}.o_install_prompt.o_touch_bounce{animation: none;}@media screen and (max-width: 768px){.o_install_prompt{inset: auto auto 0 0 !important; width: 90% !important; margin: 5% !important;}.o_install_prompt .modal-header{background: none !important; border: none !important;}.o_install_prompt .modal-header button{color: #000 !important;}} /* /web/static/src/core/record_selectors/record_selectors.scss */ .o_record_selector:hover .o_dropdown_button:after, .o_record_selector:focus-within .o_dropdown_button:after, .o_multi_record_selector:hover .o_dropdown_button:after, .o_multi_record_selector:focus-within .o_dropdown_button:after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor);}.o_record_selector .o_record_autocomplete_with_caret, .o_multi_record_selector .o_record_autocomplete_with_caret{display: flex; min-width: 100%; position: relative;}.o_record_selector .o_record_autocomplete_with_caret:hover::after, .o_record_selector .o_record_autocomplete_with_caret:focus-within::after, .o_multi_record_selector .o_record_autocomplete_with_caret:hover::after, .o_multi_record_selector .o_record_autocomplete_with_caret:focus-within::after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); align-self: center; position: absolute; right: .5rem;} /* /web/static/src/core/resizable_panel/resizable_panel.scss */ .o_resizable_panel{max-width: 100vw; flex-grow: 0;}.o_resizable_panel_handle{cursor: col-resize; z-index: 10; width: 5px;} /* /web/static/src/core/select_menu/select_menu.scss */ .o_select_menu.o_select_menu_multi_select input{flex: 1 0 50px;}.o_select_menu .o_select_menu_toggler_clear{transform: translateY(-50%);}.o_select_menu .o_select_menu_toggler_clear:hover i{color: red;}.o_select_menu .o_tag{margin: 2px;}.o_select_menu .o_select_menu_caret{position: absolute; top: 1px; left: auto; bottom: var(--border-width); right: 0; visibility: hidden;}.o_select_menu .o_select_menu_caret:after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor);}.o_select_menu:hover .o_select_menu_caret, .o_select_menu:focus-within .o_select_menu_caret{visibility: visible;}.o_select_menu button .o_select_menu_caret{right: 3px;}.o_select_menu .form-select + .o_select_menu_caret{display: none;}.o_select_menu_menu{background-color: #FFFFFF;}.o_select_menu_menu .o_select_menu_searchbox{background-color: #FFFFFF; position: sticky; top: -0.5rem; padding: 5px;}.o_select_menu_menu .o_select_menu_searchbox input{cursor: text !important; height: calc(1.5em + 0.75rem + calc(var(--border-width) * 2)); padding-left: 20px;}.o_select_menu_menu .o_select_menu_searchbox:before{position: absolute; top: 50%; left: auto; bottom: auto; right: auto; transform: translateY(-50%); content: "\f002"; font-family: 'FontAwesome';}.o_select_menu_menu .o_select_menu_group{background-color: #FFFFFF; top: calc(1.5em + 0.75rem + calc(var(--border-width) * 2));}.o_select_menu_menu .o_select_menu_group:not(.o_select_menu_searchable_group){top: -0.5rem;}.o_select_menu_menu:not(.o_bottom_sheet){max-height: 300px;}.o_select_menu_menu:not(.o_bottom_sheet) .o-dropdown-item:before{display: none;}.o_bottom_sheet .o_select_menu_menu{padding: 0;}.o_bottom_sheet .o_select_menu_menu .dropdown-item{font-weight: normal; margin: 0 auto; max-width: calc(100% - 2 * var(--offcanvas-padding-x));} /* /web/static/src/core/signature/name_and_signature.scss */ .o_web_sign_name_and_signature{position: relative;}.o_web_sign_signature_container canvas{width: 100%; height: 100%;}.o_signature_stroke{position: absolute; border-top: #D1D0CE solid 2px; bottom: 20%; width: 72%; left: 14%;} /* /web/static/src/core/tags_list/tags_list.scss */ .o_tag{font-size: var(--Tag-font-size, 0.875rem); max-width: var(--Tag-max-width, 100%);}.o_tag.o_tag_color_0, .o_tag.o_tag_color_0::after{--background-color: RGBA(230.1375, 221.3625, 221.3625, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(60, 60, 60, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_1, .o_tag.o_tag_color_1::after{--background-color: RGBA(255, 155.5, 155.5, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(67.15870044, 11.84129956, 11.84129956, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_2, .o_tag.o_tag_color_2::after{--background-color: RGBA(247.0375, 198.06116071, 152.4625, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(52.9, 33.325, 15.1, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_3, .o_tag.o_tag_color_3::after{--background-color: RGBA(252.88960843, 226.89175248, 135.61039157, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(47.45993976, 39.05405514, 9.54006024, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_4, .o_tag.o_tag_color_4::after{--background-color: RGBA(187.45210396, 215.03675558, 248.04789604, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(25.3049505, 49.60939855, 78.6950495, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_5, .o_tag.o_tag_color_5::after{--background-color: RGBA(216.79194664, 167.70805336, 203.91748283, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(28.91432806, 24.08567194, 27.64779531, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_6, .o_tag.o_tag_color_6::after{--background-color: RGBA(247.84539474, 213.9484835, 199.65460526, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(85.32105263, 46.88635147, 30.67894737, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_7, .o_tag.o_tag_color_7::after{--background-color: RGBA(136.6125, 224.8875, 218.94591346, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(10.58333333, 19.41666667, 18.82211538, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_8, .o_tag.o_tag_color_8::after{--background-color: RGBA(150.60535714, 165.68382711, 248.89464286, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(13.95714286, 20.10665584, 54.04285714, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_9, .o_tag.o_tag_color_9::after{--background-color: RGBA(254.94583333, 157.55416667, 203.95543194, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(68.805, 12.195, 39.16625654, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_10, .o_tag.o_tag_color_10::after{--background-color: RGBA(182.62075688, 236.87924312, 189.81831118, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(30.82018349, 57.17981651, 34.3168695, var(--text-opacity, 1)); color: var(--color) !important;}.o_tag.o_tag_color_11, .o_tag.o_tag_color_11::after{--background-color: RGBA(230.11575613, 219.41069277, 252.08930723, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(56.75321978, 31.58433735, 108.41566265, var(--text-opacity, 1)); color: var(--color) !important;} /* /web/static/src/core/time_picker/time_picker.scss */ .o_time_picker_input{transition: all .1s ease-in-out; transition-property: color, background-color, border-bottom-color; color: var(--body-color);}.o_time_picker_input.o_invalid{color: o-text-color("danger"); border-bottom-color: #dc3545; background-color: rgba(220, 53, 69, 0.1);}.o_time_picker_dropdown.o-dropdown--menu{--dropdown-min-width: unset; max-height: 15rem;}.o_datetime_picker .o_time_picker{width: 4rem;}.o_datetime_picker .o_time_picker input{text-align: center;} /* /web/static/src/core/tooltip/tooltip.scss */ .o-tooltip{--tooltip-max-width: 200px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.25rem; --tooltip-color: var(--body-bg); --tooltip-bg: var(--emphasis-color); --tooltip-border-radius: var(--border-radius); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem;}.o-tooltip:has(.o-tooltip--technical){max-width: 400px;}.o-tooltip:has(.o-tooltip--technical) .o-tooltip--help{background-color: #17a2b8; color: #FFFFFF;}.o-tooltip:has(.o-tooltip--technical) .o-tooltip--string, .o-tooltip:has(.o-tooltip--technical) .o-tooltip--help{max-width: MIN(200px, 100%);}.o-tooltip .o-tooltip--string, .o-tooltip .o-tooltip--technical--title{padding: 0.25rem 0; font-weight: 600;}.o-tooltip .o-tooltip--help, .o-tooltip .o-tooltip--technical{margin: 0.25rem 0.5rem 0.5rem;}.o-tooltip .o-tooltip--help{white-space: pre-line; padding: 0 0.5rem;}.o-tooltip .o-tooltip--technical{padding-left: 1.3em; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.75rem; list-style-type: disc;}.o-tooltip .o-tooltip--technical .o-tooltip--technical--title{margin-right: 0.25rem;}.o-tooltip + .popover-arrow{--popover-bg: var(--emphasis-color);} /* /web/static/src/core/tree_editor/tree_editor.scss */ .o_tree_editor .o_tree_editor_node .o_tree_editor_node_control_panel > button{opacity: .2;}.o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button{opacity: .5;}.o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button:hover{opacity: 1;}.o_tree_editor .o_record_selector .o-autocomplete, .o_tree_editor .o_multi_record_selector .o_record_autocomplete_with_caret{min-width: unset; flex: 1 0 50px;} /* /web/static/src/core/ui/block_ui.scss */ .o_blockUI{cursor: wait; z-index: 1070 !important;}.o_blockUI:not(.o_blockUI_invisible){-webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5); color: #fff;} /* /web/static/src/core/utils/draggable_hook_builder.scss */ @keyframes o-draggable-bounce{0%{transform: scale(1);}60%{transform: scale(0.95);}100%{transform: scale(1);}}.o_draggable{-webkit-touch-callout: none;}.o_dragged{z-index: 1000; pointer-events: none;}.o_touch_bounce{animation: o-draggable-bounce .4s forwards; user-select: none;} /* /web/static/src/core/utils/nested_sortable.scss */ .o_nested_sortable_placeholder{background-clip: content-box; background-color: deepskyblue; height: 5px; padding-top: 0 !important; padding-bottom: 0 !important;}.o_nested_sortable_placeholder_realsize{outline: 1px dashed #5f636f; background-color: #F9FAFB;} /* /web_tour/static/src/scss/tour_pointer.scss */ @keyframes o-tour-pointer-bounce-horizontal{from{transform: translateX(calc(var(--TourPointer__bounce-offset) * -1));}to{transform: translateX(var(--TourPointer__bounce-offset));}}@keyframes o-tour-pointer-bounce-vertical{from{transform: translateY(calc(var(--TourPointer__bounce-offset) * -1));}to{transform: translateY(var(--TourPointer__bounce-offset));}}@keyframes o-tour-pointer-fade-in{from{opacity: 0;}}@keyframes o-tour-pointer-info-expand{from{width: 0; height: 0;}}.o_tour_pointer{--TourPointer__anchor-space: 0; --TourPointer__bounce-offset: 3px; --TourPointer__offset: 8px; --TourPointer__scale: 1.12; --TourPointer__color: #714B67; --TourPointer__color-accent: #86597b; --TourPointer__border-width: 1px; --TourPointer__border-color-rgb: 255, 255, 255; --TourPointer__border-color: rgba(var(--TourPointer__border-color-rgb), 1); --TourPointer__arrow-size: 1rem; --TourPointer__animation-duration: 500ms; --TourPointer__expand-duration: 200ms; --TourPointer__text-color: black; --TourPointer__reveal-animation: o-tour-pointer-fade-in 400ms ease; --TourPointer__translate-x: 0; --TourPointer__translate-y: 0; z-index: 1080; max-width: 270px; border: var(--TourPointer__border-width) solid transparent; transform: translate(var(--TourPointer__translate-x), var(--TourPointer__translate-y)); transition: width var(--TourPointer__expand-duration), height var(--TourPointer__expand-duration);}.o_tour_pointer.o_bouncing.o_left, .o_tour_pointer.o_bouncing.o_right{animation: o-tour-pointer-bounce-horizontal var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation);}.o_tour_pointer.o_bouncing.o_top, .o_tour_pointer.o_bouncing.o_bottom{animation: o-tour-pointer-bounce-vertical var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation);}.o_tour_pointer .o_tour_pointer_tip{width: var(--TourPointer__width); height: var(--TourPointer__height); border: var(--TourPointer__border-width) solid white; border-radius: 0 50% 50% 50%; background-image: radial-gradient(var(--TourPointer__color-accent), var(--TourPointer__color)); box-shadow: 0 0 40px 2px rgba(var(--TourPointer__border-color-rgb), 0.5);}.o_tour_pointer .o_tour_pointer_content{background-color: #F6F5F4; color: transparent; transition: color 0s ease var(--TourPointer__expand-duration); line-height: 1.5; font-size: 1rem; font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-weight: normal;}.o_tour_pointer .o_tour_pointer_content .o_skip_tour{display: inline-block; margin-top: 4px; color: gray; cursor: pointer;}.o_tour_pointer .o_tour_pointer_content .o_skip_tour:hover{color: #4d4d4d;}.o_tour_pointer .o_tour_pointer_content p:last-child{margin-bottom: 0;}.o_tour_pointer.o_left .o_tour_pointer_tip{transform: rotate(90deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg);}.o_tour_pointer.o_right .o_tour_pointer_tip{transform: rotate(270deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg);}.o_tour_pointer.o_top .o_tour_pointer_tip{transform: rotate(180deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg);}.o_tour_pointer.o_bottom .o_tour_pointer_tip{transform: rotate(0deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg);}.o_tour_pointer.o_open{border-color: #9a9ca5; background-color: #d8dadd; animation: var(--TourPointer__reveal-animation);}.o_tour_pointer.o_open .o_tour_pointer_tip{width: var(--TourPointer__arrow-size); height: var(--TourPointer__arrow-size); border-color: #9a9ca5; border-radius: 0; background: #F6F5F4; box-shadow: none;}.o_tour_pointer.o_open .o_tour_pointer_content{color: #000;}.o_tour_pointer.o_open.o_left{--TourPointer__translate-x: calc(var(--TourPointer__arrow-size) / -2);}.o_tour_pointer.o_open.o_left .o_tour_pointer_tip{transform: translateX(-50%) rotate(45deg); right: calc(var(--TourPointer__arrow-size) * -1); top: calc(var(--TourPointer__arrow-size) / 2);}.o_tour_pointer.o_open.o_right{--TourPointer__translate-x: calc(var(--TourPointer__arrow-size) / 2);}.o_tour_pointer.o_open.o_right .o_tour_pointer_tip{transform: translateX(50%) rotate(45deg); left: calc(var(--TourPointer__arrow-size) * -1); top: calc(var(--TourPointer__arrow-size) / 2);}.o_tour_pointer.o_open.o_top{--TourPointer__translate-y: calc(var(--TourPointer__arrow-size) / -2);}.o_tour_pointer.o_open.o_top .o_tour_pointer_tip{transform: translateY(-50%) rotate(45deg); bottom: calc(var(--TourPointer__arrow-size) * -1); left: calc(var(--TourPointer__arrow-size) / 2);}.o_tour_pointer.o_open.o_bottom{--TourPointer__translate-y: calc(var(--TourPointer__arrow-size) / 2);}.o_tour_pointer.o_open.o_bottom .o_tour_pointer_tip{transform: translateY(50%) rotate(45deg); top: calc(var(--TourPointer__arrow-size) * -1); left: calc(var(--TourPointer__arrow-size) / 2);}.o_tour_pointer.o_open.o_expand_left.o_top, .o_tour_pointer.o_open.o_expand_left.o_bottom{--TourPointer__translate-x: calc( var(--TourPointer__width) + var(--TourPointer__border-width) - 100% );}.o_tour_pointer.o_open.o_expand_left.o_top .o_tour_pointer_tip, .o_tour_pointer.o_open.o_expand_left.o_bottom .o_tour_pointer_tip{left: initial; right: calc(var(--TourPointer__arrow-size) / 2);}@media print{.o_tour_pointer{display: none !important;}} /* /html_editor/static/src/components/switch/switch.scss */ .o_switch{display: flex; align-items: center; font-weight: normal; cursor: pointer;}.o_switch.o_switch_disabled{opacity: 50%; pointer-events: none;}.o_switch > input:focus + span{box-shadow: 0 0 0 3px #bc99b3;}.o_switch > input + span{border-radius: 1.2em; width: 2.04em; padding-left: 3px; padding-right: 3px; background-color: rgba(33, 37, 41, 0.4); font-size: 1.308em; line-height: 1.2em; color: rgba(33, 37, 41, 0.4); transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);}.o_switch > input + span:after{content: "\f057"; font-family: 'FontAwesome'; color: white; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);}.o_switch > input:checked + span{background: #714B67;}.o_switch > input:checked + span:after{content: "\f058"; margin-left: 0.84em;}.o_switch.o_switch_danger_success > input:not(:checked) + span{background: #e6586c;}.o_switch.o_switch_danger_success > input:checked + span{background: #00ff9e;} /* /html_editor/static/src/main/media/media_dialog/media_dialog.scss */ .modal .o_select_media_dialog .o_we_file_selector_control_panel{top: -1rem; background-color: #FFFFFF;}.modal .o_select_media_dialog .o_we_existing_attachments{min-height: 128px;}.modal .o_select_media_dialog .o_we_existing_attachments .o_we_attachment_placeholder{flex-grow: 128; flex-basis: 128px;}.modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image{transition: opacity 0.5s ease 0.5s;}.modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove{border-radius: 0 0 0 4px;}.modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove:hover{color: #e6586c;}.modal .o_select_media_dialog .o_we_attachment_selected{box-shadow: 0 0 0 3px #714B67;}.modal .o_select_media_dialog .o_we_attachment_selected:not(.fa){border: 3px solid #714B67; box-shadow: none;}.modal .o_select_media_dialog .o_we_attachment_selected:not(.fa):before{content: ""; position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; width: 19px; height: 19px; background-color: #714B67; font-family: 'FontAwesome'; color: white; border-radius: 50%; text-align: center; z-index: 1; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);}.modal .o_select_media_dialog .o_we_load_more{scroll-margin: 1rem;}.modal .o_select_media_dialog .o_we_load_more.o_hide_loading > *{display: none;}.modal .o_select_media_dialog .o_scroll_attachments{bottom: 0px; width: 36px; height: 36px; margin-top: -36px; z-index: 2;}.modal .o_select_media_dialog .font-icons-icons > span{width: 50px;}.modal .o_select_media_dialog .o_video_dialog_form textarea{min-height: 95px;}.modal .o_select_media_dialog .o_video_preview{border-top: 1px solid black; border-bottom: 1px solid white; background-image: linear-gradient(-150deg, #2b2b33, #191922); color: white;}.modal .o_select_media_dialog .o_video_preview .media_iframe_video{width: 100%;} /* /html_editor/static/src/main/media/media_dialog/upload_progress_toast/upload_progress_toast.scss */ .o_upload_progress_toast{font-size: 16px;}.o_upload_progress_toast .o_we_progressbar:last-child hr{display: none;}.editor_notification_manager{width: calc(100% - 3rem);}@media (min-width: 576px){.editor_notification_manager{width: calc(calc(400px - 3rem) + 3rem);}}.editor_notification_body{width: calc(100% - 3rem);}@media (min-width: 576px){.editor_notification_body{width: calc(400px - 3rem);}} /* /html_editor/static/src/main/local_overlay.scss */ .oe-local-overlay{position: absolute; isolation: isolate; height: 0; width: 0; z-index: 1;} /* /html_editor/static/src/main/list/list.scss */ [contenteditable="true"] li p{margin-bottom: 0;}[contenteditable="true"] :where([style*="color:"]){--heading-color: none;}ul.o_checklist > li{list-style: none; position: relative;}ul.o_checklist > li:not(.oe-nested):before{content: ''; position: absolute; left: -20px; display: block; height: 14px; width: 14px; top: 1px; border: 1px solid; cursor: pointer;}ul.o_checklist > li.o_checked::before{content: "✓"; transition: opacity .5s; position: absolute; left: -18px; top: -1px; opacity: 1;}ul.o_checklist > li.o_checked:has(ul, ol)::before{opacity: 0.5;}ul.o_checklist > li.o_checked:not(:has(ul, ol)){text-decoration: line-through; opacity: 0.5;}ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol){text-decoration: line-through; opacity: 0.5;} /* /html_editor/static/src/main/media/file.scss */ .o_file_box, [data-embedded="file"]{display: inline-block; width: fit-content; min-width: 250px; margin: 3px; vertical-align: middle;}.o_file_box .alert.alert-info, [data-embedded="file"] .alert.alert-info{border-radius: 5px; outline: 1px solid #d8dadd; outline-offset: -1px; padding: 5px; margin: 0;}.o_file_box .o_image, [data-embedded="file"] .o_image{width: 32px;} /* /html_editor/static/src/others/embedded_components/core/embedded_component_toolbar/embedded_component_toolbar.scss */ .o_embedded_toolbar button{font-family: var(--font-sans-serif) !important; font-weight: 600;}@media screen and (max-width: 1024px){.o_embedded_toolbar button .o_embedded_toolbar_button_text{display: none;}} /* /html_editor/static/src/others/embedded_components/core/file/file.scss */ [data-embedded="file"] [data-embedded-editable]{background-color: white;}[data-embedded="file"] .o_file_name_container:hover i{visibility: visible !important;}[data-embedded="file"] input[type="text"]{width: 190px;} /* /html_editor/static/src/others/embedded_components/core/table_of_content/table_of_content.scss */ [data-embedded="tableOfContent"]{margin-left: 2px; margin-right: 2px; margin-top: 16px; margin-bottom: 16px; outline: 1px solid #d8dadd; outline-offset: -1px; border-radius: 5px; background-color: #F9FAFB;}[data-embedded="tableOfContent"] .o_embedded_toc_content{background-color: white;}[data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"]{font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent;}[data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"]:hover{background-color: rgba(27, 161, 228, 0.2); text-decoration: none;}[data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_0{padding-left: 5px;}[data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_1{padding-left: calc(5px + Min(30px, 10%) * 1);}[data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_2{padding-left: calc(5px + Min(30px, 10%) * 2);}[data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_3{padding-left: calc(5px + Min(30px, 10%) * 3);}[data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_4{padding-left: calc(5px + Min(30px, 10%) * 4);}[data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_5{padding-left: calc(5px + Min(30px, 10%) * 5);}[data-embedded="tableOfContent"] .o_embedded_toc_label{color: #5f636f;}.o_field_html .odoo-editor-editable h1, .o_field_html .odoo-editor-editable .h1, .o_field_html .odoo-editor-editable h2, .o_field_html .odoo-editor-editable .h2, .o_field_html .odoo-editor-editable h3, .o_field_html .odoo-editor-editable .h3, .o_field_html .odoo-editor-editable h4, .o_field_html .odoo-editor-editable .h4, .o_field_html .odoo-editor-editable h5, .o_field_html .odoo-editor-editable .h5, .o_field_html .odoo-editor-editable h6, .o_field_html .odoo-editor-editable .h6, .o_field_html .o_readonly h1, .o_field_html .o_readonly .h1, .o_field_html .o_readonly h2, .o_field_html .o_readonly .h2, .o_field_html .o_readonly h3, .o_field_html .o_readonly .h3, .o_field_html .o_readonly h4, .o_field_html .o_readonly .h4, .o_field_html .o_readonly h5, .o_field_html .o_readonly .h5, .o_field_html .o_readonly h6, .o_field_html .o_readonly .h6{transition: background-color 0.5s ease;}.o_field_html .odoo-editor-editable h1.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h1, .o_field_html .odoo-editor-editable h2.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h2, .o_field_html .odoo-editor-editable h3.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h3, .o_field_html .odoo-editor-editable h4.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h4, .o_field_html .odoo-editor-editable h5.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h5, .o_field_html .odoo-editor-editable h6.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h6, .o_field_html .o_readonly h1.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h1, .o_field_html .o_readonly h2.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h2, .o_field_html .o_readonly h3.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h3, .o_field_html .o_readonly h4.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h4, .o_field_html .o_readonly h5.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h5, .o_field_html .o_readonly h6.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h6{border-radius: 0.25rem; background-color: rgba(27, 161, 228, 0.2);} /* /html_editor/static/src/others/embedded_components/core/toggle_block/toggle_block.scss */ [data-embedded="toggleBlock"] [data-embedded-editable] > p{margin: 0;}[data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right){cursor: pointer !important; width: 1.5rem; aspect-ratio: 1 / 1; background-color: transparent;}[data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right):hover{background-color: rgba(216, 218, 221, 0.5);}[data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right):active{background-color: rgba(216, 218, 221, 0.2);} /* /html_editor/static/src/others/qweb_plugin.scss */ .odoo-editor-editable.odoo-editor-qweb t, .odoo-editor-editable.odoo-editor-qweb [t-if], .odoo-editor-editable.odoo-editor-qweb [t-elif], .odoo-editor-editable.odoo-editor-qweb [t-else], .odoo-editor-editable.odoo-editor-qweb [t-foreach], .o_readonly t, .o_readonly [t-if], .o_readonly [t-elif], .o_readonly [t-else], .o_readonly [t-foreach]{background-color: rgba(0, 0, 102, 0.1) !important;}.odoo-editor-editable.odoo-editor-qweb t, .odoo-editor-editable.odoo-editor-qweb [t-esc], .odoo-editor-editable.odoo-editor-qweb [t-out], .odoo-editor-editable.odoo-editor-qweb [t-raw], .o_readonly t, .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw]{border-radius: 2px;}.odoo-editor-editable.odoo-editor-qweb [t-esc], .odoo-editor-editable.odoo-editor-qweb [t-out], .odoo-editor-editable.odoo-editor-qweb [t-raw], .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw]{background-color: rgba(36, 154, 255, 0.16) !important;}.odoo-editor-editable.odoo-editor-qweb [t-esc]:empty::before, .o_readonly [t-esc]:empty::before{content: attr(t-esc);}.odoo-editor-editable.odoo-editor-qweb [t-raw]:empty::before, .o_readonly [t-raw]:empty::before{content: attr(t-raw);}.odoo-editor-editable.odoo-editor-qweb [t-out]:empty::before, .o_readonly [t-out]:empty::before{content: attr(t-out);}.odoo-editor-editable.odoo-editor-qweb t[t-set], .o_readonly t[t-set]{display: none;}.odoo-editor-editable.odoo-editor-qweb t[data-oe-t-inline], .o_readonly t[data-oe-t-inline]{display: inline;}.odoo-editor-editable.odoo-editor-qweb t:not([data-oe-t-inline]), .o_readonly t:not([data-oe-t-inline]){display: block;}.odoo-editor-editable.odoo-editor-qweb t[data-oe-t-inline]:not([data-oe-t-group-active]), .o_readonly t[data-oe-t-inline]:not([data-oe-t-group-active]){display: unset;}.odoo-editor-editable.odoo-editor-qweb [data-oe-t-group]:not([data-oe-t-group-active]), .o_readonly [data-oe-t-group]:not([data-oe-t-group-active]){display: none !important;}.odoo-editor-editable.odoo-editor-qweb [data-oe-t-group][data-oe-t-selectable], .o_readonly [data-oe-t-group][data-oe-t-selectable]{outline: 1px dashed rgba(0, 0, 102, 0.4) !important;}.oe-qweb-select{position: absolute; z-index: 1056; background-color: white;} /* /html_editor/static/src/public/styles.scss */ .o-we-toolbar .btn{border-color: white; padding-top: 0; padding-bottom: 0;}.o-we-toolbar .btn:not(:hover):not(.active){background-color: white;}.o-we-powerbox{background-color: white !important;} /* /html_editor/static/src/scss/html_editor.common.scss */ :root{--100: #F8F9FA; --200: #E9ECEF; --300: #DEE2E6; --400: #CED4DA; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #343A40; --900: #212529; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; --o-cc1-text: #212529; --o-cc1-headings: #212529; --o-cc1-h2: #212529; --o-cc1-h3: #212529; --o-cc1-h4: #212529; --o-cc1-h5: #212529; --o-cc1-h6: #212529; --o-cc1-link: #65435c; --o-cc1-btn-primary: #714B67; --o-cc1-btn-primary-text: #FFFFFF; --o-cc1-btn-primary-border: #714B67; --o-cc1-btn-secondary: #F0CDA8; --o-cc1-btn-secondary-text: #212529; --o-cc1-btn-secondary-border: #F0CDA8; --o-cc2-text: #212529; --o-cc2-h2: #1B1319; --o-cc2-h3: #1B1319; --o-cc2-h4: #1B1319; --o-cc2-h5: #1B1319; --o-cc2-h6: #1B1319; --o-cc2-link: #583b51; --o-cc2-btn-primary: #714B67; --o-cc2-btn-primary-text: #FFFFFF; --o-cc2-btn-primary-border: #714B67; --o-cc2-btn-secondary: #F0CDA8; --o-cc2-btn-secondary-text: #212529; --o-cc2-btn-secondary-border: #F0CDA8; --o-cc3-text: #212529; --o-cc3-headings: #212529; --o-cc3-h2: #212529; --o-cc3-h3: #212529; --o-cc3-h4: #212529; --o-cc3-h5: #212529; --o-cc3-h6: #212529; --o-cc3-link: #2a1c27; --o-cc3-btn-primary: #714B67; --o-cc3-btn-primary-text: #FFFFFF; --o-cc3-btn-primary-border: #714B67; --o-cc3-btn-secondary-text: #212529; --o-cc3-btn-secondary-border: #F6F5F4; --o-cc4-text: #FFFFFF; --o-cc4-headings: #FFFFFF; --o-cc4-h2: #FFFFFF; --o-cc4-h3: #FFFFFF; --o-cc4-h4: #FFFFFF; --o-cc4-h5: #FFFFFF; --o-cc4-h6: #FFFFFF; --o-cc4-link: black; --o-cc4-btn-primary-text: #FFFFFF; --o-cc4-btn-primary-border: #1B1319; --o-cc4-btn-secondary-text: #212529; --o-cc4-btn-secondary-border: #F6F5F4; --o-cc5-text: #FFFFFF; --o-cc5-h2: #FFFFFF; --o-cc5-h3: #FFFFFF; --o-cc5-h4: #FFFFFF; --o-cc5-h5: #FFFFFF; --o-cc5-h6: #FFFFFF; --o-cc5-link: #b18aa7; --o-cc5-btn-primary: #714B67; --o-cc5-btn-primary-text: #FFFFFF; --o-cc5-btn-primary-border: #714B67; --o-cc5-btn-secondary-text: #212529; --o-cc5-btn-secondary-border: #F6F5F4; --o-grid-gutter-width: 30px; --o-md-container-max-width: 720px; --o-we-content-to-translate-color: rgba(255, 255, 90, 0.5); --o-we-translated-content-color: rgba(120, 215, 110, 0.5); --o-system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --display-1-font-size: 5rem; --display-2-font-size: 4.5rem; --display-3-font-size: 4rem; --display-4-font-size: 3.5rem; --h1-font-size: 3rem; --h2-font-size: 2.5rem; --h3-font-size: 2rem; --h4-font-size: 1.5rem; --h5-font-size: 1.25rem; --h6-font-size: 1rem; --font-size-base: 1rem; --small-font-size: 0.875em; --lead-font-size: 1.125rem;}html, body{position: relative; width: 100%; height: 100%;}pre{padding: 0.5rem 1rem; border: 1px solid var(--o-border-color); border-radius: 0.4rem; background-color: #F8F9FA; color: #212529;}*[contenteditable=true]{outline: none;}[contenteditable]{overflow-wrap: unset !important;}.css_non_editable_mode_hidden{display: none !important;}.editor_enable .css_editable_mode_hidden{display: none !important;}#wrapwrap table.table.table-bordered, .o_editable table.table.table-bordered{table-layout: fixed; overflow-wrap: break-word;}#wrapwrap table.table.table-bordered td, .o_editable table.table.table-bordered td{min-width: 20px;}@media (max-width: 767.98px){#wrapwrap .table-responsive > table.table, .o_editable .table-responsive > table.table{table-layout: auto;}}ul.o_checklist{list-style: none;}ul.o_checklist > li{list-style: none; position: relative;}ul.o_checklist > li:not(.oe-nested)::before{content: ''; position: absolute; left: -20px; display: block; height: 13px; width: 13px; top: 4px; border: 1px solid; text-align: center; cursor: pointer;}ul.o_checklist > li.o_checked::before{content: "✓"; display: flex; font-size: 13px; align-items: center; justify-content: center; padding-left: 1px ; padding-top: 1px;}ul.o_checklist > li.o_checked:has(ul, ol)::before{opacity: 0.5;}ul.o_checklist > li.o_checked:not(:has(ul, ol)){text-decoration: line-through; opacity: 0.5;}ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol){text-decoration: line-through; opacity: 0.5;}ul.o_checklist[dir="rtl"] li:not(.oe-nested)::before{left: auto; right: -20px; text-align: right;}ul.o_checklist[dir="ltr"] li:not(.oe-nested)::before{right: auto; left: -20px; text-align: left;}ol > li.o_indent, ul > li.o_indent{margin-left: 0; list-style: none;}ol > li.o_indent::before, ul > li.o_indent::before{content: none;}.o_stars .fa.fa-star{color: gold;}img.o_we_custom_image{display: inline-block;}img.shadow{box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);}img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small{padding: 4px;}img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium{padding: 8px;}img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large{padding: 16px;}img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl{padding: 32px;}img.ms-auto, img.mx-auto{display: block;}.fa-6x{font-size: 6em;}.fa-7x{font-size: 7em;}.fa-8x{font-size: 8em;}.fa-9x{font-size: 9em;}.fa-10x{font-size: 10em;}.fa.mx-auto{display: block; text-align: center;}.fa.card-img, .fa.card-img-top, .fa.card-img-bottom{width: auto;}.o_small{font-size: 0.875rem;}.display-1-fs{font-size: calc(1.625rem + 4.5vw);}@media (min-width: 1200px){.display-1-fs{font-size: 5rem;}}.display-2-fs{font-size: calc(1.575rem + 3.9vw);}@media (min-width: 1200px){.display-2-fs{font-size: 4.5rem;}}.display-3-fs{font-size: calc(1.525rem + 3.3vw);}@media (min-width: 1200px){.display-3-fs{font-size: 4rem;}}.display-4-fs{font-size: calc(1.475rem + 2.7vw);}@media (min-width: 1200px){.display-4-fs{font-size: 3.5rem;}}.h1-fs{font-size: calc(1.425rem + 2.1vw);}@media (min-width: 1200px){.h1-fs{font-size: 3rem;}}.h2-fs{font-size: calc(1.375rem + 1.5vw);}@media (min-width: 1200px){.h2-fs{font-size: 2.5rem;}}.h3-fs{font-size: calc(1.325rem + 0.9vw);}@media (min-width: 1200px){.h3-fs{font-size: 2rem;}}.h4-fs{font-size: calc(1.275rem + 0.3vw);}@media (min-width: 1200px){.h4-fs{font-size: 1.5rem;}}.h5-fs{font-size: 1.25rem;}.h6-fs{font-size: 1rem;}.base-fs{font-size: 1rem;}.o_small-fs{font-size: 0.875em;}div.media_iframe_video{margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px;}div.media_iframe_video iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: auto; right: 0; margin: 0 auto;}div.media_iframe_video.padding-small iframe{padding: 4px;}div.media_iframe_video.padding-medium iframe{padding: 8px;}div.media_iframe_video.padding-large iframe{padding: 16px;}div.media_iframe_video.padding-xl iframe{padding: 32px;}div.media_iframe_video .media_iframe_video_size{padding-bottom: 56.25%; position: relative; width: 100%; height: 0;}div.media_iframe_video .css_editable_mode_display{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 2;}address .fa.fa-mobile-phone{margin: 0 3px 0 2px;}address .fa.fa-file-text-o{margin-right: 1px;}span[data-oe-type="monetary"]{white-space: nowrap;}ul.oe_menu_editor .oe_menu_placeholder{outline: 1px dashed #4183C4;}ul.oe_menu_editor ul{list-style: none;}ul.oe_menu_editor li div{cursor: url(/web/static/img/openhand.cur), grab;}ul.oe_menu_editor li div :active{cursor: grabbing;}.mt0{margin-top: 0px !important;}.mb0{margin-bottom: 0px !important;}.pt0{padding-top: 0px !important;}.pb0{padding-bottom: 0px !important;}.mt8{margin-top: 8px !important;}.mb8{margin-bottom: 8px !important;}.pt8{padding-top: 8px !important;}.pb8{padding-bottom: 8px !important;}.mt16{margin-top: 16px !important;}.mb16{margin-bottom: 16px !important;}.pt16{padding-top: 16px !important;}.pb16{padding-bottom: 16px !important;}.mt24{margin-top: 24px !important;}.mb24{margin-bottom: 24px !important;}.pt24{padding-top: 24px !important;}.pb24{padding-bottom: 24px !important;}.mt32{margin-top: 32px !important;}.mb32{margin-bottom: 32px !important;}.pt32{padding-top: 32px !important;}.pb32{padding-bottom: 32px !important;}.mt40{margin-top: 40px !important;}.mb40{margin-bottom: 40px !important;}.pt40{padding-top: 40px !important;}.pb40{padding-bottom: 40px !important;}.mt48{margin-top: 48px !important;}.mb48{margin-bottom: 48px !important;}.pt48{padding-top: 48px !important;}.pb48{padding-bottom: 48px !important;}.mt56{margin-top: 56px !important;}.mb56{margin-bottom: 56px !important;}.pt56{padding-top: 56px !important;}.pb56{padding-bottom: 56px !important;}.mt64{margin-top: 64px !important;}.mb64{margin-bottom: 64px !important;}.pt64{padding-top: 64px !important;}.pb64{padding-bottom: 64px !important;}.mt72{margin-top: 72px !important;}.mb72{margin-bottom: 72px !important;}.pt72{padding-top: 72px !important;}.pb72{padding-bottom: 72px !important;}.mt80{margin-top: 80px !important;}.mb80{margin-bottom: 80px !important;}.pt80{padding-top: 80px !important;}.pb80{padding-bottom: 80px !important;}.mt88{margin-top: 88px !important;}.mb88{margin-bottom: 88px !important;}.pt88{padding-top: 88px !important;}.pb88{padding-bottom: 88px !important;}.mt96{margin-top: 96px !important;}.mb96{margin-bottom: 96px !important;}.pt96{padding-top: 96px !important;}.pb96{padding-bottom: 96px !important;}.mt104{margin-top: 104px !important;}.mb104{margin-bottom: 104px !important;}.pt104{padding-top: 104px !important;}.pb104{padding-bottom: 104px !important;}.mt112{margin-top: 112px !important;}.mb112{margin-bottom: 112px !important;}.pt112{padding-top: 112px !important;}.pb112{padding-bottom: 112px !important;}.mt120{margin-top: 120px !important;}.mb120{margin-bottom: 120px !important;}.pt120{padding-top: 120px !important;}.pb120{padding-bottom: 120px !important;}.mt128{margin-top: 128px !important;}.mb128{margin-bottom: 128px !important;}.pt128{padding-top: 128px !important;}.pb128{padding-bottom: 128px !important;}.mt136{margin-top: 136px !important;}.mb136{margin-bottom: 136px !important;}.pt136{padding-top: 136px !important;}.pb136{padding-bottom: 136px !important;}.mt144{margin-top: 144px !important;}.mb144{margin-bottom: 144px !important;}.pt144{padding-top: 144px !important;}.pb144{padding-bottom: 144px !important;}.mt152{margin-top: 152px !important;}.mb152{margin-bottom: 152px !important;}.pt152{padding-top: 152px !important;}.pb152{padding-bottom: 152px !important;}.mt160{margin-top: 160px !important;}.mb160{margin-bottom: 160px !important;}.pt160{padding-top: 160px !important;}.pb160{padding-bottom: 160px !important;}.mt168{margin-top: 168px !important;}.mb168{margin-bottom: 168px !important;}.pt168{padding-top: 168px !important;}.pb168{padding-bottom: 168px !important;}.mt176{margin-top: 176px !important;}.mb176{margin-bottom: 176px !important;}.pt176{padding-top: 176px !important;}.pb176{padding-bottom: 176px !important;}.mt184{margin-top: 184px !important;}.mb184{margin-bottom: 184px !important;}.pt184{padding-top: 184px !important;}.pb184{padding-bottom: 184px !important;}.mt192{margin-top: 192px !important;}.mb192{margin-bottom: 192px !important;}.pt192{padding-top: 192px !important;}.pb192{padding-bottom: 192px !important;}.mt200{margin-top: 200px !important;}.mb200{margin-bottom: 200px !important;}.pt200{padding-top: 200px !important;}.pb200{padding-bottom: 200px !important;}.mt208{margin-top: 208px !important;}.mb208{margin-bottom: 208px !important;}.pt208{padding-top: 208px !important;}.pb208{padding-bottom: 208px !important;}.mt216{margin-top: 216px !important;}.mb216{margin-bottom: 216px !important;}.pt216{padding-top: 216px !important;}.pb216{padding-bottom: 216px !important;}.mt224{margin-top: 224px !important;}.mb224{margin-bottom: 224px !important;}.pt224{padding-top: 224px !important;}.pb224{padding-bottom: 224px !important;}.mt232{margin-top: 232px !important;}.mb232{margin-bottom: 232px !important;}.pt232{padding-top: 232px !important;}.pb232{padding-bottom: 232px !important;}.mt240{margin-top: 240px !important;}.mb240{margin-bottom: 240px !important;}.pt240{padding-top: 240px !important;}.pb240{padding-bottom: 240px !important;}.mt248{margin-top: 248px !important;}.mb248{margin-bottom: 248px !important;}.pt248{padding-top: 248px !important;}.pb248{padding-bottom: 248px !important;}.mt256{margin-top: 256px !important;}.mb256{margin-bottom: 256px !important;}.pt256{padding-top: 256px !important;}.pb256{padding-bottom: 256px !important;}.mt4{margin-top: 4px !important;}.mb4{margin-bottom: 4px !important;}.pt4{padding-top: 4px !important;}.pb4{padding-bottom: 4px !important;}.mt92{margin-top: 92px !important;}.mb92{margin-bottom: 92px !important;}.ml0{margin-left: 0px !important;}.mr0{margin-right: 0px !important;}.ml4{margin-left: 4px !important;}.mr4{margin-right: 4px !important;}.ml8{margin-left: 8px !important;}.mr8{margin-right: 8px !important;}.ml16{margin-left: 16px !important;}.mr16{margin-right: 16px !important;}.ml32{margin-left: 32px !important;}.mr32{margin-right: 32px !important;}.ml64{margin-left: 64px !important;}.mr64{margin-right: 64px !important;}a.o_underline{text-decoration: underline;}a.o_underline:hover{text-decoration: underline;}.o_nocontent_help{pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: #212529; font-size: 115%;}.o_nocontent_help > p:first-of-type{margin-top: 0; color: inherit; font-weight: bold; font-size: 125%;}.o_nocontent_help a{cursor: pointer;}.o_we_search_prompt{position: relative; min-height: 250px; width: 100%; display: flex; align-items: center; justify-content: flex-start;}.o_we_search_prompt > h2, .o_we_search_prompt > .h2{max-width: 500px; text-align: center; margin-left: 150px;}.o_we_search_prompt::before{transform: scale(-1, 1); content: ""; position: absolute; top: 12px; left: 40px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("/html_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat;}blockquote{padding: 0.5rem 1rem; border-left: 5px solid; border-color: #DEE2E6; font-style: italic;}pre{white-space: pre-wrap;}pre p{margin-bottom: 0px;}.bg-o-color-1{--background-color: #714B67; --color: #FFFFFF; background-color: #714B67 !important; color: #FFFFFF;}.bg-o-color-1 .text-muted, .o_colored_level .bg-o-color-1 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-o-color-1:hover, a.bg-o-color-1:focus, button.bg-o-color-1:hover, button.bg-o-color-1:focus{--background-color: #52374b; --color: #FFFFFF; background-color: #52374b !important; color: #FFFFFF;}.text-o-color-1{color: #714B67 !important;}a.text-o-color-1:hover, a.text-o-color-1:focus{color: #34222f !important;}.bg-o-color-2{--background-color: #F0CDA8; --color: #212529; background-color: #F0CDA8 !important; color: #212529;}.bg-o-color-2 .text-muted, .o_colored_level .bg-o-color-2 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-o-color-2:hover, a.bg-o-color-2:focus, button.bg-o-color-2:hover, button.bg-o-color-2:focus{--background-color: #e9b47d; --color: #212529; background-color: #e9b47d !important; color: #212529;}.text-o-color-2{color: #F0CDA8 !important;}a.text-o-color-2:hover, a.text-o-color-2:focus{color: #e19b51 !important;}.bg-o-color-3{--background-color: #F6F5F4; --color: #212529; background-color: #F6F5F4 !important; color: #212529;}.bg-o-color-3 .text-muted, .o_colored_level .bg-o-color-3 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-o-color-3:hover, a.bg-o-color-3:focus, button.bg-o-color-3:hover, button.bg-o-color-3:focus{--background-color: #dfdcd8; --color: #212529; background-color: #dfdcd8 !important; color: #212529;}.text-o-color-3{color: #F6F5F4 !important;}a.text-o-color-3:hover, a.text-o-color-3:focus{color: #c8c2bc !important;}.bg-o-color-4{--background-color: #FFFFFF; --color: #212529; background-color: #FFFFFF !important; color: #212529;}.bg-o-color-4 .text-muted, .o_colored_level .bg-o-color-4 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-o-color-4:hover, a.bg-o-color-4:focus, button.bg-o-color-4:hover, button.bg-o-color-4:focus{--background-color: #e6e6e6; --color: #212529; background-color: #e6e6e6 !important; color: #212529;}.text-o-color-4{color: #FFFFFF !important;}a.text-o-color-4:hover, a.text-o-color-4:focus{color: #cccccc !important;}.bg-o-color-5{--background-color: #1B1319; --color: #FFFFFF; background-color: #1B1319 !important; color: #FFFFFF;}.bg-o-color-5 .text-muted, .o_colored_level .bg-o-color-5 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-o-color-5:hover, a.bg-o-color-5:focus, button.bg-o-color-5:hover, button.bg-o-color-5:focus{--background-color: black; --color: #FFFFFF; background-color: black !important; color: #FFFFFF;}.text-o-color-5{color: #1B1319 !important;}a.text-o-color-5:hover, a.text-o-color-5:focus{color: black !important;}.o_cc .dropdown-menu .dropdown-item, .o_cc .o_dropdown_menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item, .o_footer .dropdown-menu .dropdown-item, .o_footer .o_dropdown_menu .dropdown-item, .navbar-light .dropdown-menu .dropdown-item, .navbar-light .o_dropdown_menu .dropdown-item, .o_cc .dropdown-menu .dropdown-item h6, .o_cc .o_dropdown_menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6, .o_footer .dropdown-menu .dropdown-item h6, .o_footer .o_dropdown_menu .dropdown-item h6, .navbar-light .dropdown-menu .dropdown-item h6, .navbar-light .o_dropdown_menu .dropdown-item h6, .o_cc .dropdown-menu .dropdown-item .h6, .o_cc .o_dropdown_menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6, .o_footer .dropdown-menu .dropdown-item .h6, .o_footer .o_dropdown_menu .dropdown-item .h6, .navbar-light .dropdown-menu .dropdown-item .h6, .navbar-light .o_dropdown_menu .dropdown-item .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6{color: var(--body-color) !important;}.o_cc .dropdown-menu .dropdown-item:hover, .o_cc .o_dropdown_menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:hover, .o_footer .dropdown-menu .dropdown-item:hover, .o_footer .o_dropdown_menu .dropdown-item:hover, .navbar-light .dropdown-menu .dropdown-item:hover, .navbar-light .o_dropdown_menu .dropdown-item:hover, .o_cc .dropdown-menu .dropdown-item:focus, .o_cc .o_dropdown_menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:focus, .o_footer .dropdown-menu .dropdown-item:focus, .o_footer .o_dropdown_menu .dropdown-item:focus, .navbar-light .dropdown-menu .dropdown-item:focus, .navbar-light .o_dropdown_menu .dropdown-item:focus, .o_cc .dropdown-menu .dropdown-item h6:hover, .o_cc .o_dropdown_menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6:hover, .o_footer .dropdown-menu .dropdown-item h6:hover, .o_footer .o_dropdown_menu .dropdown-item h6:hover, .navbar-light .dropdown-menu .dropdown-item h6:hover, .navbar-light .o_dropdown_menu .dropdown-item h6:hover, .o_cc .dropdown-menu .dropdown-item .h6:hover, .o_cc .o_dropdown_menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6:hover, .o_footer .dropdown-menu .dropdown-item .h6:hover, .o_footer .o_dropdown_menu .dropdown-item .h6:hover, .navbar-light .dropdown-menu .dropdown-item .h6:hover, .navbar-light .o_dropdown_menu .dropdown-item .h6:hover, .o_cc .dropdown-menu .dropdown-item h6:focus, .o_cc .o_dropdown_menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6:focus, .o_footer .dropdown-menu .dropdown-item h6:focus, .o_footer .o_dropdown_menu .dropdown-item h6:focus, .navbar-light .dropdown-menu .dropdown-item h6:focus, .navbar-light .o_dropdown_menu .dropdown-item h6:focus, .o_cc .dropdown-menu .dropdown-item .h6:focus, .o_cc .o_dropdown_menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6:focus, .o_footer .dropdown-menu .dropdown-item .h6:focus, .o_footer .o_dropdown_menu .dropdown-item .h6:focus, .navbar-light .dropdown-menu .dropdown-item .h6:focus, .navbar-light .o_dropdown_menu .dropdown-item .h6:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:focus{color: var(--body-color) !important;}.o_cc .dropdown-menu .dropdown-item.active, .o_cc .o_dropdown_menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.active, .o_footer .dropdown-menu .dropdown-item.active, .o_footer .o_dropdown_menu .dropdown-item.active, .navbar-light .dropdown-menu .dropdown-item.active, .navbar-light .o_dropdown_menu .dropdown-item.active, .o_cc .dropdown-menu .dropdown-item:active, .o_cc .o_dropdown_menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:active, .o_footer .dropdown-menu .dropdown-item:active, .o_footer .o_dropdown_menu .dropdown-item:active, .navbar-light .dropdown-menu .dropdown-item:active, .navbar-light .o_dropdown_menu .dropdown-item:active, .o_cc .dropdown-menu .dropdown-item h6.active, .o_cc .o_dropdown_menu .dropdown-item h6.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6.active, .o_footer .dropdown-menu .dropdown-item h6.active, .o_footer .o_dropdown_menu .dropdown-item h6.active, .navbar-light .dropdown-menu .dropdown-item h6.active, .navbar-light .o_dropdown_menu .dropdown-item h6.active, .o_cc .dropdown-menu .dropdown-item .active.h6, .o_cc .o_dropdown_menu .dropdown-item .active.h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .active.h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .active.h6, .o_footer .dropdown-menu .dropdown-item .active.h6, .o_footer .o_dropdown_menu .dropdown-item .active.h6, .navbar-light .dropdown-menu .dropdown-item .active.h6, .navbar-light .o_dropdown_menu .dropdown-item .active.h6, .o_cc .dropdown-menu .dropdown-item h6:active, .o_cc .o_dropdown_menu .dropdown-item h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6:active, .o_footer .dropdown-menu .dropdown-item h6:active, .o_footer .o_dropdown_menu .dropdown-item h6:active, .navbar-light .dropdown-menu .dropdown-item h6:active, .navbar-light .o_dropdown_menu .dropdown-item h6:active, .o_cc .dropdown-menu .dropdown-item .h6:active, .o_cc .o_dropdown_menu .dropdown-item .h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6:active, .o_footer .dropdown-menu .dropdown-item .h6:active, .o_footer .o_dropdown_menu .dropdown-item .h6:active, .navbar-light .dropdown-menu .dropdown-item .h6:active, .navbar-light .o_dropdown_menu .dropdown-item .h6:active, .o_colored_level .o_cc .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6.active, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:active{color: var(--dropdown-link-active-color, #212529) !important;}.o_cc .dropdown-menu .dropdown-item.disabled, .o_cc .o_dropdown_menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.disabled, .o_footer .dropdown-menu .dropdown-item.disabled, .o_footer .o_dropdown_menu .dropdown-item.disabled, .navbar-light .dropdown-menu .dropdown-item.disabled, .navbar-light .o_dropdown_menu .dropdown-item.disabled, .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_cc .o_dropdown_menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.disabled h6, .o_footer .dropdown-menu .dropdown-item.disabled h6, .o_footer .o_dropdown_menu .dropdown-item.disabled h6, .navbar-light .dropdown-menu .dropdown-item.disabled h6, .navbar-light .o_dropdown_menu .dropdown-item.disabled h6, .o_cc .dropdown-menu .dropdown-item.disabled .h6, .o_cc .o_dropdown_menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.disabled .h6, .o_footer .dropdown-menu .dropdown-item.disabled .h6, .o_footer .o_dropdown_menu .dropdown-item.disabled .h6, .navbar-light .dropdown-menu .dropdown-item.disabled .h6, .navbar-light .o_dropdown_menu .dropdown-item.disabled .h6, .o_cc .dropdown-menu .dropdown-item:disabled, .o_cc .o_dropdown_menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:disabled, .o_footer .dropdown-menu .dropdown-item:disabled, .o_footer .o_dropdown_menu .dropdown-item:disabled, .navbar-light .dropdown-menu .dropdown-item:disabled, .navbar-light .o_dropdown_menu .dropdown-item:disabled, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_cc .o_dropdown_menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:disabled h6, .o_footer .dropdown-menu .dropdown-item:disabled h6, .o_footer .o_dropdown_menu .dropdown-item:disabled h6, .navbar-light .dropdown-menu .dropdown-item:disabled h6, .navbar-light .o_dropdown_menu .dropdown-item:disabled h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .dropdown-menu .dropdown-item:disabled .h6, .o_cc .o_dropdown_menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:disabled .h6, .o_footer .dropdown-menu .dropdown-item:disabled .h6, .o_footer .o_dropdown_menu .dropdown-item:disabled .h6, .navbar-light .dropdown-menu .dropdown-item:disabled .h6, .navbar-light .o_dropdown_menu .dropdown-item:disabled .h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled h6{color: var(--tertiary-color) !important;}.o_cc .dropdown-menu .dropdown-item .btn-link, .o_cc .o_dropdown_menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link, .o_footer .dropdown-menu .dropdown-item .btn-link, .o_footer .o_dropdown_menu .dropdown-item .btn-link, .navbar-light .dropdown-menu .dropdown-item .btn-link, .navbar-light .o_dropdown_menu .dropdown-item .btn-link, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link{color: var(--link-color);}.o_cc .dropdown-menu .dropdown-item .btn-link:hover, .o_cc .o_dropdown_menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link:hover, .o_footer .dropdown-menu .dropdown-item .btn-link:hover, .o_footer .o_dropdown_menu .dropdown-item .btn-link:hover, .navbar-light .dropdown-menu .dropdown-item .btn-link:hover, .navbar-light .o_dropdown_menu .dropdown-item .btn-link:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:hover{color: var(--link-hover-color);}.o_cc .dropdown-menu .dropdown-item .btn-link:disabled, .o_cc .o_dropdown_menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_footer .dropdown-menu .dropdown-item .btn-link:disabled, .o_footer .o_dropdown_menu .dropdown-item .btn-link:disabled, .navbar-light .dropdown-menu .dropdown-item .btn-link:disabled, .navbar-light .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_cc .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .navbar-light .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .navbar-light .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:disabled{color: #6C757D;}.o_cc .dropdown-menu .dropdown-item-text .text-muted a, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted a, .o_footer .dropdown-menu .dropdown-item-text .text-muted a, .o_footer .o_dropdown_menu .dropdown-item-text .text-muted a, .navbar-light .dropdown-menu .dropdown-item-text .text-muted a, .navbar-light .o_dropdown_menu .dropdown-item-text .text-muted a, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted a{color: #65435c;}.o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .o_footer .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_footer .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .navbar-light .dropdown-menu .dropdown-item-text .text-muted a:hover, .navbar-light .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover{color: #372432;}.o_cc .btn-close, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-close, .o_footer .btn-close, .navbar-light .btn-close, .o_colored_level .o_cc .btn-close{filter: unset;}.o_cc1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar, .navbar-light{--background-color: #FFFFFF; --color: #212529; background-color: #FFFFFF; color: #212529; --o-cc-bg: #FFFFFF;}.o_cc1 .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .text-muted, .navbar-light .text-muted, .o_colored_level .o_cc1 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.o_cc1 a:not(.btn), #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a:not(.btn), .navbar-light a:not(.btn), .o_cc1 .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-link, .navbar-light .btn-link, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_cc1 .btn-link{color: #65435c;}.o_cc1 a:not(.btn):hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a:not(.btn):hover, .navbar-light a:not(.btn):hover, .o_cc1 .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-link:hover, .navbar-light .btn-link:hover, .o_colored_level .o_cc1 a:not(.btn):hover, .o_colored_level .o_cc1 .btn-link:hover{color: #432c3d;}.o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-fill-primary, .navbar-light .btn-fill-primary, .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-primary, .navbar-light .btn-primary, .o_colored_level .o_cc1 .btn-fill-primary{--btn-color: #FFFFFF; --btn-bg: #714B67; --btn-border-color: #714B67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714B67; --btn-disabled-border-color: #714B67;}.o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-outline-primary, .navbar-light .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary{--btn-color: #65435c; --btn-border-color: #65435c; --btn-hover-color: #FFFFFF; --btn-hover-bg: #65435c; --btn-hover-border-color: #65435c; --btn-focus-shadow-rgb: 100.73829787, 66.86170213, 91.82340426; --btn-active-color: #FFFFFF; --btn-active-bg: #65435c; --btn-active-border-color: #65435c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #65435c; --btn-disabled-bg: transparent; --btn-disabled-border-color: #65435c; --gradient: none;}.o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-fill-secondary, .navbar-light .btn-fill-secondary, .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-secondary, .navbar-light .btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary{--btn-color: #212529; --btn-bg: #F0CDA8; --btn-border-color: #F0CDA8; --btn-hover-color: #212529; --btn-hover-bg: #f2d5b5; --btn-hover-border-color: #f2d2b1; --btn-focus-shadow-rgb: 209, 180, 149; --btn-active-color: #212529; --btn-active-bg: #f3d7b9; --btn-active-border-color: #f2d2b1; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F0CDA8; --btn-disabled-border-color: #F0CDA8;}.o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-outline-secondary, .navbar-light .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary{--btn-color: #dd8f3b; --btn-border-color: #dd8f3b; --btn-hover-color: #212529; --btn-hover-bg: #dd8f3b; --btn-hover-border-color: #dd8f3b; --btn-focus-shadow-rgb: 221.25, 142.5, 59.25; --btn-active-color: #212529; --btn-active-bg: #dd8f3b; --btn-active-border-color: #dd8f3b; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #dd8f3b; --btn-disabled-bg: transparent; --btn-disabled-border-color: #dd8f3b; --gradient: none;}.o_cc1 .nav-pills .nav-link.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-pills .nav-link.active, .navbar-light .nav-pills .nav-link.active, .o_cc1 .nav-pills .show > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-pills .show > .nav-link, .navbar-light .nav-pills .show > .nav-link, .o_colored_level .o_cc1 .nav-pills .nav-link.active, .o_colored_level .o_cc1 .nav-pills .show > .nav-link{background-color: #714B67; color: #FFFFFF;}.o_cc1 a.list-group-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a.list-group-item, .navbar-light a.list-group-item, .o_colored_level .o_cc1 a.list-group-item{color: #714B67;}.o_cc1 a.list-group-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a.list-group-item.active, .navbar-light a.list-group-item.active, .o_colored_level .o_cc1 a.list-group-item.active{background-color: #714B67; color: #FFFFFF; border-color: #714B67;}.o_cc2, .o_footer{--background-color: #F6F5F4; --color: #212529; background-color: #F6F5F4; color: #212529; --o-cc-bg: #F6F5F4;}.o_cc2 .text-muted, .o_footer .text-muted, .o_colored_level .o_cc2 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.o_cc2 h1, .o_footer h1, .o_cc2 .h1, .o_footer .h1, .o_cc2 h2, .o_footer h2, .o_cc2 .h2, .o_footer .h2, .o_cc2 h3, .o_footer h3, .o_cc2 .h3, .o_footer .h3, .o_cc2 h4, .o_footer h4, .o_cc2 .h4, .o_footer .h4, .o_cc2 h5, .o_footer h5, .o_cc2 .h5, .o_footer .h5, .o_cc2 h6, .o_footer h6, .o_cc2 .h6, .o_footer .h6, .o_colored_level .o_cc2 h1, .o_colored_level .o_cc2 h2, .o_colored_level .o_cc2 h3, .o_colored_level .o_cc2 h4, .o_colored_level .o_cc2 h5, .o_colored_level .o_cc2 h6{color: #1B1319;}.o_cc2 a:not(.btn), .o_footer a:not(.btn), .o_cc2 .btn-link, .o_footer .btn-link, .o_colored_level .o_cc2 a:not(.btn), .o_colored_level .o_cc2 .btn-link{color: #583b51;}.o_cc2 a:not(.btn):hover, .o_footer a:not(.btn):hover, .o_cc2 .btn-link:hover, .o_footer .btn-link:hover, .o_colored_level .o_cc2 a:not(.btn):hover, .o_colored_level .o_cc2 .btn-link:hover{color: #432c3d;}.o_cc2 .btn-fill-primary, .o_footer .btn-fill-primary, .o_cc2 .btn-primary, .o_footer .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary{--btn-color: #FFFFFF; --btn-bg: #714B67; --btn-border-color: #714B67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714B67; --btn-disabled-border-color: #714B67;}.o_cc2 .btn-outline-primary, .o_footer .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary{--btn-color: #583b51; --btn-border-color: #583b51; --btn-hover-color: #FFFFFF; --btn-hover-bg: #583b51; --btn-hover-border-color: #583b51; --btn-focus-shadow-rgb: 88.47659574, 58.72340426, 80.64680851; --btn-active-color: #FFFFFF; --btn-active-bg: #583b51; --btn-active-border-color: #583b51; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #583b51; --btn-disabled-bg: transparent; --btn-disabled-border-color: #583b51; --gradient: none;}.o_cc2 .btn-fill-secondary, .o_footer .btn-fill-secondary, .o_cc2 .btn-secondary, .o_footer .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary{--btn-color: #212529; --btn-bg: #F0CDA8; --btn-border-color: #F0CDA8; --btn-hover-color: #212529; --btn-hover-bg: #f2d5b5; --btn-hover-border-color: #f2d2b1; --btn-focus-shadow-rgb: 209, 180, 149; --btn-active-color: #212529; --btn-active-bg: #f3d7b9; --btn-active-border-color: #f2d2b1; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F0CDA8; --btn-disabled-border-color: #F0CDA8;}.o_cc2 .btn-outline-secondary, .o_footer .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary{--btn-color: #dd8f3b; --btn-border-color: #dd8f3b; --btn-hover-color: #212529; --btn-hover-bg: #dd8f3b; --btn-hover-border-color: #dd8f3b; --btn-focus-shadow-rgb: 221.25, 142.5, 59.25; --btn-active-color: #212529; --btn-active-bg: #dd8f3b; --btn-active-border-color: #dd8f3b; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #dd8f3b; --btn-disabled-bg: transparent; --btn-disabled-border-color: #dd8f3b; --gradient: none;}.o_cc2 .nav-pills .nav-link.active, .o_footer .nav-pills .nav-link.active, .o_cc2 .nav-pills .show > .nav-link, .o_footer .nav-pills .show > .nav-link, .o_colored_level .o_cc2 .nav-pills .nav-link.active, .o_colored_level .o_cc2 .nav-pills .show > .nav-link{background-color: #714B67; color: #FFFFFF;}.o_cc2 a.list-group-item, .o_footer a.list-group-item, .o_colored_level .o_cc2 a.list-group-item{color: #714B67;}.o_cc2 a.list-group-item.active, .o_footer a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active{background-color: #714B67; color: #FFFFFF; border-color: #714B67;}.o_cc3{--background-color: #F0CDA8; --color: #212529; background-color: #F0CDA8; color: #212529; --o-cc-bg: #F0CDA8;}.o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.o_cc3 a:not(.btn), .o_cc3 .btn-link, .o_colored_level .o_cc3 a:not(.btn), .o_colored_level .o_cc3 .btn-link{color: #2a1c27;}.o_cc3 a:not(.btn):hover, .o_cc3 .btn-link:hover, .o_colored_level .o_cc3 a:not(.btn):hover, .o_colored_level .o_cc3 .btn-link:hover{color: #2a1c27;}.o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary{--btn-color: #FFFFFF; --btn-bg: #714B67; --btn-border-color: #714B67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714B67; --btn-disabled-border-color: #714B67;}.o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary{--btn-color: #2a1c27; --btn-border-color: #2a1c27; --btn-hover-color: #FFFFFF; --btn-hover-bg: #2a1c27; --btn-hover-border-color: #2a1c27; --btn-focus-shadow-rgb: 42.49521277, 28.20478723, 38.73457447; --btn-active-color: #FFFFFF; --btn-active-bg: #2a1c27; --btn-active-border-color: #2a1c27; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #2a1c27; --btn-disabled-bg: transparent; --btn-disabled-border-color: #2a1c27; --gradient: none;}.o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary{--btn-color: #212529; --btn-bg: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #f7f7f6; --btn-hover-border-color: #f7f6f5; --btn-focus-shadow-rgb: 214, 214, 214; --btn-active-color: #212529; --btn-active-bg: #f8f7f6; --btn-active-border-color: #f7f6f5; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F6F5F4; --btn-disabled-border-color: #F6F5F4;}.o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary{--btn-color: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #F6F5F4; --btn-hover-border-color: #F6F5F4; --btn-focus-shadow-rgb: 246, 245, 244; --btn-active-color: #212529; --btn-active-bg: #F6F5F4; --btn-active-border-color: #F6F5F4; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #F6F5F4; --btn-disabled-bg: transparent; --btn-disabled-border-color: #F6F5F4; --gradient: none;}.o_cc3 .nav-pills .nav-link.active, .o_cc3 .nav-pills .show > .nav-link, .o_colored_level .o_cc3 .nav-pills .nav-link.active, .o_colored_level .o_cc3 .nav-pills .show > .nav-link{background-color: #714B67; color: #FFFFFF;}.o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item{color: #714B67;}.o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active{background-color: #714B67; color: #FFFFFF; border-color: #714B67;}.o_cc4{--background-color: #714B67; --color: #FFFFFF; background-color: #714B67; color: #FFFFFF; --o-cc-bg: #714B67;}.o_cc4 .text-muted, .o_colored_level .o_cc4 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_cc4 a:not(.btn), .o_cc4 .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link{color: black;}.o_cc4 a:not(.btn):hover, .o_cc4 .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover{color: black;}.o_cc4 .btn-fill-primary, .o_cc4 .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary{--btn-color: #FFFFFF; --btn-bg: #1B1319; --btn-border-color: #1B1319; --btn-hover-color: #FFFFFF; --btn-hover-bg: #171015; --btn-hover-border-color: #160f14; --btn-focus-shadow-rgb: 61, 54, 60; --btn-active-color: #FFFFFF; --btn-active-bg: #160f14; --btn-active-border-color: #140e13; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #1B1319; --btn-disabled-border-color: #1B1319;}.o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary{--btn-color: #1B1319; --btn-border-color: #1B1319; --btn-hover-color: #FFFFFF; --btn-hover-bg: #1B1319; --btn-hover-border-color: #1B1319; --btn-focus-shadow-rgb: 27, 19, 25; --btn-active-color: #FFFFFF; --btn-active-bg: #1B1319; --btn-active-border-color: #1B1319; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #1B1319; --btn-disabled-bg: transparent; --btn-disabled-border-color: #1B1319; --gradient: none;}.o_cc4 .btn-fill-secondary, .o_cc4 .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary{--btn-color: #212529; --btn-bg: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #f7f7f6; --btn-hover-border-color: #f7f6f5; --btn-focus-shadow-rgb: 214, 214, 214; --btn-active-color: #212529; --btn-active-bg: #f8f7f6; --btn-active-border-color: #f7f6f5; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F6F5F4; --btn-disabled-border-color: #F6F5F4;}.o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary{--btn-color: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #F6F5F4; --btn-hover-border-color: #F6F5F4; --btn-focus-shadow-rgb: 246, 245, 244; --btn-active-color: #212529; --btn-active-bg: #F6F5F4; --btn-active-border-color: #F6F5F4; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #F6F5F4; --btn-disabled-bg: transparent; --btn-disabled-border-color: #F6F5F4; --gradient: none;}.o_cc4 .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .o_colored_level .o_cc4 .nav-pills .nav-link.active, .o_colored_level .o_cc4 .nav-pills .show > .nav-link{background-color: #1B1319; color: #FFFFFF;}.o_cc4 a.list-group-item, .o_colored_level .o_cc4 a.list-group-item{color: #1B1319;}.o_cc4 a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active{background-color: #1B1319; color: #FFFFFF; border-color: #1B1319;}.o_cc4 .btn-close, .o_colored_level .o_cc4 .btn-close{filter: var(--btn-close-white-filter);}.o_cc5{--background-color: #1B1319; --color: #FFFFFF; background-color: #1B1319; color: #FFFFFF; --o-cc-bg: #1B1319;}.o_cc5 .text-muted, .o_colored_level .o_cc5 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_cc5 h1, .o_cc5 .h1, .o_cc5 h2, .o_cc5 .h2, .o_cc5 h3, .o_cc5 .h3, .o_cc5 h4, .o_cc5 .h4, .o_cc5 h5, .o_cc5 .h5, .o_cc5 h6, .o_cc5 .h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_cc5 h6{color: #FFFFFF;}.o_cc5 a:not(.btn), .o_cc5 .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_cc5 .btn-link{color: #b18aa7;}.o_cc5 a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_colored_level .o_cc5 a:not(.btn):hover, .o_colored_level .o_cc5 .btn-link:hover{color: #905f83;}.o_cc5 .btn-fill-primary, .o_cc5 .btn-primary, .o_colored_level .o_cc5 .btn-fill-primary{--btn-color: #FFFFFF; --btn-bg: #714B67; --btn-border-color: #714B67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714B67; --btn-disabled-border-color: #714B67;}.o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary{--btn-color: #b18aa7; --btn-border-color: #b18aa7; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b18aa7; --btn-hover-border-color: #b18aa7; --btn-focus-shadow-rgb: 177.40691489, 138.09308511, 167.06117021; --btn-active-color: #FFFFFF; --btn-active-bg: #b18aa7; --btn-active-border-color: #b18aa7; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b18aa7; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b18aa7; --gradient: none;}.o_cc5 .btn-fill-secondary, .o_cc5 .btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary{--btn-color: #212529; --btn-bg: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #f7f7f6; --btn-hover-border-color: #f7f6f5; --btn-focus-shadow-rgb: 214, 214, 214; --btn-active-color: #212529; --btn-active-bg: #f8f7f6; --btn-active-border-color: #f7f6f5; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #F6F5F4; --btn-disabled-border-color: #F6F5F4;}.o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary{--btn-color: #F6F5F4; --btn-border-color: #F6F5F4; --btn-hover-color: #212529; --btn-hover-bg: #F6F5F4; --btn-hover-border-color: #F6F5F4; --btn-focus-shadow-rgb: 246, 245, 244; --btn-active-color: #212529; --btn-active-bg: #F6F5F4; --btn-active-border-color: #F6F5F4; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #F6F5F4; --btn-disabled-bg: transparent; --btn-disabled-border-color: #F6F5F4; --gradient: none;}.o_cc5 .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_colored_level .o_cc5 .nav-pills .nav-link.active, .o_colored_level .o_cc5 .nav-pills .show > .nav-link{background-color: #714B67; color: #FFFFFF;}.o_cc5 a.list-group-item, .o_colored_level .o_cc5 a.list-group-item{color: #714B67;}.o_cc5 a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active{background-color: #714B67; color: #FFFFFF; border-color: #714B67;}.o_cc5 .btn-close, .o_colored_level .o_cc5 .btn-close{filter: var(--btn-close-white-filter);}.btn-custom:hover, .btn-fill-custom:hover{filter: invert(0.2);}.btn-outline-custom:not(:hover){background-color: transparent !important; background-image: none !important;}.o_full_screen_height, .cover_full, .o_half_screen_height, .cover_mid{display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important;}.o_half_screen_height, .cover_mid{min-height: 55vh !important;}@media (min-width: 992px){.o_container_small{max-width: 720px;}}.oe_img_bg{background-size: cover; background-repeat: no-repeat;}.oe_img_bg.o_bg_img_opt_repeat{background-size: auto; background-repeat: repeat !important;}.oe_img_bg.o_bg_img_center{background-position: center;}.oe_img_bg.o_bg_img_origin_border_box{background-origin: border-box;}.text-gradient{-webkit-background-clip: text; -webkit-text-fill-color: transparent;}.text-gradient .o_animated_text, .text-gradient .o_animated_text *, .text-gradient.o_animated_text *, .text-gradient .o_text_highlight, .text-gradient .o_text_highlight *, .text-gradient.o_text_highlight *{background-image: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit;}.text-gradient .fa{display: inherit;}.text-gradient u:not(font[style*="-webkit-text-fill-color"] u), .text-gradient s:not(font[style*="-webkit-text-fill-color"] s){background-size: 100% 0.1em; background-repeat: repeat-x; background-image: inherit !important; text-decoration-color: transparent !important; color: transparent; caret-color: black;}.text-gradient *{background-size: 0px; background-image: inherit !important;}.text-gradient s:not(font[style*="-webkit-text-fill-color"] s){background-position: 0 50%;}.text-gradient u:not(font[style*="-webkit-text-fill-color"] u){background-position: 0 95%;}.ui-autocomplete{max-height: 45vh; overflow-y: auto; overflow-x: hidden;}.ui-autocomplete .ui-menu-item{padding: 0;}.ui-autocomplete .ui-menu-item > .ui-state-active{border: none; font-weight: normal; margin: 0;}.ui-autocomplete .fw-bold{font-weight: 700 !important;}.o_editor_banner p, .o_editor_banner h1, .o_editor_banner .h1, .o_editor_banner h2, .o_editor_banner .h2, .o_editor_banner h3, .o_editor_banner .h3, .o_editor_banner ul, .o_editor_banner ol{margin-bottom: 1rem;}.o_editor_banner ol ol, .o_editor_banner ul ul, .o_editor_banner ol ul, .o_editor_banner ul ol{margin-bottom: 0;}.o_editor_banner ul.o_checklist > li:not(.oe-nested)::before{top: 0px !important;}code.o_inline_code{padding: .2em .4em; border-radius: 0.4rem; background-color: var(--WebEditor__inlineCode-bg, #E9ECEF); font-size: 85%; color: #212529;}font[class^="text-o-"] a, font[style*="color"] a{color: inherit !important;} /* /html_editor/static/src/scss/html_editor.frontend.scss */ .o_wysiwyg_loader{pointer-events: none; min-height: 100px; color: transparent;}.o_wysiwyg_loading{position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%);}@media (max-width: 767.98px){.o_we_shape:not(.o_shape_show_mobile){display: none;}}.o_we_flip_x{transform: scaleX(-1);}.o_we_flip_y{transform: scaleY(-1);}.o_we_flip_x.o_we_flip_y{transform: scale(-1);}.o_grid_mode{--grid-item-padding-y: 10px; --grid-item-padding-x: 10px;}@media (max-width: 991.98px){.o_grid_mode{column-gap: 0px !important;}}.o_grid_mode > *{padding: var(--grid-item-padding-y) var(--grid-item-padding-x) !important;}@media (max-width: 991.98px){.o_grid_mode > *{padding: var(--grid-item-padding-y) calc(0.5 * var(--gutter-x)) !important;}.o_grid_mode > *.o_grid_item_image{--mobile-grid-item-padding-x: clamp(0px, calc(var(--grid-item-padding-x) * 100000), calc(0.5 * var(--gutter-x))); padding: var(--grid-item-padding-y) var(--mobile-grid-item-padding-x) !important;}.o_grid_mode > *.o_grid_item_image > img{max-width: 100%;}}.o_grid_mode > *.o_grid_item_image img{border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px)));}.o_grid_mode > *.o_grid_item:has(.dropdown-menu.show, .show.o_dropdown_menu){z-index: 1000 !important;}@media (min-width: 992px){.o_grid_mode{display: grid !important; grid-auto-rows: 50px; grid-template-columns: repeat(12, 1fr); row-gap: 0px; column-gap: 0px; --gutter-x: 0px;}.o_grid_mode .o_grid_item > .row, .o_grid_mode .o_grid_item > .o_text_columns > .row{--grid-inner-row-gutter-x: clamp(0px, 2 * var(--grid-item-padding-x), 30px); margin-left: calc(-0.5 * var(--grid-inner-row-gutter-x)); margin-right: calc(-0.5 * var(--grid-inner-row-gutter-x));}.o_grid_mode > *{margin: 0 !important; width: 100%; min-width: 0;}.container-fluid > .o_grid_mode, .container-sm > .o_grid_mode, .container-md > .o_grid_mode, .container-lg > .o_grid_mode, .container-xl > .o_grid_mode, .container-xxl > .o_grid_mode{--gutter-x: 30px;}.o_extra_menu_items .o_grid_mode{display: flex !important; row-gap: 0px !important; column-gap: 0px !important;}.o_grid_item_image img, .o_grid_item_image .media_iframe_video{width: 100% !important; height: 100% !important; object-fit: cover !important;}.o_grid_item_image.o_grid_item_image_contain img, .o_grid_item_image img[data-shape]{object-fit: contain !important;}.o_grid_item_image:not(.o_grid_item_image_contain) img[data-shape$="geo_square"]:not( [data-hover-effect="dolly_zoom"], [data-hover-effect="outline"], [data-hover-effect="image_mirror_blur"]){object-fit: cover !important;}.o_grid_item_image > a{width: 100%; height: 100%;}}body.editor_enable:not(.o_basic_theme) .odoo-editor-editable img::selection{background-color: transparent !important;}.border{--box-border-width: var(--border-width); --box-border-top-width: var(--box-border-width); --box-border-right-width: var(--box-border-width); --box-border-bottom-width: var(--box-border-width); --box-border-left-width: var(--box-border-width); border-width: var(--box-border-top-width) var(--box-border-right-width) var(--box-border-bottom-width) var(--box-border-left-width) !important;}.rounded-pill, .rounded-circle, .fa.rounded-empty-circle, .rounded-5, .rounded-4, .rounded-3, .rounded-2, .rounded-1, .rounded-0, .rounded{--box-border-radius: var(--border-radius); --box-border-top-left-radius: var(--box-border-radius); --box-border-top-right-radius: var(--box-border-radius); --box-border-bottom-right-radius: var(--box-border-radius); --box-border-bottom-left-radius: var(--box-border-radius); border-radius: var(--box-border-top-left-radius) var(--box-border-top-right-radius) var(--box-border-bottom-right-radius) var(--box-border-bottom-left-radius) !important;} /* /html_editor/static/src/scss/base_style.scss */ li.oe-nested{display: block;}.o_table tr{border-color: #d8dadd;}.o_table tr td{padding: 0.5rem;}.table-bordered > :not(caption) > *{border-width: 1px 0;}.table-bordered > :not(caption) > * > *{border-width: 0 1px;}.o_text_columns{max-width: 100% !important; padding: 0 !important;}.oe-tabs{display: inline-block; white-space: pre-wrap; max-width: 40px; width: 40px;}ol{list-style-type: decimal;}ul{list-style-type: disc;}ol ol{list-style-type: lower-alpha;}ul ul{list-style-type: circle;}ol ol ol{list-style-type: lower-roman;}ul ul ul{list-style-type: square;}ol ol ol ol{list-style-type: decimal;}ul ul ul ul{list-style-type: disc;}ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: circle;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-roman;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: square;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: decimal;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: disc;}ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{list-style-type: lower-alpha;}ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{list-style-type: circle;} /* /html_editor/static/src/main/selection_placeholder_plugin.scss */ @keyframes blink-caret{0%, 49%{opacity: 1;}50%, 100%{opacity: 0;}}*[data-selection-placeholder]{height: 0; margin: 0 0 -1px !important; border-top: solid transparent 1px; caret-color: transparent; position: relative;}*.o-horizontal-caret[data-selection-placeholder]{border-top-color: gray; z-index: 1; animation: blink-caret 1.3s infinite;}*[data-selection-placeholder]:after{content: none !important;} /* /portal/static/src/scss/portal.scss */ body{direction: ltr;}.o_skip_to_content{z-index: 1031;}header .navbar-brand{flex: 0 0 auto; max-width: 75%;}header .navbar-brand.logo{padding-top: 0; padding-bottom: 0;}header .navbar-brand.logo img{object-fit: contain; display: block; width: auto; height: 2.5rem;}@media (max-width: 767.98px){header .navbar-brand.logo img{max-height: 2.5rem;}}header .nav-link{white-space: nowrap;}.navbar{margin-bottom: 0;}@media (max-width: 767.98px){.navbar .nav.navbar-nav.float-end{float: none !important;}}@media (min-width: 768px){.navbar-expand-md ul.nav > li.divider{display: list-item;}}ul.flex-column > li > a{padding: 2px 15px;}a.fa:hover, .btn-link.fa:hover{text-decoration: none;}.jumbotron{margin-bottom: 0;}li > p{margin: 0;}.container-fluid .container-fluid, .container-sm .container-fluid, .container-md .container-fluid, .container-lg .container-fluid, .container-xl .container-fluid, .container-xxl .container-fluid, .container-fluid .container-sm, .container-sm .container-sm, .container-md .container-sm, .container-lg .container-sm, .container-xl .container-sm, .container-xxl .container-sm, .container-fluid .container-md, .container-sm .container-md, .container-md .container-md, .container-lg .container-md, .container-xl .container-md, .container-xxl .container-md, .container-fluid .container-lg, .container-sm .container-lg, .container-md .container-lg, .container-lg .container-lg, .container-xl .container-lg, .container-xxl .container-lg, .container-fluid .container-xl, .container-sm .container-xl, .container-md .container-xl, .container-lg .container-xl, .container-xl .container-xl, .container-xxl .container-xl, .container-fluid .container-xxl, .container-sm .container-xxl, .container-md .container-xxl, .container-lg .container-xxl, .container-xl .container-xxl, .container-xxl .container-xxl, .container .container, .o_container_small .container, .container .o_container_small, .o_container_small .o_container_small, .container .container-fluid, .o_container_small .container-fluid, .container .container-sm, .o_container_small .container-sm, .container .container-md, .o_container_small .container-md, .container .container-lg, .o_container_small .container-lg, .container .container-xl, .o_container_small .container-xl, .container .container-xxl, .o_container_small .container-xxl{padding-right: 0; padding-left: 0;}#wrap .container::before, #wrap .o_container_small::before, #wrap .container::after, #wrap .o_container_small::after, #wrap .container-fluid::before, #wrap .container-sm::before, #wrap .container-md::before, #wrap .container-lg::before, #wrap .container-xl::before, #wrap .container-xxl::before, #wrap .container-fluid::after, #wrap .container-sm::after, #wrap .container-md::after, #wrap .container-lg::after, #wrap .container-xl::after, #wrap .container-xxl::after{content: ""; display: table; clear: both;}#wrap .navbar > .container::before, #wrap .navbar > .container-fluid::before, #wrap .navbar > .container-sm::before, #wrap .navbar > .container-md::before, #wrap .navbar > .container-lg::before, #wrap .navbar > .container-xl::before, #wrap .navbar > .container-xxl::before, #wrap .navbar > .o_container_small::before, #wrap .navbar > .container::after, #wrap .navbar > .container-fluid::after, #wrap .navbar > .container-sm::after, #wrap .navbar > .container-md::after, #wrap .navbar > .container-lg::after, #wrap .navbar > .container-xl::after, #wrap .navbar > .container-xxl::after, #wrap .navbar > .o_container_small::after{display: none;}[class^="col-lg-"]{min-height: 24px;}.input-group:where(:not(:has(.was-validated :invalid ~ .invalid-feedback, .is-invalid ~ .invalid-feedback))){flex-flow: row nowrap;}.list-group-item:not([class*="list-group-item-"]):not(.active){color: #212529;}.o_portal_wrap .o_portal_navbar .breadcrumb, .o_portal .breadcrumb{background-color: inherit;}.o_page_header{margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--o-border-color);}img.float-end, .media_iframe_video.float-end, .o_image.float-end{margin-left: 15px;}img.float-start, .media_iframe_video.float-start, .o_image.float-start{margin-right: 15px;}::-moz-selection{background: rgba(150, 150, 220, 0.3);}::selection{background: rgba(150, 150, 220, 0.3);}.oe_search_box{padding-right: 23px; text-overflow: ellipsis;}.para_large{font-size: 120%;}.jumbotron .para_large p{font-size: 150%;}.readable{font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto;}.readable .container, .readable .o_container_small{padding-left: 0; padding-right: 0; width: auto;}.oe_dark{background-color: rgba(200, 200, 200, 0.14);}.oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;}.oe_green{background-color: #169C78; color: white;}.oe_green .text-muted{color: #ddd !important;}.oe_blue_light{background-color: #41b6ab; color: white;}.oe_blue_light .text-muted{color: #ddd !important;}.oe_blue{background-color: #34495e; color: white;}.oe_orange{background-color: #f05442; color: white;}.oe_orange .text-muted{color: #ddd !important;}.oe_purple{background-color: #b163a3; color: white;}.oe_purple .text-muted{color: #ddd !important;}.oe_red{background-color: #9C1b31; color: white;}.oe_red .text-muted{color: #ddd !important;}.oe_none{background-color: #FFFFFF;}.oe_yellow{background-color: #A2A51B;}.oe_green{background-color: #149F2C;}.o_portal > tbody.o_portal_report_tbody{vertical-align: middle;}.o_portal_wrap .o_portal_my_home > .o_page_header > a:hover{text-decoration: none;}.o_portal_wrap .o_portal_navbar .breadcrumb{padding-left: 0; padding-right: 0;}.o_portal_wrap .o_portal_my_doc_table th{padding-top: 0.25rem; padding-bottom: 0.25rem; max-width: 500px;}.o_portal_wrap .o_portal_my_doc_table td{padding-top: 0.5rem; padding-bottom: 0.5rem; max-width: 10rem;}.o_portal_wrap .o_portal_my_doc_table td, .o_portal_wrap .o_portal_my_doc_table th{vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_portal_wrap .o_my_sidebar div[itemprop="address"] > div{margin-top: 0.5em;}@media (max-width: 991.98px){.o_portal_wrap #o_portal_navbar_content{margin: 0.5rem 0 0; padding: 0.5rem 15px; border-top: 1px solid var(--o-border-color); background-color: #E9ECEF;}}.o_portal_wrap table.table tr{word-wrap: break-word;}.o_portal_address span[itemprop="name"]{display: inline-block; margin-bottom: 0.25rem; font-weight: 600;}.o_portal_address div[itemprop="address"] > div{position: relative;}.o_portal_address div[itemprop="address"] > div span[itemprop="streetAddress"]{line-height: 1.2; margin-bottom: 0.3em;}.o_portal_address div[itemprop="address"] > div .fa{line-height: 1.5; color: #7c7f89;}.o_portal_address div[itemprop="address"] > div .fa + span, .o_portal_address div[itemprop="address"] > div .fa + div{display: block;}.o_address_card .o_portal_address{display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem;}.o_address_card span[itemprop="streetAddress"]{color: var(--secondary-color);}.oe_attachments .o_image_small{height: 40px; width: 50px; background-repeat: no-repeat;}.o_portal_sidebar .o_portal_html_view .o_portal_html_loader{position: absolute; top: 45%; left: 0; bottom: auto; right: 0;}.o_portal_sidebar .o_portal_sidebar_content span.oe_currency_value{word-break: break-word !important; white-space: normal !important;}.o_portal_chatter{padding: 10px;}.o_portal_chatter .o_portal_chatter_avatar{--Avatar-size: 45px;}.o_portal_chatter .o_portal_chatter_header{margin-bottom: 15px;}.o_portal_chatter .o_portal_chatter_composer{margin-bottom: 15px;}.o_portal_chatter .o_portal_chatter_messages{margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word;}.o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.flex-grow-1 > p:not(.o_portal_chatter_puslished_date):last-of-type{margin-bottom: 5px;}.o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p{font-size: 85%; color: rgba(33, 37, 41, 0.7); margin: 0px;}.o_portal_chatter .o_portal_chatter_pager{text-align: center;}.o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_name, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_name{max-width: 200px;}.o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_delete{position: absolute; top: 0; left: auto; bottom: auto; right: 0; opacity: 0;}.o_portal_chatter .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete{opacity: 1;}.o_portal_chatter .o_portal_message_internal_off .o_portal_chatter_visibility_on, .o_portal_chatter_composer .o_portal_message_internal_off .o_portal_chatter_visibility_on{display: none;}.o_portal_chatter .o_portal_message_internal_on .o_portal_chatter_visibility_off, .o_portal_chatter_composer .o_portal_message_internal_on .o_portal_chatter_visibility_off{display: none;}.o_portal_security_body section{margin-top: 3rem; border-top: 1px solid var(--o-border-color); padding-top: 1.5rem;}.o_portal_security_body section form.oe_reset_password_form{max-width: initial; margin: initial;}.o_portal_security_body section label, .o_portal_security_body section button{white-space: nowrap;}.o_portal_security_body section[name="portal_deactivate_account"] label{white-space: normal !important;}.o_portal .o_portal_addresses{max-width: 700px;}.o_customer_address_fill .col-form-label:not(.label-optional)::after{content: " *"; font-weight: normal;}.oe_clear_stucture > .oe_structure{clear: both;}.o_footer_copyright .o_footer_copyright_name{vertical-align: middle;}.o_footer_copyright .js_language_selector{display: inline-block;}@media (min-width: 768px){.o_footer_copyright .row{display: flex;}.o_footer_copyright .row > div{margin: auto 0;}} /* /odoocms_faculty_portal/static/src/scss/_faculty_dashboard_spa.scss */ :root{--fp-primary: #1e3a5f; --fp-accent: #2563eb; --fp-accent-light: #3b82f6; --fp-accent-pale: rgba(37, 99, 235, 0.08); --fp-accent-ring: rgba(37, 99, 235, 0.15);}.fp-app{font-family: 'Plus Jakarta Sans', system-ui, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 40%, #f0fdf4 100%); position: relative;}.fp-app.dark{background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);}.fp-bg-elements{position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;}.fp-float-circle{position: absolute; border-radius: 50%; opacity: 0.08; animation: fp-float 20s ease-in-out infinite;}.fp-float-circle--blue{width: 500px; height: 500px; background: #2563eb; top: -10%; left: -5%;}.fp-float-circle--green{width: 400px; height: 400px; background: #10b981; bottom: -10%; right: -5%; animation-delay: -7s;}.fp-float-circle--amber{width: 350px; height: 350px; background: #f59e0b; top: 40%; right: 20%; animation-delay: -14s;}@keyframes fp-float{0%, 100%{transform: translateY(0) rotate(0);}50%{transform: translateY(-30px) rotate(5deg);}}.fp-loader{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 80vh; gap: 1rem;}.fp-spinner{width: 48px; height: 48px; border: 4px solid var(--fp-accent-ring); border-top-color: var(--fp-accent); border-radius: 50%; animation: fp-spin 0.8s linear infinite;}@keyframes fp-spin{to{transform: rotate(360deg);}}.fp-error{max-width: 480px; margin: 4rem auto; text-align: center; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border-radius: 1.25rem; padding: 2.5rem; border: 1px solid rgba(239, 68, 68, 0.2);}.fp-error h3, .fp-error .h3{color: #ef4444; margin-bottom: 0.5rem; font-size: 1.125rem; font-weight: 700;}.fp-main{position: relative; z-index: 10; max-width: 1700px; margin: 0 auto; padding: 1rem 1.5rem;}.fp-navbar{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.25rem; margin-bottom: 1.5rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); position: relative; z-index: 50;}.fp-navbar__left{display: flex; align-items: center; gap: 0.75rem;}.fp-navbar__menu-btn{width: 40px; height: 40px; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: #374151; transition: all 0.2s;}.fp-navbar__menu-btn:hover{background: rgba(0, 0, 0, 0.04);}.fp-navbar__logo{display: flex; align-items: center; gap: 0.375rem; text-decoration: none;}.fp-navbar__logo-mark{font-size: 0.875rem; font-weight: 800; color: #fff; background: linear-gradient(135deg, var(--fp-primary), var(--fp-accent)); padding: 0.25rem 0.5rem; border-radius: 0.375rem;}.fp-navbar__logo-text{font-size: 0.9375rem; font-weight: 700; color: #1e293b;}.fp-navbar__right{display: flex; align-items: center; gap: 0.5rem;}.fp-navbar__icon-btn{width: 36px; height: 36px; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; background: transparent; border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; color: #6b7280; transition: all 0.2s; position: relative;}.fp-navbar__icon-btn:hover{background: rgba(0, 0, 0, 0.04); color: #374151;}.fp-navbar__badge{position: absolute; top: -2px; right: -2px; background: #ef4444; color: #fff; font-size: 0.5rem; font-weight: 700; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}.fp-navbar__avatar{width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--fp-primary), var(--fp-accent)); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.75rem; cursor: pointer;}@keyframes fp-sidebar-tile-appear{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: translateY(0);}}.fp-sidebar-overlay{position: fixed; inset: 0; z-index: 1040; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}.fp-sidebar{position: fixed; top: 0; left: 0; width: 50vw; min-width: 400px; max-width: 520px; height: 100vh; z-index: 1050; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(24px) saturate(1.8); -webkit-backdrop-filter: blur(24px) saturate(1.8); border-right: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 8px 0 40px rgba(0, 0, 0, 0.08); transform: translateX(-100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; overflow: hidden;}.fp-sidebar--open{transform: translateX(0);}.fp-sidebar__header{padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.fp-sidebar__close{width: 36px; height: 28px; border-radius: 14px; border: none; background: rgba(0, 0, 0, 0.05); cursor: pointer; display: flex; align-items: center; justify-content: center; color: #6b7280; transition: all .15s;}.fp-sidebar__close:hover{background: rgba(0, 0, 0, 0.1);}.fp-sidebar__user{display: flex; align-items: center; gap: .875rem; padding: 1rem 1.25rem; background: linear-gradient(135deg, rgba(37, 99, 235, 0.03), rgba(139, 92, 246, 0.03)); border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.fp-sidebar__user-avatar-wrap{position: relative; flex-shrink: 0;}.fp-sidebar__user-avatar{width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, #2563eb, #8b5cf6); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 1.125rem; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25); position: relative; flex-shrink: 0;}.fp-sidebar__user-avatar::after{content: ''; position: absolute; inset: -4px; border-radius: 19px; border: 2px solid rgba(37, 99, 235, 0.15); pointer-events: none;}.fp-sidebar__user-avatar-ring{position: absolute; inset: -3px; border-radius: 19px; border: 2px solid rgba(37, 99, 235, 0.15);}.fp-sidebar__user-name{font-size: .9375rem; font-weight: 800; color: #1e293b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.fp-sidebar__user-role{font-size: .6875rem; color: #6b7280; margin-top: .125rem;}.fp-sidebar__filters{display: flex; gap: .25rem; padding: .75rem 1.25rem; overflow-x: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.fp-sidebar__filters::-webkit-scrollbar{display: none;}.fp-sidebar__filter-btn{white-space: nowrap; padding: .375rem .75rem; border-radius: 9999px; font-size: .6875rem; font-weight: 600; font-family: inherit; border: 1.5px solid rgba(0, 0, 0, 0.06); background: transparent; color: #6b7280; cursor: pointer; transition: all .2s;}.fp-sidebar__filter-btn:hover{border-color: rgba(37, 99, 235, 0.2); color: #2563eb;}.fp-sidebar__filter-btn--active{background: #2563eb; color: #fff; border-color: #2563eb; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);}.fp-sidebar__nav{padding: .75rem 1rem; flex: 1; overflow-y: auto;}.fp-sidebar__nav::-webkit-scrollbar{width: 3px;}.fp-sidebar__nav::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.08); border-radius: 2px;}.fp-sidebar__category{margin-bottom: 1.25rem;}.fp-sidebar__cat-title{font-size: .5625rem; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: .12em; padding: 0 .375rem; margin-bottom: .5rem;}.fp-sidebar__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem;}.fp-sidebar__tile{display: flex; flex-direction: column; align-items: center; gap: .375rem; padding: .875rem .5rem .625rem; border-radius: .875rem; text-decoration: none !important; text-align: center; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); position: relative; overflow: hidden; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); animation: fp-sidebar-tile-appear .3s ease both;}.fp-sidebar__tile *{text-decoration: none !important;}.fp-sidebar__tile:hover{transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.08);}.fp-sidebar__tile:hover .fp-sidebar__tile-icon{transform: scale(1.1);}.fp-sidebar__tile:hover .fp-sidebar__tile-accent{height: 3px; opacity: 1;}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--blue):hover{border-color: rgba(37, 99, 235, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--emerald):hover{border-color: rgba(16, 185, 129, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--amber):hover{border-color: rgba(245, 158, 11, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--violet):hover{border-color: rgba(139, 92, 246, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--rose):hover{border-color: rgba(239, 68, 68, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--sky):hover{border-color: rgba(14, 165, 233, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--teal):hover{border-color: rgba(13, 148, 136, 0.2);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--orange):hover{border-color: rgba(249, 115, 22, 0.2);}.fp-sidebar__tile--active{background: rgba(37, 99, 235, 0.06); border-color: rgba(37, 99, 235, 0.2); box-shadow: 0 4px 16px rgba(37, 99, 235, 0.1);}.fp-sidebar__tile-accent{position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(90deg, #2563eb, #60a5fa);}.fp-sidebar__tile-accent + .fp-sidebar__tile-icon--blue ~ .fp-sidebar__tile-accent, .fp-sidebar__tile:has(.fp-sidebar__tile-icon--blue) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #2563eb, #60a5fa);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--emerald) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #10b981, #34d399);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--amber) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--violet) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #8b5cf6, #a78bfa);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--rose) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #ef4444, #f87171);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--sky) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #0ea5e9, #38bdf8);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--teal) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #0d9488, #2dd4bf);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--orange) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #f97316, #fb923c);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--pink) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #ec4899, #f472b6);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--green) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #22c55e, #4ade80);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--red) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #ef4444, #f87171);}.fp-sidebar__tile:has(.fp-sidebar__tile-icon--purple) .fp-sidebar__tile-accent{background: linear-gradient(90deg, #a855f7, #c084fc);}.fp-sidebar__tile-icon{width: 42px; height: 42px; border-radius: .75rem; display: flex; align-items: center; justify-content: center; transition: transform .25s; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.fp-sidebar__tile-icon i{font-size: 1.25rem;}.fp-sidebar__tile-icon--blue{background: linear-gradient(135deg, #2563eb, #3b82f6); color: #fff;}.fp-sidebar__tile-icon--emerald{background: linear-gradient(135deg, #10b981, #34d399); color: #fff;}.fp-sidebar__tile-icon--amber{background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #fff;}.fp-sidebar__tile-icon--violet{background: linear-gradient(135deg, #8b5cf6, #a78bfa); color: #fff;}.fp-sidebar__tile-icon--rose{background: linear-gradient(135deg, #ef4444, #f87171); color: #fff;}.fp-sidebar__tile-icon--sky{background: linear-gradient(135deg, #0ea5e9, #38bdf8); color: #fff;}.fp-sidebar__tile-icon--teal{background: linear-gradient(135deg, #0d9488, #2dd4bf); color: #fff;}.fp-sidebar__tile-icon--orange{background: linear-gradient(135deg, #f97316, #fb923c); color: #fff;}.fp-sidebar__tile-icon--pink{background: linear-gradient(135deg, #ec4899, #f472b6); color: #fff;}.fp-sidebar__tile-icon--green{background: linear-gradient(135deg, #22c55e, #4ade80); color: #fff;}.fp-sidebar__tile-icon--red{background: linear-gradient(135deg, #ef4444, #f87171); color: #fff;}.fp-sidebar__tile-icon--purple{background: linear-gradient(135deg, #a855f7, #c084fc); color: #fff;}.fp-sidebar__tile-text{display: flex; flex-direction: column; gap: .125rem;}.fp-sidebar__tile-name{font-size: .6875rem; font-weight: 700; color: #1e293b; line-height: 1.2;}.fp-sidebar__tile-desc{font-size: .5rem; color: #94a3b8; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.fp-sidebar__footer{padding: .75rem 1.25rem; border-top: 1px solid rgba(0, 0, 0, 0.04); margin-top: auto;}.fp-sidebar__logout{display: flex; align-items: center; gap: .5rem; font-size: .75rem; font-weight: 600; color: #ef4444; text-decoration: none; padding: .5rem; border-radius: .5rem; transition: background .15s;}.fp-sidebar__logout i{font-size: 1rem;}.fp-sidebar__logout:hover{background: rgba(239, 68, 68, 0.06);}.dark .fp-sidebar{background: rgba(15, 23, 42, 0.92); border-right-color: rgba(255, 255, 255, 0.04); box-shadow: 8px 0 40px rgba(0, 0, 0, 0.3);}.dark .fp-sidebar__header{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .fp-sidebar__header span{color: #f1f5f9;}.dark .fp-sidebar__close{background: rgba(255, 255, 255, 0.06); color: #94a3b8;}.dark .fp-sidebar__user{background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(139, 92, 246, 0.06)); border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .fp-sidebar__user-name{color: #f1f5f9;}.dark .fp-sidebar__user-avatar-ring{border-color: rgba(37, 99, 235, 0.2);}.dark .fp-sidebar__filters{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .fp-sidebar__filter-btn{color: #94a3b8; border-color: rgba(255, 255, 255, 0.06);}.dark .fp-sidebar__filter-btn:hover{border-color: rgba(96, 165, 250, 0.3); color: #60a5fa;}.dark .fp-sidebar__filter-btn--active{background: #2563eb; color: #fff; border-color: #2563eb;}.dark .fp-sidebar__cat-title{color: #64748b;}.dark .fp-sidebar__tile{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .fp-sidebar__tile:hover{background: rgba(30, 27, 46, 0.6); border-color: rgba(96, 165, 250, 0.15);}.dark .fp-sidebar__tile--active{background: rgba(37, 99, 235, 0.1); border-color: rgba(37, 99, 235, 0.25);}.dark .fp-sidebar__tile-name{color: #e2e8f0;}.dark .fp-sidebar__tile-desc{color: #64748b;}.dark .fp-sidebar__footer{border-top-color: rgba(255, 255, 255, 0.04);}@media (max-width: 768px){.fp-sidebar{width: 100vw; min-width: unset; max-width: unset;}.fp-sidebar__grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 380px){.fp-sidebar__grid{grid-template-columns: repeat(2, 1fr);}}.fp-banner{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border-radius: 1.25rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.5rem;}.fp-banner__avatar{width: 80px; height: 80px; border-radius: 1rem; background: linear-gradient(135deg, var(--fp-primary), var(--fp-accent)); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 1.5rem; flex-shrink: 0;}.fp-banner__avatar img{width: 100%; height: 100%; border-radius: 1rem; object-fit: cover;}.fp-banner__info{flex: 1;}.fp-banner__name{font-size: 1.25rem; font-weight: 800; color: #1e293b; margin: 0 0 0.25rem;}.fp-banner__meta{font-size: 0.8125rem; color: #6b7280; margin: 0; display: flex; flex-wrap: wrap; gap: 0.75rem;}.fp-banner__meta i{font-size: 0.875rem; vertical-align: -2px; margin-right: 0.25rem; color: var(--fp-accent);}.fp-banner__chips{display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.5rem;}.fp-banner__chip{font-size: 0.6875rem; font-weight: 600; padding: 0.25rem 0.625rem; border-radius: 9999px; background: var(--fp-accent-pale); color: var(--fp-accent);}.fp-stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.fp-stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s;}.fp-stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.fp-stat-icon{width: 40px; height: 40px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; margin-bottom: 0.75rem;}.fp-stat-icon--blue{background: rgba(37, 99, 235, 0.1); color: #2563eb;}.fp-stat-icon--emerald{background: rgba(16, 185, 129, 0.1); color: #10b981;}.fp-stat-icon--amber{background: rgba(245, 158, 11, 0.1); color: #f59e0b;}.fp-stat-icon--violet{background: rgba(139, 92, 246, 0.1); color: #8b5cf6;}.fp-stat-icon--rose{background: rgba(239, 68, 68, 0.1); color: #ef4444;}.fp-stat-icon--sky{background: rgba(14, 165, 233, 0.1); color: #0ea5e9;}.fp-stat-value{font-size: 1.5rem; font-weight: 800; color: #1e293b;}.fp-stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.fp-classes{display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.fp-class-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s;}.fp-class-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.fp-class-bar{height: 4px;}.fp-class-bar--blue{background: linear-gradient(90deg, #2563eb, #3b82f6);}.fp-class-bar--emerald{background: linear-gradient(90deg, #10b981, #34d399);}.fp-class-bar--amber{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.fp-class-bar--violet{background: linear-gradient(90deg, #8b5cf6, #a78bfa);}.fp-class-bar--rose{background: linear-gradient(90deg, #ef4444, #f87171);}.fp-class-bar--sky{background: linear-gradient(90deg, #0ea5e9, #38bdf8);}.fp-class-body{padding: 1.25rem;}.fp-class-top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0.5rem;}.fp-class-code{font-size: 0.6875rem; font-weight: 600; color: var(--fp-accent); background: var(--fp-accent-pale); padding: 0.125rem 0.5rem; border-radius: 9999px;}.fp-class-campus{font-size: 0.6875rem; font-weight: 600; color: #6b7280;}.fp-class-name{font-size: 0.9375rem; font-weight: 700; color: #1e293b; margin: 0 0 0.375rem;}.fp-class-meta{font-size: 0.75rem; color: #6b7280; display: flex; align-items: center; gap: 0.375rem;}.fp-class-meta i{font-size: 0.875rem;}.fp-class-footer{display: flex; align-items: center; justify-content: space-between; padding-top: 0.75rem; margin-top: 0.75rem; border-top: 1px solid rgba(0, 0, 0, 0.04);}.fp-class-students{font-size: 0.75rem; color: #6b7280; display: flex; align-items: center; gap: 0.25rem;}.fp-class-students i{font-size: 0.875rem;}.fp-class-badge{font-size: 0.625rem; font-weight: 700; padding: 0.25rem 0.5rem; border-radius: 9999px;}.fp-class-badge--active{background: rgba(16, 185, 129, 0.12); color: #059669;}.fp-class-badge--grading{background: rgba(245, 158, 11, 0.12); color: #d97706;}.fp-class-badge--done{background: rgba(107, 114, 128, 0.12); color: #4b5563;}.fp-section{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1.5rem;}.fp-section h3, .fp-section .h3{font-size: 0.9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.fp-section h3 i, .fp-section .h3 i{color: var(--fp-accent); font-size: 1.25rem;}.fp-schedule-item{display: flex; align-items: center; gap: 1rem; padding: 0.75rem; border-radius: 0.75rem; background: rgba(0, 0, 0, 0.02); margin-bottom: 0.5rem; border-left: 3px solid var(--fp-accent);}.fp-schedule-time{font-size: 0.75rem; font-weight: 700; color: var(--fp-accent); min-width: 60px;}.fp-schedule-info{flex: 1;}.fp-schedule-info h4, .fp-schedule-info .h4{font-size: 0.8125rem; font-weight: 700; color: #1e293b; margin: 0;}.fp-schedule-info p{font-size: 0.75rem; color: #6b7280; margin: 0;}.fp-schedule-status{font-size: 0.625rem; font-weight: 700; padding: 0.25rem 0.5rem; border-radius: 9999px;}.fp-schedule-status--live{background: rgba(16, 185, 129, 0.12); color: #059669;}.fp-schedule-status--upcoming{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.fp-schedule-status--done{background: rgba(107, 114, 128, 0.12); color: #4b5563;}.fp-quick-links{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75rem;}.fp-quick-link{display: flex; align-items: center; gap: 0.625rem; padding: 0.875rem; border-radius: 0.75rem; text-decoration: none; color: #374151; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.04); transition: all 0.2s;}.fp-quick-link:hover{background: var(--fp-accent-pale); color: var(--fp-accent); border-color: rgba(37, 99, 235, 0.12); transform: translateY(-1px);}.fp-quick-link i{font-size: 1.25rem; color: var(--fp-accent);}.fp-quick-link span{font-size: 0.8125rem; font-weight: 600;}.fp-grid-2{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}.fp-grid-3{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}.fp-notif-item{display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; border-radius: 0.75rem; background: rgba(0, 0, 0, 0.02); margin-bottom: 0.5rem;}.fp-notif-icon{width: 36px; height: 36px; border-radius: 0.625rem; background: var(--fp-accent-pale); color: var(--fp-accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.fp-notif-text{flex: 1;}.fp-notif-text h4, .fp-notif-text .h4{font-size: 0.8125rem; font-weight: 700; color: #1e293b; margin: 0 0 0.125rem;}.fp-notif-text p{font-size: 0.75rem; color: #6b7280; margin: 0;}.fp-notif-date{font-size: 0.625rem; color: #9ca3af;}.fp-empty{text-align: center; padding: 2.5rem 1rem; color: #6b7280;}.fp-empty i{font-size: 2.5rem; color: #d1d5db; margin-bottom: 0.75rem; display: block;}.fp-empty h3, .fp-empty .h3{font-size: 0.9375rem; font-weight: 700; color: #374151; margin: 0 0 0.25rem;}.fp-empty p{font-size: 0.8125rem; margin: 0;}.fp-profile-hero{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border-radius: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1.5rem; position: relative; overflow: hidden; border-left: 4px solid var(--fp-accent);}.fp-profile-hero__gradient{display: none;}.fp-profile-hero__content{display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem 2rem;}.fp-profile-hero__avatar{width: 100px; height: 100px; border-radius: 1.25rem; border: 4px solid #fff; overflow: hidden; flex-shrink: 0; background: linear-gradient(135deg, #1e3a5f, #2563eb); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 2rem; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.fp-profile-hero__avatar img{width: 100%; height: 100%; object-fit: cover;}.fp-profile-hero__info{flex: 1; min-width: 0;}.fp-profile-hero__name{font-size: 1.5rem; font-weight: 800; color: #1e293b; margin: 0 0 0.25rem; line-height: 1.3;}.fp-profile-hero__meta{display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.8125rem; color: #6b7280;}.fp-profile-hero__meta i{font-size: 0.875rem; vertical-align: -2px; color: var(--fp-accent); margin-right: 0.25rem;}.fp-profile-hero__chips{display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.5rem;}.fp-profile-hero__stats{display: flex; gap: 1.5rem; flex-shrink: 0; padding-bottom: 0.25rem;}.fp-profile-hero__stat{text-align: center;}.fp-profile-tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.fp-profile-tabs__tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.fp-profile-tabs__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.fp-profile-tabs__tab--active{background: #fff; color: var(--fp-accent); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.fp-profile-tabs__tab i{font-size: 1.125rem;}.fp-info-row{display: flex; justify-content: space-between; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.fp-info-row:last-child{border-bottom: none;}.fp-info-row__label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.fp-info-row__value{font-size: 0.8125rem; color: #1e293b; font-weight: 600; text-align: right; max-width: 60%;}.fp-contact-list{display: flex; flex-direction: column; gap: 0.5rem;}.fp-contact-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 0.75rem; border-radius: 0.625rem; background: rgba(0, 0, 0, 0.02);}.fp-contact-item__icon{width: 36px; height: 36px; border-radius: 0.5rem; background: rgba(37, 99, 235, 0.08); display: flex; align-items: center; justify-content: center;}.fp-contact-item__icon i{font-size: 1.125rem; color: #2563eb;}.fp-contact-item__label{font-size: 0.6875rem; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}.fp-contact-item__value{font-size: 0.8125rem; font-weight: 600; color: #1e293b;}.fp-social-links{display: flex; gap: 0.5rem; margin-top: 1rem;}.fp-social-link{width: 36px; height: 36px; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 700; font-size: 0.875rem; transition: transform 0.2s;}.fp-social-link:hover{transform: scale(1.1);}.fp-social-link--linkedin{background: rgba(0, 119, 181, 0.08); color: #0077B5;}.fp-social-link--scholar{background: rgba(66, 133, 244, 0.08); color: #4285F4;}.fp-social-link--scholar i{font-size: 1.125rem;}.fp-social-link--twitter{background: rgba(29, 161, 242, 0.08); color: #1DA1F2; font-size: 0.75rem;}.fp-course-chips{display: flex; flex-wrap: wrap; gap: 0.5rem;}.fp-course-chip{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0.875rem; border-radius: 9999px; background: rgba(37, 99, 235, 0.06); border: 1px solid rgba(37, 99, 235, 0.1); font-size: 0.75rem; font-weight: 600; color: #2563eb;}.fp-course-chip i{font-size: 0.875rem;}.fp-pub-card{padding: 0.75rem; border-radius: 0.75rem; background: rgba(0, 0, 0, 0.02); border-left: 3px solid #2563eb; margin-bottom: 0.625rem;}.fp-pub-card__title{font-size: 0.875rem; font-weight: 700; color: #1e293b;}.fp-pub-card__topic{font-size: 0.75rem; color: #6b7280; margin-top: 0.25rem;}.fp-pub-card__date{font-size: 0.6875rem; color: #9ca3af; margin-top: 0.25rem;}.fp-award-card{padding: 0.75rem; border-radius: 0.75rem; background: rgba(0, 0, 0, 0.02); border-left: 3px solid #f59e0b; margin-bottom: 0.625rem;}.fp-award-card__title{font-size: 0.875rem; font-weight: 700; color: #1e293b;}.fp-award-card__body{font-size: 0.75rem; color: #6b7280; margin-top: 0.25rem;}.fp-award-card__date{font-size: 0.6875rem; color: #9ca3af; margin-top: 0.25rem;}.fp-activity-item{padding: 0.625rem 0.75rem; border-radius: 0.625rem; background: rgba(0, 0, 0, 0.02); margin-bottom: 0.375rem; display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; font-weight: 600; color: #1e293b;}.fp-activity-item i{font-size: 1rem; color: #10b981;}.fp-activity-item__date{font-size: 0.6875rem; color: #9ca3af; margin-left: auto;}.fp-app.dark .fp-profile-hero{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-profile-hero__name{color: #e2e8f0;}.fp-app.dark .fp-profile-hero__meta{color: #94a3b8;}.fp-app.dark .fp-profile-tabs{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-profile-tabs__tab{color: #94a3b8;}.fp-app.dark .fp-profile-tabs__tab:hover{color: #e2e8f0; background: rgba(255, 255, 255, 0.05);}.fp-app.dark .fp-profile-tabs__tab--active{background: rgba(255, 255, 255, 0.08); color: #93c5fd;}.fp-app.dark .fp-info-row{border-color: rgba(255, 255, 255, 0.04);}.fp-app.dark .fp-info-row__value, .fp-app.dark .fp-contact-item__value, .fp-app.dark .fp-pub-card__title, .fp-app.dark .fp-award-card__title, .fp-app.dark .fp-activity-item{color: #e2e8f0;}.fp-app.dark .fp-info-row__label, .fp-app.dark .fp-contact-item__label, .fp-app.dark .fp-pub-card__topic, .fp-app.dark .fp-award-card__body{color: #94a3b8;}.fp-app.dark .fp-contact-item, .fp-app.dark .fp-pub-card, .fp-app.dark .fp-award-card, .fp-app.dark .fp-activity-item{background: rgba(255, 255, 255, 0.04);}.fp-btn-publish{display: inline-flex; align-items: center; gap: .625rem; padding: .75rem 1.75rem; border-radius: .875rem; background: linear-gradient(135deg, var(--btn-from, #2563eb), var(--btn-to, #3b82f6)); color: #fff; font-size: .875rem; font-weight: 700; border: none; cursor: pointer; position: relative; box-shadow: 0 4px 15px color-mix(in srgb, var(--btn-from, #2563eb) 35%, transparent), 0 1px 3px rgba(0, 0, 0, 0.1); transition: all .25s ease; overflow: hidden; letter-spacing: .01em;}.fp-btn-publish::before{content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent); border-radius: inherit;}.fp-btn-publish:hover:not(:disabled):not(.o_wysiwyg_loader){transform: translateY(-2px); box-shadow: 0 8px 25px color-mix(in srgb, var(--btn-from, #2563eb) 40%, transparent), 0 2px 6px rgba(0, 0, 0, 0.12);}.fp-btn-publish:active:not(:disabled):not(.o_wysiwyg_loader){transform: translateY(0);}.fp-btn-publish:disabled, .fp-btn-publish.o_wysiwyg_loader{opacity: .5; cursor: not-allowed; transform: none;}.fp-btn-publish__icon{width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center;}.fp-btn-publish__icon i{font-size: 1rem;}.fp-btn-cancel{display: inline-flex; align-items: center; gap: .375rem; padding: .75rem 1.25rem; border-radius: .875rem; background: transparent; color: #6b7280; font-size: .8125rem; font-weight: 600; border: 1.5px solid rgba(0, 0, 0, 0.08); cursor: pointer; transition: all .2s ease;}.fp-btn-cancel:hover{background: rgba(0, 0, 0, 0.04); color: #374151; border-color: rgba(0, 0, 0, 0.12);}.fp-btn-cancel i{font-size: 1rem;}.fp-app.dark .fp-btn-cancel{color: #94a3b8; border-color: rgba(255, 255, 255, 0.08);}.fp-app.dark .fp-btn-cancel:hover{background: rgba(255, 255, 255, 0.05); color: #e2e8f0;}[contenteditable=true]:empty:before{content: attr(data-placeholder); color: #9ca3af; font-style: italic; pointer-events: none;}[contenteditable=true]:focus{box-shadow: 0 0 0 3px var(--fp-accent-ring); border-color: var(--fp-accent);}[contenteditable=true] ul, [contenteditable=true] ol{padding-left: 1.5rem; margin: .25rem 0;}[contenteditable=true] li{margin-bottom: .125rem;}[contenteditable=true] h3, [contenteditable=true] .h3{font-size: 1rem; font-weight: 700; margin: .5rem 0 .25rem;}[contenteditable=true] p{margin: .25rem 0;}.fp-profile-tabs{position: sticky; top: 0; z-index: 20;}.fp-schedule-item:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;}.fp-mk-input, .fp-mk-select{padding: 0.625rem 0.75rem; border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: #1e293b; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.08); transition: border-color 0.2s, box-shadow 0.2s; font-family: inherit; width: 100%;}.fp-mk-input:focus, .fp-mk-select:focus{outline: none; border-color: var(--fp-accent); box-shadow: 0 0 0 3px var(--fp-accent-ring);}.fp-app.dark .fp-mk-input, .fp-app.dark .fp-mk-select{background: rgba(255, 255, 255, 0.05); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.08);}@media (max-width: 768px){.fp-profile-hero__content{flex-direction: column; align-items: flex-start; padding: 1.25rem;}.fp-profile-hero__stats{margin-top: 0.75rem;}.fp-profile-tabs__tab span{display: none;}}.fp-toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; background: #1e293b; color: #fff; padding: 0.75rem 1.25rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 0.5rem;}.fp-app.dark .fp-navbar{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-navbar__logo-text{color: #e2e8f0;}.fp-app.dark .fp-navbar__menu-btn{color: #94a3b8;}.fp-app.dark .fp-navbar__icon-btn{color: #94a3b8; border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-sidebar{background: rgba(15, 23, 42, 0.97); border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-sidebar__header{border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-sidebar__user{border-color: rgba(255, 255, 255, 0.04);}.fp-app.dark .fp-sidebar__user-name{color: #e2e8f0;}.fp-app.dark .fp-sidebar__user-role{color: #94a3b8;}.fp-app.dark .fp-sidebar__cat-title{color: #64748b;}.fp-app.dark .fp-sidebar__tile-name{color: #94a3b8;}.fp-app.dark .fp-sidebar__tile:hover{background: rgba(37, 99, 235, 0.08);}.fp-app.dark .fp-banner, .fp-app.dark .fp-stat-card, .fp-app.dark .fp-class-card, .fp-app.dark .fp-section{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-banner__name, .fp-app.dark .fp-stat-value, .fp-app.dark .fp-class-name, .fp-app.dark .fp-section h3, .fp-app.dark .fp-section .h3, .fp-app.dark .fp-schedule-info h4, .fp-app.dark .fp-schedule-info .h4, .fp-app.dark .fp-notif-text h4, .fp-app.dark .fp-notif-text .h4{color: #e2e8f0;}.fp-app.dark .fp-banner__meta, .fp-app.dark .fp-stat-label, .fp-app.dark .fp-class-meta, .fp-app.dark .fp-class-campus, .fp-app.dark .fp-class-students, .fp-app.dark .fp-schedule-info p, .fp-app.dark .fp-notif-text p{color: #94a3b8;}.fp-app.dark .fp-quick-link{background: rgba(255, 255, 255, 0.04); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.06);}.fp-app.dark .fp-quick-link:hover{background: rgba(37, 99, 235, 0.12); color: #93c5fd;}.fp-app.dark .fp-schedule-item, .fp-app.dark .fp-notif-item{background: rgba(255, 255, 255, 0.04);}.fp-app.dark .fp-class-footer{border-color: rgba(255, 255, 255, 0.04);}.fp-app.dark .fp-section h3, .fp-app.dark .fp-section .h3{border-color: rgba(255, 255, 255, 0.04);}.fp-app.dark .fp-error{background: rgba(30, 41, 59, 0.8);}@media (max-width: 1024px){.fp-grid-2, .fp-grid-3{grid-template-columns: 1fr;}}@media (max-width: 768px){.fp-banner{flex-direction: column; text-align: center;}.fp-banner__meta{justify-content: center;}.fp-banner__chips{justify-content: center;}.fp-stats{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}.fp-classes{grid-template-columns: 1fr;}.fp-sidebar{width: 85vw;}.fp-main{padding: 1rem;}}@media (max-width: 480px){.fp-sidebar__grid{grid-template-columns: repeat(2, 1fr);}.fp-quick-links{grid-template-columns: 1fr 1fr;}}.cw-html-content{font-size: .8125rem; color: #4b5563; line-height: 1.7;}.cw-html-content h4, .cw-html-content .h4{font-size: .875rem; font-weight: 700; color: #1e293b; margin: .75rem 0 .375rem;}.cw-html-content h4:first-child, .cw-html-content .h4:first-child{margin-top: 0;}.cw-html-content ul, .cw-html-content ol{margin: .375rem 0; padding-left: 1.25rem;}.cw-html-content li{margin-bottom: .25rem;}.cw-html-content b, .cw-html-content strong{color: #1e293b;}.cw-html-content p{margin: .375rem 0;}.cw-html-content table{width: 100%; border-collapse: collapse; margin: .5rem 0; font-size: .75rem;}.cw-html-content table th{background: rgba(37, 99, 235, 0.06); font-weight: 700; color: #1e293b; padding: .5rem .625rem; text-align: left; border: 1px solid #e5e7eb;}.cw-html-content table td{padding: .5rem .625rem; border: 1px solid #e5e7eb;}.cw-html-content table tr:nth-child(even) td{background: rgba(248, 250, 252, 0.5);}.cw-html-content a{color: #2563eb; text-decoration: none;}.dark .cw-html-content{color: #d1d5db;}.dark .cw-html-content h4, .dark .cw-html-content .h4, .dark .cw-html-content b, .dark .cw-html-content strong{color: #f1f5f9;}.dark .cw-html-content table th{background: rgba(37, 99, 235, 0.15); color: #f1f5f9; border-color: #374151;}.dark .cw-html-content table td{border-color: #374151;}.dark .cw-html-content table tr:nth-child(even) td{background: rgba(30, 41, 59, 0.5);}.cw-form-label{display: block; font-size: .6875rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .25rem;}.cw-rte-toolbar{display: flex; align-items: center; gap: .125rem; padding: .375rem .5rem; background: rgba(248, 250, 252, 0.8); border: 1px solid #e5e7eb; border-bottom: none; border-radius: .5rem .5rem 0 0;}.cw-rte-btn{width: 30px; height: 30px; border: none; background: transparent; border-radius: .375rem; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #4b5563; transition: all .15s;}.cw-rte-btn i{font-size: 1.125rem;}.cw-rte-btn:hover{background: rgba(37, 99, 235, 0.08); color: #2563eb;}.cw-rte-sep{width: 1px; height: 20px; background: #e5e7eb; margin: 0 .25rem;}.cw-rte-editor{min-height: 180px; max-height: 400px; overflow-y: auto; padding: .75rem 1rem; font-size: .8125rem; line-height: 1.7; color: #1e293b; border: 1px solid #e5e7eb; border-radius: 0 0 .5rem .5rem; background: #fff; outline: none;}.cw-rte-editor:focus{border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);}.cw-rte-editor[placeholder]:empty::before{content: attr(placeholder); color: #9ca3af; pointer-events: none;}.cw-rte-editor ul, .cw-rte-editor ol{margin: .25rem 0; padding-left: 1.25rem;}.cw-rte-editor h4, .cw-rte-editor .h4{font-size: .875rem; font-weight: 700; margin: .5rem 0 .25rem;}.dark .cw-rte-toolbar{background: rgba(30, 41, 59, 0.8); border-color: #374151;}.dark .cw-rte-btn{color: #d1d5db;}.dark .cw-rte-btn:hover{color: #60a5fa;}.dark .cw-rte-sep{background: #374151;}.dark .cw-rte-editor{background: #1e293b; border-color: #374151; color: #f1f5f9;}.dark .cw-rte-editor:focus{border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);}.dark .cw-rte-editor[placeholder]:empty::before{color: #6b7280;}.cw-del-btn{width: 32px; height: 32px; border-radius: .5rem; border: 1px solid rgba(239, 68, 68, 0.15); background: rgba(239, 68, 68, 0.04); color: #ef4444; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: all .2s;}.cw-del-btn i{font-size: 1rem;}.cw-del-btn:hover{background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.3);}.cw-del-btn--sm{width: 26px; height: 26px;}.cw-del-btn--sm i{font-size: .875rem;}.cw-info-card{display: flex; align-items: flex-start; gap: .75rem; padding: .875rem 1rem; border-radius: .625rem; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.04); margin-bottom: .5rem; transition: all .2s;}.cw-info-card:hover{background: rgba(255, 255, 255, 0.8); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}.cw-info-card__icon{width: 36px; height: 36px; border-radius: .5rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-info-card__icon i{font-size: 1.125rem;}.dark .cw-info-card{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.04);}.cw-timeline{padding: .5rem 0;}.cw-timeline__item{display: flex; gap: .75rem; min-height: 60px;}.cw-timeline__marker{display: flex; flex-direction: column; align-items: center; width: 20px; flex-shrink: 0;}.cw-timeline__dot{width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, #0ea5e9, #38bdf8); border: 2px solid #fff; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15); flex-shrink: 0;}.cw-timeline__line{width: 2px; flex: 1; background: linear-gradient(to bottom, #0ea5e9, rgba(14, 165, 233, 0.1)); margin: .25rem 0;}.cw-timeline__content{flex: 1; padding-bottom: 1.25rem; min-width: 0;}.cw-timeline__header{display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;}.cw-timeline__week{font-size: .75rem; font-weight: 800; color: #fff; background: linear-gradient(135deg, #0ea5e9, #0284c7); padding: .1875rem .625rem; border-radius: .375rem; letter-spacing: .02em;}.cw-timeline__task{font-size: .6875rem; font-weight: 600; color: #f59e0b; background: rgba(245, 158, 11, 0.08); padding: .125rem .5rem; border-radius: 9999px; display: inline-flex; align-items: center; gap: .25rem;}.dark .cw-timeline__dot{border-color: #1e293b;}.dark .cw-timeline__line{background: linear-gradient(to bottom, #0ea5e9, rgba(14, 165, 233, 0.05));}.cw-cal-summary{display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; padding: .75rem 1rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(6px); border-radius: .75rem; border: 1px solid rgba(14, 165, 233, 0.08);}.cw-cal-summary__stat{display: inline-flex; align-items: center; gap: .375rem; font-size: .75rem; color: #4b5563; padding: .25rem .625rem; background: rgba(248, 250, 252, 0.8); border-radius: .5rem;}.cw-cal-summary__stat i{font-size: 1rem;}.cw-cal-summary__stat strong{font-weight: 700;}.dark .cw-cal-summary{background: rgba(30, 41, 59, 0.6); border-color: rgba(14, 165, 233, 0.1);}.dark .cw-cal-summary__stat{background: rgba(15, 23, 42, 0.5); color: #d1d5db;}.cw-cal-phase{display: flex; align-items: center; gap: .75rem; padding: .5rem 0; margin-bottom: .5rem;}.cw-cal-phase__icon{width: 36px; height: 36px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-cal-phase__icon i{font-size: 1.25rem;}.cw-cal-phase__icon--blue{background: rgba(37, 99, 235, 0.08); color: #2563eb;}.cw-cal-phase__icon--amber{background: rgba(245, 158, 11, 0.08); color: #f59e0b;}.cw-cal-phase__icon--teal{background: rgba(14, 165, 233, 0.08); color: #0ea5e9;}.cw-cal-phase__icon--rose{background: rgba(244, 63, 94, 0.08); color: #f43f5e;}.cw-cal-phase__icon--green{background: rgba(16, 185, 129, 0.08); color: #10b981;}.dark .cw-cal-phase h3, .dark .cw-cal-phase .h3{color: #f1f5f9 !important;}.cw-timeline2{padding: 0 0 0 .25rem;}.cw-tl-card{display: flex; gap: .75rem; min-height: 50px;}.cw-tl-card:hover .cw-tl-card__del{opacity: 1;}.cw-tl-card:hover .cw-tl-card__body{background: rgba(255, 255, 255, 0.85); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);}.cw-tl-card--exam .cw-tl-card__body{background: rgba(245, 158, 11, 0.04) !important; border-color: rgba(245, 158, 11, 0.12) !important;}.cw-tl-card--special .cw-tl-card__body{border-left: 3px solid transparent;}.cw-tl-card__rail{display: flex; flex-direction: column; align-items: center; width: 22px; flex-shrink: 0; padding-top: .875rem;}.cw-tl-card__dot{width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 2px solid #fff; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);}.cw-tl-card__dot--default{background: #94a3b8; box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.12);}.cw-tl-card__dot--purple{background: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}.cw-tl-card__dot--blue{background: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);}.cw-tl-card__dot--green{background: #10b981; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);}.cw-tl-card__dot--amber{background: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);}.cw-tl-card__dot--rose{background: #f43f5e; box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.15);}.cw-tl-card__dot--pink{background: #ec4899; box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.15);}.cw-tl-card__dot--teal{background: #0ea5e9; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);}.cw-tl-card__dot--indigo{background: #6366f1; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);}.cw-tl-card__line{width: 2px; flex: 1; margin: .25rem 0; background: linear-gradient(to bottom, #cbd5e1, rgba(203, 213, 225, 0.2));}.cw-tl-card__line--purple{background: linear-gradient(to bottom, rgba(139, 92, 246, 0.4), rgba(139, 92, 246, 0.05));}.cw-tl-card__line--blue{background: linear-gradient(to bottom, rgba(37, 99, 235, 0.4), rgba(37, 99, 235, 0.05));}.cw-tl-card__line--amber{background: linear-gradient(to bottom, rgba(245, 158, 11, 0.4), rgba(245, 158, 11, 0.05));}.cw-tl-card__line--rose{background: linear-gradient(to bottom, rgba(244, 63, 94, 0.4), rgba(244, 63, 94, 0.05));}.cw-tl-card__body{flex: 1; padding: .75rem 1rem; margin-bottom: .625rem; border-radius: .625rem; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(4px); transition: all .2s; min-width: 0;}.cw-tl-card__header{display: flex; align-items: center; gap: .5rem;}.cw-tl-card__week{font-size: .6875rem; font-weight: 800; color: #fff; padding: .1875rem .625rem; border-radius: .375rem; letter-spacing: .02em; white-space: nowrap;}.cw-tl-card__week--default{background: linear-gradient(135deg, #94a3b8, #64748b);}.cw-tl-card__week--purple{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.cw-tl-card__week--blue{background: linear-gradient(135deg, #2563eb, #1d4ed8);}.cw-tl-card__week--green{background: linear-gradient(135deg, #10b981, #059669);}.cw-tl-card__week--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.cw-tl-card__week--rose{background: linear-gradient(135deg, #f43f5e, #e11d48);}.cw-tl-card__week--pink{background: linear-gradient(135deg, #ec4899, #db2777);}.cw-tl-card__week--teal{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.cw-tl-card__week--indigo{background: linear-gradient(135deg, #6366f1, #4f46e5);}.cw-tl-card__progress{width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}.cw-tl-card__progress--lecture{background: rgba(148, 163, 184, 0.1); color: #94a3b8;}.cw-tl-card__progress--purple{background: rgba(139, 92, 246, 0.08); color: #8b5cf6;}.cw-tl-card__progress--blue{background: rgba(37, 99, 235, 0.08); color: #2563eb;}.cw-tl-card__progress--green{background: rgba(16, 185, 129, 0.08); color: #10b981;}.cw-tl-card__progress--amber{background: rgba(245, 158, 11, 0.08); color: #f59e0b;}.cw-tl-card__progress--rose{background: rgba(244, 63, 94, 0.08); color: #f43f5e;}.cw-tl-card__progress--pink{background: rgba(236, 72, 153, 0.08); color: #ec4899;}.cw-tl-card__progress--teal{background: rgba(14, 165, 233, 0.08); color: #0ea5e9;}.cw-tl-card__progress--indigo{background: rgba(99, 102, 241, 0.08); color: #6366f1;}.cw-tl-card__progress--default{background: rgba(148, 163, 184, 0.08); color: #94a3b8;}.cw-tl-card__del{width: 24px; height: 24px; border-radius: .375rem; border: none; background: rgba(239, 68, 68, 0.06); color: #ef4444; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all .2s; margin-left: auto;}.cw-tl-card__del i{font-size: .875rem;}.cw-tl-card__del:hover{background: rgba(239, 68, 68, 0.15); transform: scale(1.1);}.cw-tl-card__content{margin-top: .5rem;}.cw-tl-card__content--clamped{max-height: 3.25em; overflow: hidden; position: relative;}.cw-tl-card__content--clamped::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1.5em; background: linear-gradient(transparent, rgba(255, 255, 255, 0.85));}.cw-tl-card--exam .cw-tl-card__content--clamped::after{background: linear-gradient(transparent, rgba(255, 251, 235, 0.9));}.cw-tl-card__footer{display: flex; align-items: center; gap: .5rem; margin-top: .5rem; flex-wrap: wrap;}.cw-tl-card__task-badge{display: inline-flex; align-items: center; gap: .25rem; font-size: .6875rem; font-weight: 600; padding: .1875rem .5rem; border-radius: 9999px;}.cw-tl-card__task-badge--default{background: rgba(148, 163, 184, 0.08); color: #64748b;}.cw-tl-card__task-badge--purple{background: rgba(139, 92, 246, 0.08); color: #7c3aed;}.cw-tl-card__task-badge--blue{background: rgba(37, 99, 235, 0.08); color: #1d4ed8;}.cw-tl-card__task-badge--green{background: rgba(16, 185, 129, 0.08); color: #059669;}.cw-tl-card__task-badge--amber{background: rgba(245, 158, 11, 0.1); color: #b45309;}.cw-tl-card__task-badge--rose{background: rgba(244, 63, 94, 0.08); color: #be123c;}.cw-tl-card__task-badge--pink{background: rgba(236, 72, 153, 0.08); color: #be185d;}.cw-tl-card__task-badge--teal{background: rgba(14, 165, 233, 0.08); color: #0369a1;}.cw-tl-card__task-badge--indigo{background: rgba(99, 102, 241, 0.08); color: #4338ca;}.cw-tl-card__toggle{display: inline-flex; align-items: center; gap: .125rem; padding: 0; margin-left: auto; background: none; border: none; cursor: pointer; font-size: .6875rem; font-weight: 600; color: #0ea5e9; transition: color .15s;}.cw-tl-card__toggle:hover{color: #0284c7;}.dark .cw-tl-card__dot{border-color: #1e293b;}.dark .cw-tl-card__body{background: rgba(30, 41, 59, 0.55); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-tl-card:hover .cw-tl-card__body{background: rgba(30, 41, 59, 0.8);}.dark .cw-tl-card--exam .cw-tl-card__body{background: rgba(245, 158, 11, 0.06) !important;}.dark .cw-tl-card__content--clamped::after{background: linear-gradient(transparent, rgba(30, 41, 59, 0.85));}.dark .cw-tl-card--exam .cw-tl-card__content--clamped::after{background: linear-gradient(transparent, rgba(30, 41, 59, 0.9));}.cw-book-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .75rem;}.cw-book2{display: flex; gap: .75rem; padding: .875rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s; position: relative;}.cw-book2:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); transform: translateY(-1px);}.cw-book2:hover .cw-book2__del{opacity: 1;}.cw-book2__cover{width: 56px; height: 72px; border-radius: .5rem; flex-shrink: 0; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;}.cw-book2__cover--text{background: linear-gradient(145deg, #1e40af, #3b82f6); box-shadow: 2px 2px 8px rgba(37, 99, 235, 0.2);}.cw-book2__cover--ref{background: linear-gradient(145deg, #92400e, #f59e0b); box-shadow: 2px 2px 8px rgba(245, 158, 11, 0.2);}.cw-book2__cover-icon i{font-size: 1.25rem; color: rgba(255, 255, 255, 0.25);}.cw-book2__cover-letter{font-size: 1.5rem; font-weight: 900; color: rgba(255, 255, 255, 0.9); line-height: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}.cw-book2__type-badge{position: absolute; bottom: .25rem; right: .25rem; font-size: .5rem; font-weight: 800; padding: .0625rem .25rem; border-radius: .1875rem; letter-spacing: .03em;}.cw-book2__type-badge--text{background: rgba(255, 255, 255, 0.85); color: #1e40af;}.cw-book2__type-badge--ref{background: rgba(255, 255, 255, 0.85); color: #92400e;}.cw-book2__info{flex: 1; min-width: 0;}.cw-book2__title{font-size: .8125rem; font-weight: 700; color: #1e293b; margin: 0 0 .25rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.cw-book2__authors{font-size: .75rem; color: #6b7280; display: flex; align-items: center; gap: .25rem;}.cw-book2__authors i{font-size: .8125rem; color: #9ca3af;}.cw-book2__details{display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .375rem;}.cw-book2__chip{display: inline-flex; align-items: center; gap: .125rem; font-size: .625rem; font-weight: 500; color: #6b7280; background: rgba(0, 0, 0, 0.03); padding: .125rem .375rem; border-radius: .25rem;}.cw-book2__chip i{font-size: .6875rem; color: #9ca3af;}.cw-book2__desc{margin-top: .375rem;}.cw-book2__desc--clamped{max-height: 2.5em; overflow: hidden; position: relative;}.cw-book2__desc--clamped::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1.25em; background: linear-gradient(transparent, rgba(255, 255, 255, 0.85));}.cw-book2__del{position: absolute; top: .5rem; right: .5rem; width: 26px; height: 26px; border-radius: .375rem; border: none; background: rgba(239, 68, 68, 0.06); color: #ef4444; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all .2s;}.cw-book2__del i{font-size: .875rem;}.cw-book2__del:hover{background: rgba(239, 68, 68, 0.15); transform: scale(1.1);}.dark .cw-book2{background: rgba(30, 41, 59, 0.6); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-book2:hover{background: rgba(30, 41, 59, 0.85);}.dark .cw-book2__title{color: #f1f5f9;}.dark .cw-book2__authors{color: #d1d5db;}.dark .cw-book2__chip{background: rgba(255, 255, 255, 0.06); color: #d1d5db;}.dark .cw-book2__desc--clamped::after{background: linear-gradient(transparent, rgba(30, 41, 59, 0.85));}.cw-res-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: .75rem;}.cw-res2{display: flex; align-items: flex-start; gap: .75rem; padding: .875rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s; position: relative;}.cw-res2:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}.cw-res2:hover .cw-book2__del{opacity: 1;}.cw-res2__icon-wrap{width: 40px; height: 40px; position: relative; flex-shrink: 0;}.cw-res2__favicon{width: 40px; height: 40px; border-radius: .5rem; object-fit: contain; background: #fff; border: 1px solid rgba(0, 0, 0, 0.06); padding: 4px;}.cw-res2__cat-icon{position: absolute; bottom: -4px; right: -4px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #fff;}.cw-res2__cat-icon i{font-size: .625rem;}.cw-res2__content{flex: 1; min-width: 0;}.cw-res2__domain{font-size: .875rem; font-weight: 700; color: #1e293b; text-decoration: none; display: inline-flex; align-items: center;}.cw-res2__domain:hover{color: #2563eb;}.cw-res2__url{font-size: .625rem; color: #9ca3af; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; margin-top: .0625rem;}.cw-res2__desc{margin-top: .375rem; font-size: .8125rem; color: #4b5563;}.cw-res2__desc b, .cw-res2__desc strong{color: #1e293b;}.dark .cw-res2{background: rgba(30, 41, 59, 0.6); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-res2:hover{background: rgba(30, 41, 59, 0.85);}.dark .cw-res2__domain{color: #f1f5f9;}.dark .cw-res2__domain:hover{color: #60a5fa;}.dark .cw-res2__favicon{background: #1e293b; border-color: rgba(255, 255, 255, 0.06);}.dark .cw-res2__cat-icon{border-color: #1e293b;}.dark .cw-res2__desc{color: #d1d5db;}.dark .cw-res2__desc b, .dark .cw-res2__desc strong{color: #f1f5f9;}.cw-gp-validation{display: flex; align-items: center; gap: .5rem; padding: .625rem 1rem; border-radius: .625rem; margin-bottom: 1rem; font-size: .8125rem; font-weight: 600;}.cw-gp-validation--ok{background: rgba(16, 185, 129, 0.08); color: #059669; border: 1px solid rgba(16, 185, 129, 0.15);}.cw-gp-validation--warn{background: rgba(245, 158, 11, 0.08); color: #b45309; border: 1px solid rgba(245, 158, 11, 0.15);}.cw-gp-layout{display: grid; grid-template-columns: 300px 1fr; gap: 1rem; align-items: start;}@media (max-width: 900px){.cw-gp-layout{grid-template-columns: 1fr;}}.cw-gp-donut-section{position: sticky; top: 1rem;}.cw-gp-legend{display: flex; flex-direction: column; gap: .375rem; margin-top: .5rem;}.cw-gp-legend__item{display: flex; align-items: center; gap: .5rem; padding: .375rem .625rem; border-radius: .5rem; transition: background .15s; cursor: default;}.cw-gp-legend__item:hover{background: rgba(0, 0, 0, 0.03);}.cw-gp-legend__dot{width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;}.cw-gp-legend__name{font-size: .75rem; color: #4b5563; flex: 1;}.cw-gp-legend__pct{font-size: .75rem; font-weight: 700; color: #1e293b;}.cw-gp-cards-section{display: flex; flex-direction: column; gap: .625rem;}.cw-gp-card{display: flex; border-radius: .75rem; overflow: hidden; background: rgba(255, 255, 255, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s;}.cw-gp-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}.cw-gp-card__bar{width: 5px; flex-shrink: 0;}.cw-gp-card__body{flex: 1; padding: .75rem 1rem; min-width: 0;}.cw-gp-card__header{display: flex; align-items: center; gap: .625rem;}.cw-gp-card__icon{width: 36px; height: 36px; border-radius: .5rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-gp-card__icon i{font-size: 1.125rem;}.cw-gp-card__name{font-size: .875rem; font-weight: 700; color: #1e293b;}.cw-gp-card__pct{font-size: 1.25rem; font-weight: 800; margin-left: auto;}.cw-gp-card__status{display: inline-flex; align-items: center; gap: .125rem; font-size: .5625rem; font-weight: 700; padding: .0625rem .375rem; border-radius: 9999px; text-transform: uppercase; letter-spacing: .04em;}.cw-gp-card__status--draft{background: rgba(148, 163, 184, 0.1); color: #64748b;}.cw-gp-card__status--active{background: rgba(16, 185, 129, 0.08); color: #059669;}.cw-gp-card__status--frozen{background: rgba(14, 165, 233, 0.08); color: #0284c7;}.cw-gp-card__details{display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .5rem;}.cw-gp-card__chip{display: inline-flex; align-items: center; gap: .25rem; font-size: .6875rem; font-weight: 500; color: #6b7280; background: rgba(0, 0, 0, 0.03); padding: .1875rem .5rem; border-radius: .375rem;}.cw-gp-card__chip i{font-size: .75rem; color: #9ca3af;}.cw-gp-card__bar-track{height: 6px; background: rgba(0, 0, 0, 0.04); border-radius: 3px; margin-top: .625rem; overflow: hidden;}.cw-gp-card__bar-fill{height: 100%; border-radius: 3px; transition: width .6s ease-out; position: relative; display: flex; align-items: center; justify-content: flex-end; padding-right: .25rem;}.cw-gp-card__bar-fill span{font-size: .5rem; font-weight: 800; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}.dark .cw-gp-validation--ok{background: rgba(16, 185, 129, 0.12); color: #34d399; border-color: rgba(16, 185, 129, 0.2);}.dark .cw-gp-validation--warn{background: rgba(245, 158, 11, 0.12); color: #fbbf24; border-color: rgba(245, 158, 11, 0.2);}.dark .cw-gp-card{background: rgba(30, 41, 59, 0.65); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-gp-card:hover{background: rgba(30, 41, 59, 0.85);}.dark .cw-gp-card__name{color: #f1f5f9;}.dark .cw-gp-card__chip{background: rgba(255, 255, 255, 0.06); color: #d1d5db;}.dark .cw-gp-card__bar-track{background: rgba(255, 255, 255, 0.06);}.dark .cw-gp-legend__name{color: #d1d5db;}.dark .cw-gp-legend__pct{color: #f1f5f9;}.dark .cw-gp-legend__item:hover{background: rgba(255, 255, 255, 0.04);}.dark svg text{fill: #f1f5f9 !important;}.cw-add-btn{display: inline-flex; align-items: center; gap: .375rem; padding: .5rem 1.25rem; border-radius: .625rem; color: #fff; font-size: .8125rem; font-weight: 600; border: none; cursor: pointer; transition: all .2s;}.cw-add-btn:hover{transform: translateY(-1px);}.cw-add-btn--purple{background: linear-gradient(135deg, #8b5cf6, #a78bfa); box-shadow: 0 2px 8px rgba(139, 92, 246, 0.25);}.cw-add-btn--blue{background: linear-gradient(135deg, #2563eb, #3b82f6); box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);}.cw-add-btn--teal{background: linear-gradient(135deg, #0ea5e9, #38bdf8); box-shadow: 0 2px 8px rgba(14, 165, 233, 0.25);}.cw-add-btn--green{background: linear-gradient(135deg, #10b981, #34d399); box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);}.cw-count-badge{font-size: .6875rem; font-weight: 700; padding: .125rem .5rem; border-radius: 9999px; margin-left: auto;}.cw-count-badge--purple{background: rgba(139, 92, 246, 0.08); color: #8b5cf6;}.cw-count-badge--blue{background: rgba(37, 99, 235, 0.08); color: #2563eb;}.cw-count-badge--teal{background: rgba(14, 165, 233, 0.08); color: #0ea5e9;}.cw-count-badge--green{background: rgba(16, 185, 129, 0.08); color: #10b981;}.cw-count-badge--amber{background: rgba(245, 158, 11, 0.08); color: #f59e0b;}.cw-add-form{padding: 1.25rem 1.5rem; border-radius: .75rem; margin-bottom: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(0, 0, 0, 0.04);}.cw-add-form--purple{border-left: 4px solid #8b5cf6;}.cw-add-form--blue{border-left: 4px solid #2563eb;}.cw-add-form--teal{border-left: 4px solid #0ea5e9;}.cw-add-form--green{border-left: 4px solid #10b981;}.cw-add-form__header{display: flex; align-items: center; gap: .75rem;}.cw-add-form__icon{width: 40px; height: 40px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0;}.cw-add-form__icon i{font-size: 1.25rem;}.dark .cw-add-form{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-add-form h3, .dark .cw-add-form .h3{color: #f1f5f9;}.dark .cw-add-form p{color: #94a3b8;}.cw-rte-toolbar--compact{border-radius: .5rem .5rem 0 0; padding: .25rem .375rem; gap: .0625rem;}.cw-info-list{display: flex; flex-direction: column; gap: .5rem;}.cw-info-card2{display: flex; align-items: flex-start; gap: .625rem; padding: 1rem 1.125rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s; position: relative;}.cw-info-card2:hover{background: rgba(255, 255, 255, 0.85); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}.cw-info-card2:hover .cw-info-card2__actions{opacity: 1;}.cw-info-card2--expanded{background: rgba(255, 255, 255, 0.9);}.cw-info-card2__num{width: 24px; height: 24px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); color: #8b5cf6; font-size: .6875rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: .125rem;}.cw-info-card2__icon{width: 38px; height: 38px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-info-card2__icon i{font-size: 1.25rem;}.cw-info-card2__icon--purple{background: rgba(139, 92, 246, 0.07); color: #8b5cf6;}.cw-info-card2__icon--blue{background: rgba(37, 99, 235, 0.07); color: #2563eb;}.cw-info-card2__icon--teal{background: rgba(14, 165, 233, 0.07); color: #0ea5e9;}.cw-info-card2__icon--amber{background: rgba(245, 158, 11, 0.07); color: #f59e0b;}.cw-info-card2__icon--rose{background: rgba(244, 63, 94, 0.07); color: #f43f5e;}.cw-info-card2__content{flex: 1; min-width: 0;}.cw-info-card2__subject{font-size: .875rem; font-weight: 700; color: #1e293b; line-height: 1.3;}.cw-info-card2__desc{margin-top: .375rem;}.cw-info-card2__desc--clamped{max-height: 3.5em; overflow: hidden; position: relative;}.cw-info-card2__desc--clamped::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1.5em; background: linear-gradient(transparent, rgba(255, 255, 255, 0.9));}.cw-info-card2__toggle{display: inline-flex; align-items: center; gap: .25rem; padding: 0; margin-top: .375rem; background: none; border: none; cursor: pointer; font-size: .6875rem; font-weight: 600; color: #8b5cf6; transition: color .15s;}.cw-info-card2__toggle:hover{color: #7c3aed;}.cw-info-card2__actions{display: flex; gap: .25rem; opacity: 0; transition: opacity .2s; flex-shrink: 0;}.cw-action-btn{width: 30px; height: 30px; border-radius: .5rem; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .2s;}.cw-action-btn i{font-size: 1rem;}.cw-action-btn--danger{background: rgba(239, 68, 68, 0.06); color: #ef4444;}.cw-action-btn--danger:hover{background: rgba(239, 68, 68, 0.15); transform: scale(1.1);}.cw-action-btn--edit{background: rgba(37, 99, 235, 0.06); color: #2563eb;}.cw-action-btn--edit:hover{background: rgba(37, 99, 235, 0.15); transform: scale(1.1);}.dark .cw-info-card2{background: rgba(30, 41, 59, 0.6); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-info-card2:hover{background: rgba(30, 41, 59, 0.8);}.dark .cw-info-card2__subject{color: #f1f5f9;}.dark .cw-info-card2__num{background: rgba(139, 92, 246, 0.15);}.dark .cw-info-card2__desc--clamped::after{background: linear-gradient(transparent, rgba(30, 41, 59, 0.9));}.tt-day-section{transition: all .2s;}.tt-day-section--today{border-left: 4px solid #10b981 !important; background: rgba(16, 185, 129, 0.02) !important;}.tt-day-header{display: flex; align-items: center; gap: .75rem; padding: 0 0 .75rem;}.tt-day-badge{width: 40px; height: 40px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff;}.tt-day-badge__abbr{font-size: .75rem; font-weight: 900; letter-spacing: .04em;}.tt-day-name{font-size: .9375rem; font-weight: 800; color: #1e293b;}.tt-today-badge{font-size: .5rem; font-weight: 800; background: #10b981; color: #fff; padding: .0625rem .375rem; border-radius: 9999px; margin-left: .375rem; text-transform: uppercase; animation: cw-pulse 2s ease-in-out infinite;}.tt-day-dots{display: flex; gap: .1875rem; margin-left: .5rem;}.tt-day-dot{width: 6px; height: 6px; border-radius: 50%; opacity: .6;}.tt-class-card{display: flex; align-items: center; gap: .75rem; padding: .625rem .875rem; margin-bottom: .375rem; border-radius: .625rem; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(0, 0, 0, 0.03); backdrop-filter: blur(4px); transition: all .2s; color: inherit;}.tt-class-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transform: translateX(2px);}.tt-time-pill{display: flex; align-items: center; gap: .25rem; padding: .25rem .5rem; border-radius: .375rem; border: 1.5px solid #2563eb; font-size: .6875rem; font-weight: 700; color: #2563eb; white-space: nowrap; flex-shrink: 0;}.tt-class-info{flex: 1; min-width: 0;}.tt-class-info h4, .tt-class-info .h4{font-size: .8125rem; font-weight: 700; color: #1e293b; margin: 0;}.tt-class-meta{display: flex; gap: .5rem; font-size: .6875rem; color: #6b7280; margin-top: .125rem; flex-wrap: wrap;}.tt-room-badge{display: inline-flex; align-items: center; gap: .125rem; font-size: .625rem; font-weight: 600; background: rgba(139, 92, 246, 0.06); color: #7c3aed; padding: .0625rem .375rem; border-radius: .25rem;}.tt-comp-badge{font-size: .5625rem; font-weight: 700; padding: .1875rem .5rem; border-radius: 9999px; white-space: nowrap; flex-shrink: 0;}.tt-grid-wrap{overflow-x: auto; border-radius: .75rem; border: 1px solid rgba(0, 0, 0, 0.06);}.tt-grid{width: 100%; border-collapse: collapse; font-size: .75rem;}.tt-grid__th{padding: .625rem .5rem; font-weight: 700; text-align: center; font-size: .75rem; background: rgba(248, 250, 252, 0.9); border-bottom: 2px solid rgba(0, 0, 0, 0.06);}.tt-grid__th--today{background: rgba(16, 185, 129, 0.06) !important;}.tt-grid__time{padding: .5rem .625rem; font-size: .6875rem; font-weight: 600; color: #6b7280; white-space: nowrap; border-right: 1px solid rgba(0, 0, 0, 0.04); display: flex; align-items: center; gap: .25rem;}.tt-grid__cell{padding: .375rem; border: 1px solid rgba(0, 0, 0, 0.03); min-width: 120px; vertical-align: top;}.tt-grid__cell--today{background: rgba(16, 185, 129, 0.02);}.tt-grid__cell--filled{background: rgba(37, 99, 235, 0.02);}.tt-grid__card{display: block; padding: .375rem .5rem; border-radius: .375rem; background: rgba(255, 255, 255, 0.8); text-decoration: none; transition: all .15s; color: inherit;}.tt-grid__card:hover{background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);}.tt-grid__card-name{font-size: .6875rem; font-weight: 700; color: #1e293b; line-height: 1.2;}.tt-grid__card-code{font-size: .5625rem; color: #6b7280; margin-top: .125rem;}.tt-grid__card-room{font-size: .5rem; color: #8b5cf6; margin-top: .125rem; display: flex; align-items: center; gap: .125rem;}.dark .tt-day-name{color: #f1f5f9;}.dark .tt-class-card{background: rgba(30, 41, 59, 0.55); border-color: rgba(255, 255, 255, 0.03);}.dark .tt-class-card:hover{background: rgba(30, 41, 59, 0.85);}.dark .tt-class-info h4, .dark .tt-class-info .h4{color: #f1f5f9;}.dark .tt-grid__th{background: rgba(30, 41, 59, 0.9); color: #d1d5db;}.dark .tt-grid__cell{border-color: rgba(255, 255, 255, 0.03);}.dark .tt-grid__card{background: rgba(30, 41, 59, 0.6);}.dark .tt-grid__card-name{color: #f1f5f9;}.att-term-card{border-radius: .75rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); overflow: hidden;}.att-term-header{display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; cursor: pointer; transition: background .15s;}.att-term-header:hover{background: rgba(37, 99, 235, 0.03);}.att-term-name{font-size: .875rem; font-weight: 700; color: #1e293b; flex: 1;}.att-term-body{padding: 0 .75rem .75rem; display: flex; flex-direction: column; gap: .5rem;}.att-class-card{border-radius: .5rem; background: rgba(248, 250, 252, 0.6); border: 1px solid rgba(0, 0, 0, 0.03); overflow: hidden;}.att-class-header{display: flex; align-items: center; gap: .5rem; padding: .625rem .75rem; cursor: pointer; transition: background .15s;}.att-class-header:hover{background: rgba(139, 92, 246, 0.03);}.att-roster-list{padding: .25rem .5rem .5rem;}.att-roster-header{display: flex; gap: .375rem; padding: .375rem .5rem; font-size: .625rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.att-roster-row{display: flex; gap: .375rem; padding: .5rem .5rem; font-size: .75rem; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.02); transition: background .1s;}.att-roster-row:hover{background: rgba(37, 99, 235, 0.03);}.att-day-badge{font-size: .5625rem; font-weight: 700; padding: .0625rem .375rem; border-radius: 9999px;}.dark .att-term-card{background: rgba(30, 41, 59, 0.6); border-color: rgba(255, 255, 255, 0.04);}.dark .att-term-name{color: #f1f5f9;}.dark .att-class-card{background: rgba(30, 41, 59, 0.4); border-color: rgba(255, 255, 255, 0.03);}.dark .att-class-header:hover{background: rgba(139, 92, 246, 0.06);}.dark .att-roster-row:hover{background: rgba(37, 99, 235, 0.06);}.sv-card{display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s;}.sv-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}.sv-card--done{opacity: .7;}.sv-card__icon{width: 40px; height: 40px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sv-card__icon i{font-size: 1.25rem;}.sv-card__body{flex: 1; min-width: 0;}.sv-card__title{font-size: .8125rem; font-weight: 700; color: #1e293b;}.sv-card__meta{display: flex; gap: .5rem; font-size: .6875rem; color: #6b7280; margin-top: .25rem; flex-wrap: wrap; align-items: center;}.sv-card__meta span{display: inline-flex; align-items: center; gap: .125rem;}.sv-card__urgency{display: inline-flex; align-items: center; gap: .125rem; font-size: .5625rem; font-weight: 700; padding: .125rem .375rem; border-radius: 9999px; animation: cw-pulse 2s ease-in-out infinite;}.sv-card__right{display: flex; flex-direction: column; align-items: flex-end; gap: .375rem; flex-shrink: 0;}.sv-card__status{display: inline-flex; align-items: center; gap: .25rem; font-size: .625rem; font-weight: 700; padding: .1875rem .5rem; border-radius: 9999px;}.sv-card__status--done{background: rgba(16, 185, 129, 0.08); color: #059669;}.sv-card__status--pending{background: rgba(245, 158, 11, 0.06); color: #b45309;}.sv-card__btn{display: inline-flex; align-items: center; gap: .25rem; padding: .375rem .75rem; border-radius: .5rem; background: linear-gradient(135deg, #2563eb, #3b82f6); color: #fff; font-size: .6875rem; font-weight: 700; text-decoration: none; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25); transition: all .2s;}.sv-card__btn:hover{transform: translateY(-1px); box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);}.dark .sv-card{background: rgba(30, 41, 59, 0.55); border-color: rgba(255, 255, 255, 0.04);}.dark .sv-card__title{color: #f1f5f9;}.cw-dropzone{border: 2px dashed rgba(139, 92, 246, 0.2); border-radius: .75rem; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all .2s; background: rgba(139, 92, 246, 0.02); min-height: 100px;}.cw-dropzone:hover{border-color: rgba(139, 92, 246, 0.4); background: rgba(139, 92, 246, 0.04);}.cw-dropzone__selected{display: flex; align-items: center; gap: .75rem; width: 100%;}.cw-dropzone__file-icon{width: 40px; height: 40px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-dropzone__file-icon i{font-size: 1.25rem;}.dark .cw-dropzone{border-color: rgba(139, 92, 246, 0.15); background: rgba(139, 92, 246, 0.03);}.cw-mat-list{display: flex; flex-direction: column; gap: .5rem;}.cw-mat-card{display: flex; align-items: flex-start; gap: .75rem; padding: .75rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s;}.cw-mat-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}.cw-mat-card:hover .cw-mat-card__del{opacity: 1;}.cw-mat-card__icon{width: 44px; height: 44px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative;}.cw-mat-card__icon i{font-size: 1.375rem;}.cw-mat-card__ext{position: absolute; bottom: -2px; right: -2px; font-size: .4375rem; font-weight: 800; padding: .0625rem .25rem; border-radius: .1875rem; color: #fff; letter-spacing: .02em; line-height: 1.2;}.cw-mat-card__content{flex: 1; min-width: 0;}.cw-mat-card__name{font-size: .8125rem; font-weight: 700; color: #1e293b; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.cw-mat-card__desc{margin-top: .25rem; font-size: .75rem; color: #4b5563;}.cw-mat-card__meta{display: flex; gap: .5rem; margin-top: .25rem; font-size: .6875rem; color: #9ca3af;}.cw-mat-card__meta span{display: inline-flex; align-items: center; gap: .125rem;}.cw-mat-card__meta i{font-size: .75rem;}.cw-mat-card__actions{display: flex; align-items: center; gap: .375rem; flex-shrink: 0;}.cw-mat-card__download{width: 32px; height: 32px; border-radius: .5rem; background: rgba(37, 99, 235, 0.06); color: #2563eb; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all .2s;}.cw-mat-card__download i{font-size: 1.125rem;}.cw-mat-card__download:hover{background: rgba(37, 99, 235, 0.12); transform: scale(1.05);}.cw-mat-card__del{width: 32px; height: 32px; border-radius: .5rem; border: none; background: rgba(239, 68, 68, 0.06); color: #ef4444; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all .2s;}.cw-mat-card__del i{font-size: 1rem;}.cw-mat-card__del:hover{background: rgba(239, 68, 68, 0.15); transform: scale(1.05);}.dark .cw-mat-card{background: rgba(30, 41, 59, 0.55); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-mat-card:hover{background: rgba(30, 41, 59, 0.85);}.dark .cw-mat-card__name{color: #f1f5f9;}.dark .cw-mat-card__download{background: rgba(37, 99, 235, 0.12);}.cw-gb-scroll-hint{display: flex; align-items: center; gap: .25rem; font-size: .625rem; color: #9ca3af; margin-bottom: .375rem; font-weight: 500;}.cw-gb-wrapper{overflow-x: auto; border-radius: .75rem; border: 1px solid rgba(0, 0, 0, 0.06); scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.1) transparent;}.cw-gb-table{width: 100%; border-collapse: collapse; font-size: .75rem; white-space: nowrap;}.cw-gb-table__group-row th{padding: .25rem .375rem; font-size: .5rem; font-weight: 600; color: #9ca3af; text-align: center; background: rgba(248, 250, 252, 0.8);}.cw-gb-table__header{background: rgba(37, 99, 235, 0.04);}.cw-gb-table__th{padding: .5rem .5rem; font-weight: 700; color: #374151; text-align: center; position: sticky; top: 0; background: rgba(248, 250, 252, 0.95); backdrop-filter: blur(4px); z-index: 1;}.cw-gb-table__th--num{text-align: center; width: 36px; color: #9ca3af;}.cw-gb-table__th--name{text-align: left; min-width: 140px;}.cw-gb-table__th--id{text-align: left; min-width: 100px; color: #6b7280;}.cw-gb-table__th--mark{min-width: 48px; cursor: help;}.cw-gb-table__th--mark div:first-child{font-size: .6875rem;}.cw-gb-table__max{font-size: .5rem; color: #9ca3af; font-weight: 500; margin-top: .0625rem;}.cw-gb-table__th--total{min-width: 56px; font-weight: 800; color: #1e293b; background: rgba(37, 99, 235, 0.06) !important; border-left: 2px solid rgba(37, 99, 235, 0.1);}.cw-gb-table__th--grade{min-width: 48px; font-weight: 700; color: #8b5cf6; background: rgba(139, 92, 246, 0.04) !important;}.cw-gb-table__row{transition: background .1s;}.cw-gb-table__row:nth-child(even){background: rgba(248, 250, 252, 0.4);}.cw-gb-table__row:hover{background: rgba(37, 99, 235, 0.04) !important;}.cw-gb-table__td{padding: .4375rem .5rem; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.03);}.cw-gb-table__td--num{color: #9ca3af; font-size: .6875rem;}.cw-gb-table__td--name{text-align: left; font-weight: 600; color: #1e293b;}.cw-gb-table__td--id{text-align: left; color: #6b7280; font-size: .6875rem;}.cw-gb-table__td--mark{font-weight: 600;}.cw-gb-table__td--zero{color: #d1d5db !important; font-weight: 400;}.cw-gb-table__td--total{font-weight: 800; color: #1e293b; font-size: .8125rem; background: rgba(37, 99, 235, 0.03); border-left: 2px solid rgba(37, 99, 235, 0.1);}.cw-gb-table__td--grade{font-weight: 700; color: #8b5cf6; background: rgba(139, 92, 246, 0.02);}.cw-gb-table__avg-row{background: rgba(37, 99, 235, 0.04) !important;}.cw-gb-table__avg-row td{border-top: 2px solid rgba(37, 99, 235, 0.12); font-weight: 600;}.dark .cw-gb-wrapper{border-color: rgba(255, 255, 255, 0.06);}.dark .cw-gb-table__th{background: rgba(30, 41, 59, 0.95); color: #d1d5db;}.dark .cw-gb-table__th--total{background: rgba(37, 99, 235, 0.1) !important; color: #f1f5f9;}.dark .cw-gb-table__row:nth-child(even){background: rgba(30, 41, 59, 0.3);}.dark .cw-gb-table__row:hover{background: rgba(37, 99, 235, 0.08) !important;}.dark .cw-gb-table__td{border-color: rgba(255, 255, 255, 0.03);}.dark .cw-gb-table__td--name{color: #f1f5f9;}.dark .cw-gb-table__td--total{background: rgba(37, 99, 235, 0.06); color: #f1f5f9;}.dark .cw-gb-table__td--zero{color: #4b5563 !important;}.dark .cw-gb-table__avg-row{background: rgba(37, 99, 235, 0.08) !important;}.dark .cw-gb-table__group-row th{background: rgba(30, 41, 59, 0.8);}.cw-gb-table__td--input{padding: .125rem !important;}.cw-gb-input{width: 100%; min-width: 48px; padding: .25rem .375rem; border: 1px solid rgba(16, 185, 129, 0.25); border-radius: .375rem; font-size: .75rem; font-weight: 600; text-align: center; background: rgba(16, 185, 129, 0.03); outline: none; color: #1e293b; -moz-appearance: textfield;}.cw-gb-input::-webkit-inner-spin-button, .cw-gb-input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.cw-gb-input:focus{border-color: #10b981; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.15); background: #fff;}.cw-gb-table__td--locked{position: relative;}.cw-gb-table__td--locked::after{content: ''; position: absolute; top: 2px; right: 2px; width: 6px; height: 6px; border-radius: 50%; background: #10b981;}.dark .cw-gb-input{background: rgba(16, 185, 129, 0.06); color: #f1f5f9; border-color: rgba(16, 185, 129, 0.2);}.dark .cw-gb-input:focus{background: #1e293b;}.gr-hero{border-radius: .75rem; overflow: hidden; margin-bottom: 1rem; position: relative; background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%); box-shadow: 0 4px 20px rgba(37, 99, 235, 0.25);}.gr-hero__gradient{position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, rgba(255, 255, 255, 0.1), transparent 60%);}.gr-hero__content{position: relative; display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; gap: 1rem; flex-wrap: wrap;}.gr-hero__left{display: flex; gap: 1rem; align-items: flex-start; flex: 1; min-width: 0;}.gr-hero__icon{width: 48px; height: 48px; border-radius: .75rem; background: rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.gr-hero__icon i{font-size: 1.5rem; color: #fff;}.gr-hero__title{font-size: 1.125rem; font-weight: 800; color: #fff; margin: 0;}.gr-hero__subtitle{font-size: .75rem; color: rgba(255, 255, 255, 0.7); margin-top: .125rem;}.gr-hero__right{display: flex; align-items: center; gap: 1.5rem;}.gr-hero__stats{display: flex; flex-direction: column; gap: .5rem;}.gr-hero__stats div{display: flex; flex-direction: column; text-align: right;}.gr-hero__stats strong{font-size: 1.125rem; font-weight: 900; color: #fff; line-height: 1.2;}.gr-hero__stats span{font-size: .625rem; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: .04em; font-weight: 600;}.gr-ring{width: 80px; height: 80px; position: relative; flex-shrink: 0;}.gr-ring svg{width: 100%; height: 100%;}.gr-ring__text{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}.gr-ring__text strong{font-size: 1rem; font-weight: 900; color: #fff; line-height: 1;}.gr-ring__text span{font-size: .5rem; color: rgba(255, 255, 255, 0.7); text-transform: uppercase;}.gr-badge{font-size: .5625rem; font-weight: 700; padding: .125rem .5rem; border-radius: 9999px;}.gr-badge--blue{background: rgba(255, 255, 255, 0.15); color: #fff;}.gr-badge--purple{background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9);}.gr-badge--green{background: rgba(16, 185, 129, 0.08); color: #059669;}.gr-stepper{display: flex; align-items: center; gap: 0; margin-top: .625rem;}.gr-stepper__step{display: flex; align-items: center; gap: .25rem;}.gr-stepper__step span{font-size: .5rem; color: rgba(255, 255, 255, 0.4); text-transform: uppercase; letter-spacing: .04em; font-weight: 600;}.gr-stepper__step--active span{color: #1e293b;}.gr-stepper__step--current span{color: #2563eb; font-weight: 800;}.gr-stepper__dot{width: 8px; height: 8px; border-radius: 50%; background: #e5e7eb;}.gr-stepper__step--active .gr-stepper__dot{background: #2563eb;}.gr-stepper__step--current .gr-stepper__dot{background: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);}.gr-stepper__line{width: 16px; height: 2px; background: #e5e7eb;}.gr-stepper__line--active{background: #2563eb;}.dark .gr-stepper__step span{color: #6b7280;}.dark .gr-stepper__step--active span{color: #f1f5f9;}.dark .gr-stepper__step--current span{color: #60a5fa;}.dark .gr-stepper__dot{background: #374151;}.dark .gr-stepper__step--active .gr-stepper__dot{background: #3b82f6;}.dark .gr-stepper__line{background: #374151;}.dark .gr-stepper__line--active{background: #3b82f6;}.gr-af-card{display: flex; align-items: center; gap: .625rem; padding: .625rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(99, 102, 241, 0.1);}.gr-af-card__icon{width: 36px; height: 36px; border-radius: .5rem; background: rgba(99, 102, 241, 0.08); color: #6366f1; display: flex; align-items: center; justify-content: center;}.gr-af-card__icon i{font-size: 1.25rem;}.gr-af-card__body{display: flex; flex-direction: column;}.gr-af-card__label{font-size: .5625rem; font-weight: 600; color: #6b7280; text-transform: uppercase;}.gr-af-card__value{font-size: 1.25rem; font-weight: 900; color: #6366f1; line-height: 1;}.gr-af-card__input{display: flex; align-items: center; gap: .375rem; margin-left: .5rem;}.gr-af-card__num{font-size: .875rem; font-weight: 800; color: #6366f1; min-width: 20px; text-align: center;}.gr-af-card__btn{width: 28px; height: 28px; border-radius: 50%; border: none; background: linear-gradient(135deg, #6366f1, #818cf8); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);}.gr-dist-card{padding: .75rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); border: 1px solid rgba(0, 0, 0, 0.04);}.gr-dist-card__label{font-size: .75rem; font-weight: 700; color: #1e293b; margin-bottom: .5rem;}.gr-dist-bar{display: flex; height: 28px; border-radius: .5rem; overflow: hidden; gap: 1px;}.gr-dist-bar__seg{display: flex; align-items: center; justify-content: center; min-width: 0; transition: width .4s ease-out;}.gr-dist-bar__seg span{font-size: .6875rem; font-weight: 800; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.gr-dist-legend{display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .5rem;}.gr-dist-legend__item{display: flex; align-items: center; gap: .25rem; font-size: .625rem; color: #4b5563;}.gr-dist-legend__item strong{margin-left: .125rem;}.gr-dist-legend__dot{width: 8px; height: 8px; border-radius: 50%;}.gr-action-btn{display: inline-flex; align-items: center; gap: .25rem; padding: .4rem .875rem; border-radius: .5rem; color: #fff; font-size: .75rem; font-weight: 700; border: none; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all .2s;}.gr-action-btn i{font-size: .875rem;}.gr-action-btn:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.gr-action-btn--blue{background: linear-gradient(135deg, #2563eb, #3b82f6);}.gr-action-btn--amber{background: linear-gradient(135deg, #f59e0b, #fbbf24);}.gr-action-btn--red{background: linear-gradient(135deg, #ef4444, #f87171);}.gr-action-micro{display: inline-flex; align-items: center; gap: .125rem; padding: .1875rem .375rem; border-radius: .375rem; border: none; cursor: pointer; font-size: .5625rem; font-weight: 700; transition: all .15s;}.gr-action-micro i{font-size: .625rem;}.gr-action-micro:hover{transform: scale(1.1);}.gr-action-micro--green{background: rgba(16, 185, 129, 0.08); color: #059669;}.gr-action-micro--red{background: rgba(239, 68, 68, 0.08); color: #ef4444;}.gr-action-micro--purple{background: rgba(139, 92, 246, 0.08); color: #8b5cf6;}.gr-action-micro--cyan{background: rgba(14, 165, 233, 0.08); color: #0ea5e9;}.gr-grade-pill{display: inline-block; font-size: .75rem; font-weight: 900; padding: .1875rem .625rem; border-radius: 9999px; letter-spacing: .02em;}.gr-cell-excluded{background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(239, 68, 68, 0.03) 3px, rgba(239, 68, 68, 0.03) 6px) !important;}.gr-col-excluded{background: rgba(239, 68, 68, 0.03) !important;}.gr-excluded-text{text-decoration: line-through; color: #d1d5db !important; font-weight: 400 !important;}.gr-mark-excluded{text-decoration: line-through; color: #d1d5db; font-weight: 400;}.gr-row:hover{background: rgba(37, 99, 235, 0.06) !important;}.gr-row--canGrace{background: rgba(245, 158, 11, 0.04) !important;}.gr-row--grace{background: rgba(16, 185, 129, 0.06) !important;}.gr-table-wrap{overflow-x: auto; border-radius: .75rem; border: 1px solid rgba(0, 0, 0, 0.06);}.gr-sticky-col{position: sticky !important; background: rgba(248, 250, 252, 0.98) !important; backdrop-filter: blur(4px);}.dark .gr-sticky-col{background: rgba(30, 41, 59, 0.98) !important;}.gr-dist-row{display: flex; align-items: center; gap: .75rem; padding: .625rem .875rem; border-radius: .625rem; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.03); backdrop-filter: blur(4px);}.gr-dist-row__info{min-width: 120px;}.gr-dist-row__type{font-size: .8125rem; font-weight: 700; color: #1e293b; display: block;}.gr-dist-row__held{font-size: .625rem; color: #6b7280;}.gr-dist-row__bar-wrap{flex: 1; display: flex; align-items: center; gap: .5rem;}.gr-dist-row__bar{height: 8px; border-radius: 4px; transition: width .6s ease-out;}.gr-dist-row__pct{font-size: .75rem; font-weight: 800; min-width: 36px;}.gr-dist-row__consider{min-width: 80px; text-align: right;}.gr-dist-total{display: flex; align-items: center; gap: .5rem; padding: .625rem .875rem; font-size: .8125rem; font-weight: 600; color: #4b5563;}.gr-report-card{display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); text-decoration: none; transition: all .25s; cursor: pointer;}.gr-report-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-2px);}.gr-report-card strong{font-size: .8125rem; color: #1e293b; display: block;}.gr-report-card p{font-size: .6875rem; color: #6b7280; margin: .25rem 0 0;}.gr-report-card__icon{width: 44px; height: 44px; border-radius: .625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff;}.gr-report-card__icon i{font-size: 1.375rem;}@media print{.fp-navbar, .fp-bg-elements, .fp-profile-tabs, .gr-hero__gradient, .gr-action-btn, .gr-af-card__input, .gr-af-card__btn, .gr-action-micro, .cw-modal-overlay, .fp-toast{display: none !important;}.fp-app{background: #fff !important; min-height: auto !important;}.fp-main{padding: 0 !important;}.gr-hero{break-inside: avoid;}.gr-table-wrap{overflow: visible !important; border: 1px solid #ccc !important;}.gr-sticky-col{position: static !important;}.cw-gb-table{font-size: .7rem !important;}}.dark .gr-hero{background: linear-gradient(135deg, #0f172a, #1e3a5f, #1e40af);}.dark .gr-af-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(99, 102, 241, 0.15);}.dark .gr-dist-card{background: rgba(30, 41, 59, 0.6);}.dark .gr-dist-row{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.03);}.dark .gr-dist-row__type{color: #f1f5f9;}.dark .gr-report-card{background: rgba(30, 41, 59, 0.6);}.dark .gr-report-card:hover{background: rgba(30, 41, 59, 0.85);}.dark .gr-report-card strong{color: #f1f5f9;}.cw-filter-btn{display: inline-flex; align-items: center; gap: .25rem; padding: .375rem .625rem; border-radius: .5rem; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.5); font-size: .6875rem; font-weight: 600; color: #6b7280; cursor: pointer; transition: all .15s;}.cw-filter-btn:hover{background: rgba(255, 255, 255, 0.8);}.cw-filter-btn--active{background: #2563eb !important; color: #fff !important; border-color: #2563eb !important;}.cw-filter-btn__count{font-size: .5625rem; font-weight: 800; background: rgba(0, 0, 0, 0.06); padding: .0625rem .25rem; border-radius: 9999px; min-width: 16px; text-align: center;}.cw-filter-btn--active .cw-filter-btn__count{background: rgba(255, 255, 255, 0.2);}.dark .cw-filter-btn{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #d1d5db;}.cw-sub-list{display: flex; flex-direction: column; gap: .625rem;}.cw-sub-card{display: flex; border-radius: .75rem; overflow: hidden; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(0, 0, 0, 0.04); backdrop-filter: blur(6px); transition: all .25s;}.cw-sub-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}.cw-sub-card:hover .cw-sub-card__del{opacity: 1;}.cw-sub-card--expired{opacity: .7;}.cw-sub-card__accent{width: 4px; flex-shrink: 0;}.cw-sub-card__body{flex: 1; padding: .75rem 1rem; min-width: 0;}.cw-sub-card__header{display: flex; align-items: flex-start; gap: .625rem;}.cw-sub-card__icon{width: 34px; height: 34px; border-radius: .5rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-sub-card__icon i{font-size: 1.125rem;}.cw-sub-card__title{font-size: .8125rem; font-weight: 700; color: #1e293b;}.cw-sub-card__status{display: inline-flex; align-items: center; gap: .125rem; font-size: .5625rem; font-weight: 700; padding: .125rem .375rem; border-radius: 9999px;}.cw-sub-card__urgency{display: inline-flex; align-items: center; gap: .125rem; font-size: .5625rem; font-weight: 700; padding: .125rem .375rem; border-radius: 9999px; animation: cw-pulse 2s ease-in-out infinite;}@keyframes cw-pulse{0%, 100%{opacity: 1;}50%{opacity: .7;}}.cw-sub-card__dates{display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .25rem; font-size: .6875rem; color: #6b7280;}.cw-sub-card__dates span{display: inline-flex; align-items: center; gap: .125rem;}.cw-sub-card__dates i{font-size: .75rem; color: #9ca3af;}.cw-sub-card__actions{display: flex; gap: .25rem; flex-shrink: 0;}.cw-lab-grid{display: flex; flex-wrap: wrap; gap: .375rem;}.cw-lab-chip{display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .625rem; border-radius: .5rem; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.6); font-size: .6875rem; font-weight: 600; color: #4b5563; cursor: pointer; transition: all .2s; user-select: none;}.cw-lab-chip:hover{border-color: rgba(14, 165, 233, 0.3); background: rgba(14, 165, 233, 0.03);}.cw-lab-chip--active{border-color: #0ea5e9 !important; background: rgba(14, 165, 233, 0.08) !important; color: #0284c7 !important;}.cw-lab-chip__check{display: flex; align-items: center; color: #9ca3af;}.cw-lab-chip--active .cw-lab-chip__check{color: #0ea5e9;}.dark .cw-lab-chip{border-color: rgba(255, 255, 255, 0.06); background: rgba(30, 41, 59, 0.4); color: #d1d5db;}.dark .cw-lab-chip--active{background: rgba(14, 165, 233, 0.12) !important;}.cw-sub-attach-list{display: flex; flex-direction: column; gap: .375rem; margin-bottom: .5rem;}.cw-sub-attach-item{display: flex; align-items: center; gap: .5rem; padding: .375rem .625rem; border-radius: .5rem; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.04); transition: all .15s;}.cw-sub-attach-item:hover{background: rgba(255, 255, 255, 0.9);}.cw-sub-attach-item__icon{width: 30px; height: 30px; border-radius: .375rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-sub-attach-item__icon i{font-size: 1rem;}.dark .cw-sub-attach-item{background: rgba(30, 41, 59, 0.4); border-color: rgba(255, 255, 255, 0.04);}.cw-sub-upload-zone{display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: 1rem; border: 2px dashed rgba(14, 165, 233, 0.2); border-radius: .75rem; cursor: pointer; background: rgba(14, 165, 233, 0.02); transition: all .2s;}.cw-sub-upload-zone:hover{border-color: rgba(14, 165, 233, 0.4); background: rgba(14, 165, 233, 0.05);}.dark .cw-sub-upload-zone{border-color: rgba(14, 165, 233, 0.15); background: rgba(14, 165, 233, 0.03);}.cw-sub-card:hover .cw-asmt-card__action-bar{opacity: 1 !important;}.cw-sub-card__toggle-btn{width: 30px; height: 30px; border: none; background: transparent; border-radius: .5rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .15s;}.cw-sub-card__toggle-btn i{font-size: 1.5rem;}.cw-sub-card__toggle-btn:hover{background: rgba(0, 0, 0, 0.04);}.cw-sub-card__del{width: 30px; height: 30px; border: none; background: rgba(239, 68, 68, 0.04); color: #ef4444; border-radius: .5rem; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all .2s;}.cw-sub-card__del i{font-size: 1rem;}.cw-sub-card__del:hover{background: rgba(239, 68, 68, 0.12);}.cw-sub-card__desc{margin-top: .5rem; font-size: .75rem; max-height: 3em; overflow: hidden;}.cw-sub-card__progress{display: flex; align-items: center; gap: .5rem; margin-top: .5rem;}.cw-sub-card__progress-track{flex: 1; height: 4px; background: rgba(0, 0, 0, 0.04); border-radius: 2px; overflow: hidden;}.cw-sub-card__progress-fill{height: 100%; border-radius: 2px; transition: width .4s ease-out;}.cw-sub-card__progress-text{font-size: .625rem; color: #6b7280; white-space: nowrap;}.dark .cw-sub-card{background: rgba(30, 41, 59, 0.55); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-sub-card:hover{background: rgba(30, 41, 59, 0.85);}.dark .cw-sub-card__title{color: #f1f5f9;}.cw-compact-stats{display: flex; flex-wrap: wrap; gap: .5rem; padding: .625rem .75rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); border-radius: .75rem; border: 1px solid rgba(0, 0, 0, 0.04);}.cw-compact-stat{display: flex; align-items: center; gap: .5rem; padding: .375rem .625rem; border-radius: .5rem; background: rgba(248, 250, 252, 0.6); min-width: 0;}.cw-compact-stat div:last-child{display: flex; flex-direction: column; line-height: 1.2;}.cw-compact-stat strong{font-size: .875rem; font-weight: 800; color: #1e293b;}.cw-compact-stat span{font-size: .5625rem; color: #6b7280; text-transform: uppercase; letter-spacing: .03em; font-weight: 600;}.cw-compact-stat__icon{width: 28px; height: 28px; border-radius: .375rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-compact-stat__icon i{font-size: .9375rem;}.dark .cw-compact-stats{background: rgba(30, 41, 59, 0.6); border-color: rgba(255, 255, 255, 0.04);}.dark .cw-compact-stat{background: rgba(15, 23, 42, 0.4);}.dark .cw-compact-stat strong{color: #f1f5f9;}.cw-asmt-card{display: flex; align-items: flex-start; gap: .625rem; padding: .75rem .875rem; margin-bottom: .375rem; border-radius: .625rem; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.03); transition: all .2s;}.cw-asmt-card:hover{background: rgba(255, 255, 255, 0.85); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}.cw-asmt-card__icon{width: 34px; height: 34px; border-radius: .5rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.cw-asmt-card__icon i{font-size: 1.125rem;}.cw-asmt-card__content{flex: 1; min-width: 0;}.cw-asmt-card__name{font-size: .8125rem; font-weight: 700; color: #1e293b;}.cw-asmt-card__code{font-size: .5625rem; font-weight: 700; background: rgba(107, 114, 128, 0.08); color: #6b7280; padding: .0625rem .375rem; border-radius: 9999px;}.cw-asmt-card__desc{margin-top: .25rem; font-size: .75rem; max-height: 2.5em; overflow: hidden;}.cw-asmt-card__meta{display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .375rem;}.cw-asmt-card__chip{display: inline-flex; align-items: center; gap: .125rem; font-size: .625rem; font-weight: 500; color: #6b7280; background: rgba(0, 0, 0, 0.03); padding: .125rem .375rem; border-radius: .25rem;}.cw-asmt-card__chip i{font-size: .6875rem; color: #9ca3af;}.cw-asmt-card__badges{display: flex; flex-direction: column; gap: .25rem; flex-shrink: 0; align-items: flex-end;}.cw-asmt-card__status{display: inline-flex; align-items: center; gap: .125rem; font-size: .5625rem; font-weight: 700; padding: .125rem .375rem; border-radius: 9999px; white-space: nowrap;}.dark .cw-asmt-card{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.03);}.cw-modal-overlay{position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; padding: 1rem;}.cw-modal{background: #fff; border-radius: .75rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); width: 100%; max-width: 480px; max-height: 80vh; display: flex; flex-direction: column; animation: cw-modal-in .2s ease-out;}.cw-modal--wide{max-width: 700px;}@keyframes cw-modal-in{from{opacity: 0; transform: scale(0.95) translateY(10px);}to{opacity: 1; transform: scale(1) translateY(0);}}.cw-modal__header{display: flex; align-items: center; justify-content: space-between; padding: .875rem 1.25rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.cw-modal__close{width: 30px; height: 30px; border: none; background: rgba(0, 0, 0, 0.04); border-radius: .375rem; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280;}.cw-modal__close i{font-size: 1.125rem;}.cw-modal__close:hover{background: rgba(0, 0, 0, 0.08);}.cw-modal__body{padding: 1rem 1.25rem; overflow-y: auto; flex: 1;}.cw-modal__footer{display: flex; align-items: center; justify-content: flex-end; gap: .5rem; padding: .75rem 1.25rem; border-top: 1px solid rgba(0, 0, 0, 0.06);}.cw-modal__attach-row{display: flex; align-items: center; gap: .5rem; padding: .5rem .625rem; border-radius: .5rem; margin-bottom: .25rem;}.cw-modal__attach-row:hover{background: rgba(0, 0, 0, 0.02);}.dark .cw-modal{background: #1e293b;}.dark .cw-modal__header{border-color: rgba(255, 255, 255, 0.06);}.dark .cw-modal__header h3, .dark .cw-modal__header .h3{color: #f1f5f9;}.dark .cw-modal__footer{border-color: rgba(255, 255, 255, 0.06);}.dark .cw-modal__attach-row span{color: #f1f5f9 !important;}.cw-confirm-dialog{background: #fff; border-radius: 1rem; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2); width: 100%; max-width: 380px; padding: 2rem 1.75rem 1.5rem; text-align: center; animation: cw-modal-in .25s ease-out;}.cw-confirm-dialog__icon{width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;}.cw-confirm-dialog__icon i{font-size: 1.75rem;}.cw-confirm-dialog__title{font-size: 1.0625rem; font-weight: 800; color: #1e293b; margin: 0 0 .5rem;}.cw-confirm-dialog__msg{font-size: .8125rem; color: #6b7280; line-height: 1.5; margin: 0 0 1.5rem;}.cw-confirm-dialog__actions{display: flex; gap: .625rem; justify-content: center;}.cw-confirm-dialog__btn{padding: .5rem 1.5rem; border-radius: .625rem; font-size: .8125rem; font-weight: 700; border: none; cursor: pointer; transition: all .15s;}.cw-confirm-dialog__btn--cancel{background: rgba(0, 0, 0, 0.05); color: #4b5563;}.cw-confirm-dialog__btn--cancel:hover{background: rgba(0, 0, 0, 0.1);}.cw-confirm-dialog__btn--confirm{color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}.cw-confirm-dialog__btn--confirm:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.dark .cw-confirm-dialog{background: #1e293b;}.dark .cw-confirm-dialog__title{color: #f1f5f9;}.dark .cw-confirm-dialog__msg{color: #94a3b8;}.dark .cw-confirm-dialog__btn--cancel{background: rgba(255, 255, 255, 0.06); color: #d1d5db;}.cw-file-input{display: flex; align-items: center; gap: .5rem; padding: .5rem .75rem; border: 1px dashed rgba(0, 0, 0, 0.12); border-radius: .5rem; cursor: pointer; background: rgba(248, 250, 252, 0.5); transition: all .15s; min-height: 38px;}.cw-file-input:hover{border-color: rgba(37, 99, 235, 0.3); background: rgba(37, 99, 235, 0.02);}.dark .cw-file-input{border-color: rgba(255, 255, 255, 0.1); background: rgba(30, 41, 59, 0.3);}.cw-asmt-card__action-bar{display: flex; gap: .125rem; opacity: 0; transition: opacity .2s; margin-top: .25rem;}.cw-asmt-card:hover .cw-asmt-card__action-bar{opacity: 1;}.cw-asmt-action{width: 24px; height: 24px; border-radius: .375rem; border: none; background: rgba(0, 0, 0, 0.03); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .15s;}.cw-asmt-action i{font-size: .8125rem;}.cw-asmt-action:hover{background: rgba(0, 0, 0, 0.08); transform: scale(1.1);}.cw-asmt-action--danger{color: #ef4444;}.cw-asmt-action--danger:hover{background: rgba(239, 68, 68, 0.1);}.dark .cw-asmt-card:hover{background: rgba(30, 41, 59, 0.8);}.dark .cw-asmt-card__name{color: #f1f5f9;}.dark .cw-asmt-card__chip{background: rgba(255, 255, 255, 0.06); color: #d1d5db;}.dark .cw-asmt-action{background: rgba(255, 255, 255, 0.04);}.fp-toast--success{background: linear-gradient(135deg, #065f46, #047857) !important;}.fp-toast--error{background: linear-gradient(135deg, #991b1b, #b91c1c) !important;}@media (max-width: 768px){.cw-grade-bar-row{grid-template-columns: 80px 1fr;}.cw-grade-bar-details{grid-column: 1 / -1; text-align: left;}}.aia-row{display: flex; align-items: center; gap: .75rem; padding: .625rem .875rem; border-radius: .625rem; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.03); transition: all .2s;}.aia-row:hover{background: rgba(255, 255, 255, 0.85); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}.aia-row__name{font-size: .8125rem; font-weight: 700; color: #1e293b;}.aia-row__meta{font-size: .625rem; color: #6b7280;}.aia-row__stats{display: flex; gap: .75rem; align-items: center;}.aia-row__stat{text-align: center;}.aia-row__stat-val{font-size: .875rem; font-weight: 800;}.aia-row__stat-val--avg{color: #2563eb;}.aia-row__stat-val--max{color: #10b981;}.aia-row__stat-val--min{color: #ef4444;}.aia-row__stat-lbl{font-size: .5rem; color: #6b7280;}.aia-row__pass{text-align: center; min-width: 40px;}.aia-row__pass-val{font-size: .75rem; font-weight: 800;}.aia-row__pass-val--good{color: #10b981;}.aia-row__pass-val--warn{color: #f59e0b;}.aia-row__pass-lbl{font-size: .4375rem; color: #6b7280;}.aia-distro-wrap{position: relative; width: 70px; flex-shrink: 0;}.aia-distro-wrap:hover .aia-tooltip{opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;}.aia-distro-bar{display: flex; gap: 1px; height: 24px; align-items: stretch; border-radius: 3px; overflow: hidden; cursor: pointer;}.aia-distro-seg{min-width: 2px; transition: filter .2s;}.aia-distro-seg:hover{filter: brightness(1.15);}.aia-distro-seg--0{background: linear-gradient(180deg, #10b981, #059669);}.aia-distro-seg--1{background: linear-gradient(180deg, #34d399, #10b981);}.aia-distro-seg--2{background: linear-gradient(180deg, #3b82f6, #2563eb);}.aia-distro-seg--3{background: linear-gradient(180deg, #fbbf24, #f59e0b);}.aia-distro-seg--4{background: linear-gradient(180deg, #fb923c, #f97316);}.aia-distro-seg--5{background: linear-gradient(180deg, #f87171, #ef4444);}.aia-distro-seg--6{background: linear-gradient(180deg, #ef4444, #b91c1c);}@keyframes aia-tooltip-in{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: translateY(0);}}.aia-tooltip{position: absolute; bottom: calc(100% + 10px); right: -20px; transform: translateY(8px); width: 340px; z-index: 100; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px) saturate(1.8); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: .875rem; padding: 0; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.8) inset; opacity: 0; visibility: hidden; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none;}.aia-tooltip::after{content: ''; position: absolute; bottom: -6px; right: 32px; transform: rotate(45deg); width: 12px; height: 12px; background: rgba(255, 255, 255, 0.95); border-right: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.aia-tooltip__header{padding: .75rem 1rem .5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); display: flex; justify-content: space-between; align-items: baseline;}.aia-tooltip__title{font-size: .75rem; font-weight: 800; color: #1e293b; letter-spacing: .02em;}.aia-tooltip__sub{font-size: .625rem; color: #94a3b8; font-weight: 500;}.aia-tooltip__body{padding: .625rem 1rem;}.aia-tooltip__row{display: grid; grid-template-columns: 10px 52px 38px 1fr 22px 32px; align-items: center; gap: .375rem; padding: .25rem 0; font-size: .6875rem;}.aia-tooltip__row:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.02);}.aia-tooltip__dot{width: 8px; height: 8px; border-radius: 2px;}.aia-tooltip__dot--0{background: #10b981;}.aia-tooltip__dot--1{background: #34d399;}.aia-tooltip__dot--2{background: #3b82f6;}.aia-tooltip__dot--3{background: #fbbf24;}.aia-tooltip__dot--4{background: #fb923c;}.aia-tooltip__dot--5{background: #f87171;}.aia-tooltip__dot--6{background: #ef4444;}.aia-tooltip__range{font-weight: 600; color: #374151; font-size: .625rem;}.aia-tooltip__grade{font-weight: 500; color: #94a3b8; font-size: .5625rem;}.aia-tooltip__bar-wrap{height: 6px; border-radius: 3px; background: rgba(0, 0, 0, 0.04); overflow: hidden;}.aia-tooltip__bar{height: 100%; border-radius: 3px; min-width: 2px; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.aia-tooltip__bar--0{background: linear-gradient(90deg, #10b981, #059669);}.aia-tooltip__bar--1{background: linear-gradient(90deg, #34d399, #10b981);}.aia-tooltip__bar--2{background: linear-gradient(90deg, #3b82f6, #2563eb);}.aia-tooltip__bar--3{background: linear-gradient(90deg, #fbbf24, #f59e0b);}.aia-tooltip__bar--4{background: linear-gradient(90deg, #fb923c, #f97316);}.aia-tooltip__bar--5{background: linear-gradient(90deg, #f87171, #ef4444);}.aia-tooltip__bar--6{background: linear-gradient(90deg, #ef4444, #b91c1c);}.aia-tooltip__count{font-weight: 800; color: #1e293b; text-align: right; font-size: .6875rem;}.aia-tooltip__pct{font-weight: 500; color: #94a3b8; text-align: right; font-size: .5625rem;}.aia-tooltip__footer{display: flex; justify-content: space-around; padding: .5rem 1rem .625rem; border-top: 1px solid rgba(0, 0, 0, 0.04); background: rgba(248, 250, 252, 0.6); border-radius: 0 0 .875rem .875rem;}.aia-tooltip__foot-stat{text-align: center;}.aia-tooltip__foot-label{display: block; font-size: .5rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: .05em;}.aia-tooltip__foot-val{display: block; font-size: .8125rem; font-weight: 800; color: #1e293b;}.aia-tooltip__foot-val--pass{color: #10b981;}.aia-tooltip__foot-val--fail{color: #ef4444;}.dark .aia-row{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .aia-row:hover{background: rgba(30, 27, 46, 0.6);}.dark .aia-row__name{color: #f1f5f9;}.dark .aia-tooltip{background: rgba(30, 27, 46, 0.95); border-color: rgba(255, 255, 255, 0.08); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;}.dark .aia-tooltip::after{background: rgba(30, 27, 46, 0.95); border-color: rgba(255, 255, 255, 0.08);}.dark .aia-tooltip__title{color: #f1f5f9;}.dark .aia-tooltip__range{color: #d1d5db;}.dark .aia-tooltip__count{color: #f1f5f9;}.dark .aia-tooltip__bar-wrap{background: rgba(255, 255, 255, 0.06);}.dark .aia-tooltip__footer{background: rgba(15, 10, 26, 0.3);}.dark .aia-tooltip__foot-val{color: #f1f5f9;}@media (max-width: 768px){.aia-distro-wrap{position: static;}.aia-tooltip{left: auto; right: 0; transform: none; bottom: auto; top: calc(100% + 8px);}.aia-tooltip::after{display: none;}.aia-tooltip:hover{transform: none;}.aia-distro-wrap:hover .aia-tooltip{transform: none;}.aia-row{flex-wrap: wrap;}.aia-row__stats{order: 3; width: 100%; justify-content: space-around; margin-top: .25rem;}}.cw-copy-btn{display: inline-flex; align-items: center; gap: .375rem; padding: .4375rem .875rem; border-radius: .5rem; font-size: .75rem; font-weight: 600; font-family: inherit; cursor: pointer; background: linear-gradient(135deg, #ede9fe, #e0e7ff); color: #6d28d9; border: 1px solid rgba(109, 40, 217, 0.12); transition: all .2s;}.cw-copy-btn i{font-size: .875rem;}.cw-copy-btn:hover{background: linear-gradient(135deg, #ddd6fe, #c7d2fe); box-shadow: 0 2px 8px rgba(109, 40, 217, 0.12); transform: translateY(-1px);}.ccc-overlay{position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; animation: ccc-fade-in .2s ease;}@keyframes ccc-fade-in{from{opacity: 0;}to{opacity: 1;}}@keyframes ccc-slide-up{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}.ccc-modal{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(20px) saturate(1.8); border-radius: 1rem; width: 560px; max-width: 95vw; max-height: 85vh; display: flex; flex-direction: column; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.8) inset; animation: ccc-slide-up 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden;}.ccc-header{display: flex; align-items: center; gap: .75rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.ccc-header__icon{width: 40px; height: 40px; border-radius: .75rem; flex-shrink: 0; background: linear-gradient(135deg, #8b5cf6, #6d28d9); display: flex; align-items: center; justify-content: center;}.ccc-header__icon i{font-size: 1.25rem; color: white;}.ccc-header__title{font-size: 1rem; font-weight: 800; color: #1e293b; margin: 0;}.ccc-header__sub{font-size: .75rem; color: #6b7280; margin: .125rem 0 0;}.ccc-close{margin-left: auto; background: none; border: none; cursor: pointer; padding: .25rem; border-radius: .375rem; color: #9ca3af; transition: all .15s;}.ccc-close:hover{background: rgba(0, 0, 0, 0.05); color: #374151;}.ccc-close i{font-size: 1.25rem;}.ccc-body{padding: 1.25rem 1.5rem; overflow-y: auto; flex: 1;}.ccc-loading{text-align: center; padding: 3rem 1rem; color: #6b7280;}.ccc-loading p{margin: .75rem 0 0; font-size: .8125rem; font-weight: 500;}.ccc-spinner{width: 36px; height: 36px; margin: 0 auto; border: 3px solid rgba(139, 92, 246, 0.15); border-top-color: #8b5cf6; border-radius: 50%; animation: sp-hostel-spin .7s linear infinite;}.ccc-spinner--sm{width: 16px; height: 16px; border-width: 2px; display: inline-block; vertical-align: -3px; margin: 0 .25rem 0 0;}.ccc-empty{text-align: center; padding: 2rem 1rem; color: #9ca3af;}.ccc-empty i{font-size: 2.5rem; display: block; margin-bottom: .5rem;}.ccc-empty p{font-size: .8125rem;}.ccc-step-label{display: flex; align-items: center; gap: .5rem; font-size: .8125rem; font-weight: 700; color: #374151; margin-bottom: 1rem;}.ccc-step-num{width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, #8b5cf6, #6d28d9); color: white; font-size: .6875rem; font-weight: 800; display: flex; align-items: center; justify-content: center;}.ccc-back{background: none; border: none; cursor: pointer; padding: .125rem; border-radius: .375rem; color: #6b7280; transition: all .15s;}.ccc-back:hover{background: rgba(0, 0, 0, 0.05); color: #1e293b;}.ccc-back i{font-size: 1.125rem;}.ccc-source-list{display: flex; flex-direction: column; gap: .5rem;}.ccc-source-card{display: flex; flex-direction: column; gap: .375rem; padding: .875rem 1rem; border-radius: .75rem; text-align: left; background: rgba(248, 250, 252, 0.8); border: 1px solid rgba(0, 0, 0, 0.04); cursor: pointer; transition: all .2s; font-family: inherit; position: relative;}.ccc-source-card:hover{background: rgba(237, 233, 254, 0.4); border-color: rgba(139, 92, 246, 0.15); box-shadow: 0 2px 12px rgba(139, 92, 246, 0.08);}.ccc-source-card__top{display: flex; align-items: center; justify-content: space-between;}.ccc-source-card__name{font-size: .8125rem; font-weight: 700; color: #1e293b;}.ccc-source-card__term{font-size: .625rem; font-weight: 600; color: #6d28d9; background: rgba(139, 92, 246, 0.08); padding: .125rem .5rem; border-radius: 9999px;}.ccc-source-card__subject{font-size: .6875rem; color: #6b7280;}.ccc-source-card__badges{display: flex; flex-wrap: wrap; gap: .25rem;}.ccc-source-card__arrow{position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); color: #c4b5fd; font-size: 1.25rem;}.ccc-badge{display: inline-flex; padding: .125rem .4rem; border-radius: 9999px; font-size: .5625rem; font-weight: 600;}.ccc-badge--sky{background: rgba(14, 165, 233, 0.08); color: #0284c7;}.ccc-badge--violet{background: rgba(139, 92, 246, 0.08); color: #7c3aed;}.ccc-badge--emerald{background: rgba(16, 185, 129, 0.08); color: #059669;}.ccc-badge--amber{background: rgba(245, 158, 11, 0.08); color: #d97706;}.ccc-badge--rose{background: rgba(244, 63, 94, 0.08); color: #e11d48;}.ccc-badge--slate{background: rgba(100, 116, 139, 0.08); color: #475569;}.ccc-source-info{display: flex; align-items: center; gap: .5rem; padding: .625rem .875rem; border-radius: .625rem; margin-bottom: 1rem; background: rgba(139, 92, 246, 0.06); border: 1px solid rgba(139, 92, 246, 0.1); font-size: .8125rem; color: #4c1d95;}.ccc-source-info i{font-size: 1.125rem; color: #8b5cf6;}.ccc-source-info strong{font-weight: 700;}.ccc-source-info span{color: #7c3aed; font-weight: 500;}.ccc-sections{display: flex; flex-direction: column; gap: .375rem;}.ccc-section{display: flex; align-items: center; gap: .75rem; padding: .75rem .875rem; border-radius: .75rem; cursor: pointer; border: 1.5px solid rgba(0, 0, 0, 0.04); transition: all .2s;}.ccc-section:hover{background: rgba(248, 250, 252, 0.8); border-color: rgba(139, 92, 246, 0.12);}.ccc-section input[type="checkbox"]{width: 18px; height: 18px; accent-color: #8b5cf6; flex-shrink: 0; cursor: pointer;}.ccc-section input:checked ~ .ccc-section__icon{transform: scale(1.05);}.ccc-section__icon{width: 36px; height: 36px; border-radius: .625rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: transform .2s;}.ccc-section__icon i{font-size: 1.125rem; color: white;}.ccc-section__icon--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.ccc-section__icon--violet{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.ccc-section__icon--emerald{background: linear-gradient(135deg, #10b981, #059669);}.ccc-section__icon--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.ccc-section__icon--rose{background: linear-gradient(135deg, #f43f5e, #e11d48);}.ccc-section__icon--slate{background: linear-gradient(135deg, #64748b, #475569);}.ccc-section__text{flex: 1; min-width: 0;}.ccc-section__text div:first-child{font-size: .8125rem; font-weight: 700; color: #1e293b;}.ccc-section__desc{font-size: .6875rem; color: #6b7280; margin-top: .125rem;}.ccc-footer{display: flex; align-items: center; justify-content: space-between; padding: .875rem 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.04); background: rgba(248, 250, 252, 0.5);}.ccc-footer__count{font-size: .75rem; font-weight: 600; color: #6b7280;}.ccc-footer__btn{display: inline-flex; align-items: center; gap: .375rem; padding: .5rem 1.25rem; border-radius: .625rem; font-size: .8125rem; font-weight: 700; font-family: inherit; cursor: pointer; background: linear-gradient(135deg, #8b5cf6, #6d28d9); color: white; border: none; transition: all .2s; box-shadow: 0 2px 8px rgba(109, 40, 217, 0.2);}.ccc-footer__btn i{font-size: 1rem;}.ccc-footer__btn:hover:not(:disabled):not(.o_wysiwyg_loader){box-shadow: 0 4px 16px rgba(109, 40, 217, 0.3); transform: translateY(-1px);}.ccc-footer__btn:disabled, .ccc-footer__btn.o_wysiwyg_loader{opacity: .5; cursor: not-allowed;}.dark .ccc-modal{background: rgba(30, 27, 46, 0.97); box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);}.dark .ccc-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .ccc-header__title{color: #f1f5f9;}.dark .ccc-source-card{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.dark .ccc-source-card:hover{background: rgba(139, 92, 246, 0.08);}.dark .ccc-source-card__name, .dark .ccc-section__text div:first-child{color: #f1f5f9;}.dark .ccc-source-info{background: rgba(139, 92, 246, 0.1); border-color: rgba(139, 92, 246, 0.2);}.dark .ccc-section{border-color: rgba(255, 255, 255, 0.04);}.dark .ccc-section:hover{background: rgba(255, 255, 255, 0.03);}.dark .ccc-footer{background: rgba(15, 10, 26, 0.3); border-top-color: rgba(255, 255, 255, 0.06);}.dark .ccc-step-label{color: #d1d5db;}.qr-fullscreen{position: fixed; inset: 0; z-index: 2000; background: linear-gradient(135deg, #eff6ff 0%, #f0f4ff 50%, #faf5ff 100%); animation: ccc-fade-in .25s ease; overflow: hidden;}.qr-close{position: absolute; top: 1rem; right: 1.25rem; z-index: 10; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(8px); border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.qr-close i{font-size: 1.25rem; color: #64748b;}.qr-close:hover{background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.qr-close:hover i{color: #1e293b;}.qr-layout{display: flex; height: 100vh; width: 100%;}.qr-left{flex: 0 0 68%; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, #eff6ff 0%, #e0e7ff 50%, #ede9fe 100%); position: relative; overflow: hidden;}.qr-left::before, .qr-left::after{content: ''; position: absolute; border-radius: 50%; opacity: .12;}.qr-left::before{width: 500px; height: 500px; background: #818cf8; top: -150px; left: -100px;}.qr-left::after{width: 400px; height: 400px; background: #38bdf8; bottom: -120px; right: -80px;}.qr-left__inner{position: relative; z-index: 1; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.25rem;}.qr-left__badge{display: inline-flex; align-items: center; gap: .375rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); padding: .5rem 1.25rem; border-radius: 9999px; font-size: .8125rem; font-weight: 700; color: #4338ca; border: 1px solid rgba(99, 102, 241, 0.15); box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08);}.qr-left__badge i{font-size: 1.125rem;}.qr-left__img-wrap{background: #fff; border-radius: 1.5rem; padding: 1.5rem; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.8) inset; display: inline-block;}.qr-left__img{width: Min(55vh, 55vw); height: Min(55vh, 55vw); max-width: 440px; max-height: 440px; display: block; border-radius: .5rem;}.qr-left__url{font-size: .6875rem; color: #6366f1; font-weight: 500; word-break: break-all; max-width: 500px; background: rgba(255, 255, 255, 0.5); padding: .375rem .875rem; border-radius: .375rem; backdrop-filter: blur(4px);}.qr-left__hint{font-size: .75rem; color: #94a3b8; font-weight: 500;}.qr-right{flex: 1; display: flex; flex-direction: column; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-left: 1px solid rgba(0, 0, 0, 0.04); padding: 1.5rem; overflow: hidden;}.qr-right__class{margin-bottom: 1.25rem;}.qr-right__class h2, .qr-right__class .h2{font-size: 1.125rem; font-weight: 800; color: #1e293b; margin: 0 0 .25rem; background: linear-gradient(135deg, #4338ca, #6366f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.qr-right__class p{font-size: .75rem; color: #6b7280; margin: 0; font-weight: 500;}.qr-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; margin-bottom: 1rem;}.qr-stat{text-align: center; padding: .625rem .375rem; border-radius: .75rem; background: rgba(248, 250, 252, 0.8); border: 1px solid rgba(0, 0, 0, 0.03);}.qr-stat__val{font-size: 1.375rem; font-weight: 800;}.qr-stat__lbl{font-size: .5625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: .04em;}.qr-stat--total .qr-stat__val{color: #334155;}.qr-stat--present .qr-stat__val{color: #059669;}.qr-stat--absent .qr-stat__val{color: #dc2626;}.qr-stat--pct .qr-stat__val{color: #4338ca;}.qr-progress{margin-bottom: 1rem;}.qr-progress__bar{height: 8px; border-radius: 4px; background: #fecaca; overflow: hidden;}.qr-progress__fill--present{height: 100%; border-radius: 4px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: linear-gradient(90deg, #10b981, #059669);}.qr-progress__labels{display: flex; gap: 1rem; margin-top: .375rem; font-size: .6875rem; font-weight: 600; color: #6b7280;}.qr-progress__dot{display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: .25rem; vertical-align: -1px;}.qr-progress__dot--present{background: #10b981;}.qr-progress__dot--absent{background: #fca5a5;}.qr-students__title{font-size: .75rem; font-weight: 700; color: #374151; margin-bottom: .5rem; display: flex; align-items: center; gap: .25rem;}.qr-students{flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: .25rem; padding-right: .25rem;}.qr-students::-webkit-scrollbar{width: 4px;}.qr-students::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.1); border-radius: 2px;}.qr-student{display: flex; align-items: center; gap: .5rem; padding: .4375rem .625rem; border-radius: .5rem; transition: background .15s;}.qr-student:hover{background: rgba(0, 0, 0, 0.02);}.qr-student__idx{width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: .5625rem; font-weight: 800; color: #fff;}.qr-student--present .qr-student__idx{background: linear-gradient(135deg, #10b981, #059669);}.qr-student--absent .qr-student__idx{background: linear-gradient(135deg, #f87171, #ef4444);}.qr-student__name{flex: 1; font-size: .75rem; font-weight: 600; color: #374151; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.qr-student__icon{font-size: 1rem;}.qr-student--present .qr-student__icon{color: #10b981;}.qr-student--absent .qr-student__icon{color: #ef4444;}.dark .qr-fullscreen{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #0c0f1a 100%);}.dark .qr-left{background: linear-gradient(160deg, #0c0f1a 0%, #1a1035 50%, #0f0a1a 100%);}.dark .qr-left__badge{background: rgba(30, 27, 46, 0.8); color: #a5b4fc; border-color: rgba(99, 102, 241, 0.2);}.dark .qr-left__img-wrap{background: #1e1b2e; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3);}.dark .qr-left__url{background: rgba(30, 27, 46, 0.6); color: #a5b4fc;}.dark .qr-right{background: rgba(30, 27, 46, 0.6); border-left-color: rgba(255, 255, 255, 0.04);}.dark .qr-right__class h2, .dark .qr-right__class .h2{background: linear-gradient(135deg, #818cf8, #a78bfa); -webkit-background-clip: text; background-clip: text;}.dark .qr-right__class p{color: #94a3b8;}.dark .qr-stat{background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.04);}.dark .qr-student__name{color: #e2e8f0;}.dark .qr-student:hover{background: rgba(255, 255, 255, 0.03);}.dark .qr-close{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.06);}.dark .qr-close i{color: #94a3b8;}.dark .qr-close:hover{background: rgba(30, 27, 46, 0.95);}.dark .qr-close:hover i{color: #f1f5f9;}@media (max-width: 1024px){.qr-left{flex: 0 0 60%;}}@media (max-width: 768px){.qr-layout{flex-direction: column;}.qr-left{flex: none; height: 55vh;}.qr-left__img{width: Min(40vh, 70vw); height: Min(40vh, 70vw);}.qr-right{flex: 1; overflow-y: auto;}.qr-stats{grid-template-columns: repeat(4, 1fr);}}.ntf-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; flex-wrap: wrap; gap: .5rem;}.ntf-title{font-size: 1.5rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #1e3a5f, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: .5rem;}.ntf-title i{-webkit-text-fill-color: #2563eb; font-size: 1.5rem;}.ntf-mark-all{display: inline-flex; align-items: center; gap: .25rem; padding: .375rem .875rem; border-radius: .5rem; font-size: .75rem; font-weight: 600; font-family: inherit; cursor: pointer; background: rgba(16, 185, 129, 0.08); color: #059669; border: 1px solid rgba(16, 185, 129, 0.15); transition: all .2s;}.ntf-mark-all i{font-size: .875rem;}.ntf-mark-all:hover{background: rgba(16, 185, 129, 0.15);}.ntf-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-bottom: 1.25rem;}.ntf-stat{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: .875rem; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center; transition: transform .2s, box-shadow .2s;}.ntf-stat:hover{transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.ntf-stat__ring{width: 56px; height: 56px; margin: 0 auto .5rem; position: relative;}.ntf-stat__ring svg{width: 100%; height: 100%;}.ntf-stat__ring-val{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 800; color: #1e293b;}.ntf-stat__label{font-size: .625rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: .04em;}.ntf-tabs{display: flex; gap: .25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: .75rem; padding: .25rem; margin-bottom: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.6);}.ntf-tab{display: flex; align-items: center; gap: .375rem; padding: .5rem .875rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all .2s; font-family: inherit; white-space: nowrap;}.ntf-tab i{font-size: 1rem;}.ntf-tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.ntf-tab--active{background: #fff; color: #2563eb; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.ntf-tab__badge{font-size: .5625rem; font-weight: 700; padding: .125rem .375rem; border-radius: 9999px; background: rgba(37, 99, 235, 0.08); color: #2563eb;}.ntf-tab__badge--rose{background: rgba(239, 68, 68, 0.08); color: #ef4444;}.ntf-tab__badge--amber{background: rgba(245, 158, 11, 0.08); color: #d97706;}.ntf-group{margin-bottom: 1.25rem;}.ntf-group__label{font-size: .6875rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .06em; padding: 0 0 .5rem; margin-bottom: .5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.ntf-group__list{display: flex; flex-direction: column; gap: .5rem;}.ntf-card{display: flex; gap: .75rem; padding: .875rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); position: relative; transition: all .2s;}.ntf-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);}.ntf-card--read{opacity: .7;}.ntf-card--read:hover{opacity: 1;}.ntf-card--alert{border-left: 3px solid #ef4444;}.ntf-card--priority .ntf-card__dot{animation: ntf-pulse 2s ease-in-out infinite;}@keyframes ntf-pulse{0%, 100%{box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);}50%{box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);}}.ntf-card__dot{position: absolute; top: .875rem; left: .375rem; width: 8px; height: 8px; border-radius: 50%; background: #2563eb; flex-shrink: 0;}.ntf-card--alert .ntf-card__dot{background: #ef4444;}.ntf-card__icon{width: 40px; height: 40px; border-radius: .75rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.ntf-card__icon i{font-size: 1.25rem;}.ntf-card__body{flex: 1; min-width: 0;}.ntf-card__top{display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; margin-bottom: .25rem;}.ntf-card__title{font-size: .8125rem; font-weight: 600; color: #374151; margin: 0;}.ntf-card__title--unread{font-weight: 800; color: #1e293b;}.ntf-card__meta{display: flex; gap: .25rem; flex-shrink: 0; flex-wrap: wrap;}.ntf-badge{display: inline-flex; align-items: center; gap: .125rem; padding: .125rem .375rem; border-radius: 9999px; font-size: .5625rem; font-weight: 700; background: rgba(59, 130, 246, 0.06); color: #3b82f6;}.ntf-badge i{font-size: .625rem;}.ntf-badge--rose{background: rgba(239, 68, 68, 0.08); color: #ef4444;}.ntf-badge--amber{background: rgba(245, 158, 11, 0.08); color: #d97706;}.ntf-card__desc{font-size: .8125rem; line-height: 1.6; color: #4b5563; margin: .375rem 0; max-height: 3.2em; overflow: hidden; transition: max-height .3s ease; position: relative;}.ntf-card__desc p{margin: 0 0 .375rem;}.ntf-card__desc ul{margin: 0; padding-left: 1.25rem;}.ntf-card__desc li{margin-bottom: .25rem;}.ntf-card__desc strong{font-weight: 700; color: #1e293b;}.ntf-card__desc::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1.5em; background: linear-gradient(transparent, rgba(255, 255, 255, 0.95)); pointer-events: none;}.ntf-card__desc--expanded{max-height: 500px;}.ntf-card__desc--expanded::after{display: none;}.dark .ntf-card__desc::after{background: linear-gradient(transparent, rgba(30, 27, 46, 0.95));}.ntf-card__expand{font-size: .6875rem; font-weight: 600; color: #2563eb; background: none; border: none; cursor: pointer; padding: 0; font-family: inherit;}.ntf-card__expand:hover{text-decoration: underline;}.ntf-card__footer{display: flex; align-items: center; justify-content: space-between; margin-top: .375rem;}.ntf-card__time{font-size: .625rem; color: #94a3b8; font-weight: 500; display: flex; align-items: center; gap: .25rem;}.ntf-card__time i{font-size: .75rem;}.ntf-card__actions{display: flex; gap: .125rem;}.ntf-card__action{width: 28px; height: 28px; border-radius: .375rem; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; background: transparent; color: #94a3b8; transition: all .15s; text-decoration: none;}.ntf-card__action i{font-size: .875rem;}.ntf-card__action:hover{background: rgba(0, 0, 0, 0.04); color: #374151;}.ntf-empty{text-align: center; padding: 3rem 1rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.6);}.ntf-empty__icon{width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 1rem; background: rgba(148, 163, 184, 0.08); display: flex; align-items: center; justify-content: center;}.ntf-empty__icon i{font-size: 2.5rem; color: #cbd5e1;}.ntf-empty h3, .ntf-empty .h3{font-size: 1rem; font-weight: 700; color: #374151; margin: 0 0 .25rem;}.ntf-empty p{font-size: .8125rem; color: #6b7280; margin: 0 0 1rem;}.ntf-empty__link{display: inline-flex; align-items: center; gap: .25rem; font-size: .75rem; font-weight: 600; color: #2563eb; text-decoration: none;}.ntf-empty__link i{font-size: .875rem;}.ntf-empty__link:hover{text-decoration: underline;}.dark .ntf-title{background: linear-gradient(135deg, #7dd3fc, #60a5fa); -webkit-background-clip: text; background-clip: text;}.dark .ntf-stat{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.04);}.dark .ntf-stat__ring-val{color: #f1f5f9;}.dark .ntf-tabs{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.04);}.dark .ntf-tab{color: #94a3b8;}.dark .ntf-tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.dark .ntf-tab--active{background: rgba(37, 99, 235, 0.15); color: #60a5fa; box-shadow: none;}.dark .ntf-card{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .ntf-card:hover{background: rgba(30, 27, 46, 0.6);}.dark .ntf-card__title{color: #d1d5db;}.dark .ntf-card__title--unread{color: #f1f5f9;}.dark .ntf-card__desc{color: #94a3b8;}.dark .ntf-card__desc strong{color: #e2e8f0;}.dark .ntf-group__label{color: #64748b; border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .ntf-empty{background: rgba(30, 27, 46, 0.3); border-color: rgba(255, 255, 255, 0.04);}.dark .ntf-empty h3, .dark .ntf-empty .h3{color: #f1f5f9;}.dark .ntf-mark-all{background: rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.2);}@media (max-width: 768px){.ntf-stats{grid-template-columns: repeat(2, 1fr);}.ntf-card__meta{display: none;}.ntf-card__top{flex-direction: column;}.ntf-header{flex-direction: column; align-items: flex-start;}}.ds-title{font-size: 1.5rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #1e3a5f, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: .5rem;}.ds-title i{-webkit-text-fill-color: #2563eb; font-size: 1.5rem;}.ds-countdown-banner{display: inline-flex; align-items: center; gap: .375rem; font-size: .8125rem; font-weight: 700; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); padding: .375rem .875rem; border-radius: .5rem; border: 1px solid rgba(0, 0, 0, 0.04);}.ds-countdown-banner i{font-size: 1rem;}.ds-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-bottom: 1.25rem;}.ds-stat{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: .875rem; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center; transition: transform .2s;}.ds-stat:hover{transform: translateY(-2px);}.ds-stat__icon{width: 40px; height: 40px; border-radius: .75rem; margin: 0 auto .5rem; background: rgba(37, 99, 235, 0.1); display: flex; align-items: center; justify-content: center;}.ds-stat__icon i{font-size: 1.25rem; color: #2563eb;}.ds-stat__val{font-size: 1.375rem; font-weight: 800; color: #1e293b;}.ds-stat__lbl{font-size: .5625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: .04em;}.ds-date-header{display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; margin-top: 1rem; padding: .5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.ds-date-badge{width: 52px; text-align: center; flex-shrink: 0; background: rgba(255, 255, 255, 0.8); border-radius: .625rem; padding: .375rem; border: 2px solid #2563eb;}.ds-date-badge__day{font-size: .5rem; font-weight: 700; color: #2563eb; text-transform: uppercase; letter-spacing: .06em;}.ds-date-badge__num{font-size: 1.125rem; font-weight: 900; color: #1e293b; line-height: 1.1;}.ds-date-badge__month{font-size: .5rem; font-weight: 600; color: #6b7280;}.ds-exam-list{display: flex; flex-direction: column; gap: .5rem; margin-bottom: .5rem;}.ds-exam-card{display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); transition: all .2s;}.ds-exam-card:hover{background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);}.ds-exam-card__slot{display: flex; align-items: center; gap: .375rem; padding: .5rem .625rem; border-radius: .5rem; flex-shrink: 0;}.ds-exam-card__slot i{font-size: 1.125rem;}.ds-timeline{padding-left: 1.5rem;}.ds-tl-item{display: flex; gap: .75rem; position: relative; padding-bottom: 1rem;}.ds-tl-item--conflict .ds-tl-card{border-color: rgba(239, 68, 68, 0.2); background: rgba(239, 68, 68, 0.02);}.ds-tl-dot{width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; margin-top: .75rem; position: relative; z-index: 1;}.ds-tl-line{position: absolute; left: 5px; top: 24px; bottom: 0; width: 2px; background: rgba(0, 0, 0, 0.06);}.ds-tl-item:last-child .ds-tl-line{display: none;}.ds-tl-card{display: flex; align-items: center; gap: .75rem; flex: 1; padding: .75rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); transition: all .2s;}.ds-tl-card:hover{box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);}.ds-tl-card__date{text-align: center; flex-shrink: 0; width: 44px;}.ds-cal{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .75rem;}.ds-cal__col{background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: .75rem; border: 1px solid rgba(255, 255, 255, 0.8); overflow: hidden;}.ds-cal__head{text-align: center; padding: .75rem .5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.5);}.ds-cal__event{padding: .625rem .75rem; border-left: 3px solid transparent; margin: .375rem; border-radius: .375rem; transition: background .15s;}.ds-cal__event:hover{background: rgba(0, 0, 0, 0.02);}.ds-cal__event--proctor{background: rgba(100, 116, 139, 0.03); border-left-color: #94a3b8;}.ds-cal__event--conflict{background: rgba(239, 68, 68, 0.04); border-left-color: #ef4444 !important;}.dark .ds-title{background: linear-gradient(135deg, #7dd3fc, #60a5fa); -webkit-background-clip: text; background-clip: text;}.dark .ds-stat{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.04);}.dark .ds-stat__val{color: #f1f5f9;}.dark .ds-date-badge{background: rgba(30, 27, 46, 0.6); border-color: rgba(37, 99, 235, 0.3);}.dark .ds-date-badge__num{color: #f1f5f9;}.dark .ds-exam-card, .dark .ds-tl-card{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .ds-cal__col{background: rgba(30, 27, 46, 0.3); border-color: rgba(255, 255, 255, 0.04);}.dark .ds-cal__head{background: rgba(30, 27, 46, 0.4);}.dark .ds-countdown-banner{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .ds-tl-line{background: rgba(255, 255, 255, 0.06);}@media (max-width: 768px){.ds-stats{grid-template-columns: repeat(2, 1fr);}.ds-exam-card{flex-wrap: wrap;}.ds-exam-card__slot{width: 100%;}.ds-cal{grid-template-columns: 1fr;}} /* /odoocms_student_portal/static/src/scss/_variables.scss */ /* /odoocms_student_portal/static/src/scss/_mixins.scss */ /* /odoocms_student_portal/static/src/scss/_animations.scss */ @keyframes slideUp{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}@keyframes float{0%, 100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes pulseDot{0%, 100%{opacity: 1; transform: scale(1);}50%{opacity: 0.5; transform: scale(1.2);}}@keyframes gradientShift{0%{background-position: 0% center;}100%{background-position: 200% center;}}@keyframes shimmer{0%{left: -100%;}100%{left: 100%;}}@keyframes notificationPulse{0%, 100%{transform: scale(1);}50%{transform: scale(1.1);}}@keyframes progressFill{from{width: 0;}}@keyframes ringFill{from{stroke-dasharray: 0 251.2;}}@keyframes livePulse{0%, 100%{box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.7);}50%{box-shadow: 0 0 0 8px rgba(244, 63, 94, 0);}}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes scaleIn{from{opacity: 0; transform: scale(0.9);}to{opacity: 1; transform: scale(1);}}.sp-modern .sp-animate-slide-up{animation: slideUp 0.6s ease-out forwards; opacity: 0; transform: translateY(20px);}.sp-modern .sp-stagger-1{animation-delay: 0.1s;}.sp-modern .sp-stagger-2{animation-delay: 0.2s;}.sp-modern .sp-stagger-3{animation-delay: 0.3s;}.sp-modern .sp-stagger-4{animation-delay: 0.4s;}.sp-modern .sp-stagger-5{animation-delay: 0.5s;}.sp-modern .sp-stagger-6{animation-delay: 0.6s;}.sp-modern .sp-pulse-dot{animation: pulseDot 2s ease-in-out infinite;}.sp-modern .sp-live-indicator{animation: livePulse 1.5s ease-in-out infinite;}.sp-modern .sp-notification-badge{animation: notificationPulse 2s ease-in-out infinite;} /* /odoocms_student_portal/static/src/scss/_base.scss */ #wrapwrap:has(.sp-modern) > header, #wrapwrap:has(.sp-modern) > footer{display: none !important;}#wrapwrap:has(.sp-modern) > main{padding: 0 !important; margin: 0 !important;}.sp-modern{background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%); min-height: 100vh; color: #1e293b; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.sp-modern *{font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; box-sizing: border-box;}.sp-modern a{color: #8b5cf6; text-decoration: none;}.sp-modern a:hover{color: #7c3aed; text-decoration: none;}.sp-modern ::-webkit-scrollbar{width: 6px; height: 6px;}.sp-modern ::-webkit-scrollbar-track{background: #f1f5f9; border-radius: 10px;}.sp-modern ::-webkit-scrollbar-thumb{background: #cbd5e1; border-radius: 10px;}.sp-modern ::-webkit-scrollbar-thumb:hover{background: #94a3b8;}.sp-modern .sp-bg-elements{position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;}.sp-modern .sp-float-circle{position: absolute; width: 18rem; height: 18rem; border-radius: 50%; filter: blur(64px); opacity: 0.3; animation: float 6s ease-in-out infinite;}.sp-modern .sp-float-circle--purple{background: rgba(167, 139, 250, 0.5); top: 5rem; left: 2rem;}.sp-modern .sp-float-circle--yellow{background: rgba(251, 191, 36, 0.5); top: 10rem; right: 2rem; animation-delay: 2s;}.sp-modern .sp-float-circle--pink{background: rgba(251, 113, 133, 0.5); bottom: 5rem; left: 33%; animation-delay: 4s;}.sp-modern .sp-container{position: relative; z-index: 10; max-width: 1700px; margin: 0 auto; padding: 1rem 2.5rem;}.sp-modern .sp-sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}.sp-modern .sp-tooltip{position: relative;}.sp-modern .sp-tooltip::after{content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-5px); padding: 6px 12px; background: #1e293b; color: #ffffff; font-size: 0.625rem; border-radius: 0.5rem; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.2s ease; z-index: 100;}.sp-modern .sp-tooltip:hover::after{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);} /* /odoocms_student_portal/static/src/scss/_navbar.scss */ .sp-modern .sp-navbar{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.5rem; margin-bottom: 0.5rem; animation: slideUp 0.5s ease-out forwards;}.sp-modern .sp-navbar__left{display: flex; align-items: center; gap: 1rem;}.sp-modern .sp-navbar__logo{display: flex; align-items: center; height: 40px;}.sp-modern .sp-navbar__logo img{height: 100%; width: auto; object-fit: contain;}.sp-modern .sp-navbar__right{display: flex; align-items: center; gap: 0.75rem;}.sp-modern .sp-navbar__icon-btn{position: relative; padding: 0.625rem; background: rgba(255, 255, 255, 0.5); border-radius: 1.25rem; border: 1px solid #e2e8f0; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}.sp-modern .sp-navbar__icon-btn .material-icons{font-size: 1.25rem; color: #475569 !important;}.sp-modern .sp-navbar__icon-btn:hover{background: #ffffff;}.sp-modern .sp-navbar__notifications{position: relative;}.sp-modern .sp-navbar .sp-badge{position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; background: #f43f5e; color: #ffffff; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; display: flex; align-items: center; justify-content: center; animation: notificationPulse 2s ease-in-out infinite;}.sp-modern .sp-navbar__dropdown{position: absolute; top: calc(100% + 0.5rem); right: 0; width: 360px; max-height: 400px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); z-index: 1000; overflow: hidden; display: none;}.sp-modern .sp-navbar__dropdown.is-open{display: block; animation: scaleIn 0.2s ease-out;}.sp-modern .sp-navbar__dropdown-header{padding: 1rem; border-bottom: 1px solid #e2e8f0; font-weight: 700; font-size: 0.875rem; color: #1e293b;}.sp-modern .sp-navbar__dropdown-body{max-height: 300px; overflow-y: auto;}.sp-modern .sp-navbar__dropdown-item{display: flex; gap: 0.75rem; padding: 0.75rem 1rem; border-bottom: 1px solid #f1f5f9; transition: background 0.15s ease;}.sp-modern .sp-navbar__dropdown-item:hover{background: #f8fafc;}.sp-modern .sp-navbar__dropdown-item:last-child{border-bottom: none;}.sp-modern .sp-navbar__dropdown-footer{padding: 0.75rem 1rem; border-top: 1px solid #e2e8f0; text-align: center;}.sp-modern .sp-navbar__dropdown-footer a{font-size: 0.875rem; font-weight: 600; color: #8b5cf6;}.sp-modern .sp-navbar__profile{position: relative;}.sp-modern .sp-navbar__profile-btn{display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem; padding-right: 0.75rem; background: rgba(255, 255, 255, 0.5); border-radius: 1.25rem; border: 1px solid #e2e8f0; cursor: pointer; transition: all 0.3s ease;}.sp-modern .sp-navbar__profile-btn:hover{background: #ffffff;}.sp-modern .sp-navbar__profile-btn .material-icons{font-size: 1rem; color: #94a3b8 !important;}.sp-modern .sp-navbar__profile-dropdown{position: absolute; top: calc(100% + 0.5rem); right: 0; min-width: 180px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 0.5rem; display: none;}.sp-modern .sp-navbar__profile-dropdown.is-open{display: block; animation: scaleIn 0.2s ease-out;}.sp-modern .sp-navbar__profile-dropdown a{display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 600; color: #334155; transition: background 0.15s ease;}.sp-modern .sp-navbar__profile-dropdown a .material-icons{font-size: 1.125rem; color: #64748b !important;}.sp-modern .sp-navbar__profile-dropdown a:hover{background: #f1f5f9; color: #0f172a;}.sp-modern .sp-theme-toggle .sp-theme-toggle__dark{display: none;}.sp-modern .sp-avatar{border-radius: 1rem; overflow: hidden; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #ffffff; background: linear-gradient(135deg, #2dd4bf, #10b981); flex-shrink: 0;}.sp-modern .sp-avatar img{width: 100%; height: 100%; object-fit: cover;}.sp-modern .sp-avatar--sm{width: 32px; height: 32px; font-size: 0.875rem; border-radius: 0.75rem;}.sp-modern .sp-avatar--md{width: 48px; height: 48px; font-size: 1rem;}.sp-modern .sp-avatar--lg{width: 72px; height: 72px; font-size: 1.5rem; border-radius: 1.5rem;}.sp-modern .sp-avatar--xl{width: 80px; height: 80px; font-size: 1.875rem; border-radius: 1.5rem; position: relative; overflow: hidden;}.sp-modern .sp-avatar--xl::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 2s infinite;}.sp-modern .sp-navbar-logo{display: flex; align-items: center; gap: 0.375rem; text-decoration: none; height: 40px;}.sp-modern .sp-navbar-logo:hover{text-decoration: none;}.sp-modern .sp-navbar-logo__mark{display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; font-size: 0.875rem; font-weight: 800; letter-spacing: -0.02em; flex-shrink: 0;}.sp-modern .sp-navbar-logo__text{font-size: 1.125rem; font-weight: 700; color: #1e293b; letter-spacing: -0.01em;}.sp-modern .sp-navbar-search{position: relative; flex: 1; max-width: 480px; margin: 0 1.5rem;}.sp-modern .sp-navbar-search__bar{display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.875rem; background: rgba(255, 255, 255, 0.55); border: 1px solid #e2e8f0; border-radius: 12px; cursor: text; transition: all 0.2s;}.sp-modern .sp-navbar-search__bar:hover{background: rgba(255, 255, 255, 0.8); border-color: #cbd5e1;}.sp-modern .sp-navbar-search__bar--focused{background: #ffffff; border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-navbar-search__icon{font-size: 1.2rem; color: #94a3b8; flex-shrink: 0;}.sp-modern .sp-navbar-search__input{flex: 1; border: none; outline: none; background: transparent; font-size: 0.8125rem; font-weight: 500; color: #1e293b; font-family: inherit; min-width: 0;}.sp-modern .sp-navbar-search__input::placeholder{color: #94a3b8; font-weight: 400;}.sp-modern .sp-navbar-search__kbd{display: inline-flex; align-items: center; gap: 2px; padding: 0.15rem 0.4rem; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 0.625rem; font-weight: 600; color: #94a3b8; font-family: inherit; white-space: nowrap; flex-shrink: 0;}.sp-modern .sp-navbar-search__drop{position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04); z-index: 1000; max-height: 340px; overflow-y: auto; padding: 0.375rem; animation: scaleIn 0.15s ease-out;}.sp-modern .sp-navbar-search__empty{display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1.5rem; color: #94a3b8; font-size: 0.8125rem;}.sp-modern .sp-navbar-search__empty .material-icons{font-size: 1.25rem;}.sp-modern .sp-navbar-search__item{display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.75rem; border-radius: 10px; text-decoration: none; transition: background 0.12s; cursor: pointer;}.sp-modern .sp-navbar-search__item:hover, .sp-modern .sp-navbar-search__item--active{background: rgba(139, 92, 246, 0.06); text-decoration: none;}.sp-modern .sp-navbar-search__item-icon{font-size: 1.2rem; color: #8b5cf6; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(139, 92, 246, 0.08); border-radius: 8px; flex-shrink: 0;}.sp-modern .sp-navbar-search__item-name{font-size: 0.8125rem; font-weight: 600; color: #334155;}.sp-modern .sp-sidebar-toggle{display: flex; align-items: center; justify-content: center; padding: 0.5rem; background: transparent; border: none; cursor: pointer; border-radius: 0.75rem; transition: background 0.15s ease;}.sp-modern .sp-sidebar-toggle .material-icons{font-size: 1.5rem; color: #475569 !important;}.sp-modern .sp-sidebar-toggle:hover{background: #f1f5f9;}.dark .sp-navbar-logo__text{color: #f3f4f6;}.dark .sp-navbar-search__bar{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-navbar-search__bar:hover{background: rgba(30, 27, 46, 0.7); border-color: rgba(255, 255, 255, 0.12);}.dark .sp-navbar-search__bar--focused{background: rgba(30, 27, 46, 0.85); border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}.dark .sp-navbar-search__icon{color: #6b7280;}.dark .sp-navbar-search__input{color: #f3f4f6;}.dark .sp-navbar-search__input::placeholder{color: #6b7280;}.dark .sp-navbar-search__kbd{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); color: #6b7280;}.dark .sp-navbar-search__drop{background: rgba(30, 27, 46, 0.95); border-color: rgba(255, 255, 255, 0.08); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);}.dark .sp-navbar-search__empty{color: #6b7280;}.dark .sp-navbar-search__item:hover, .dark .sp-navbar-search__item--active{background: rgba(139, 92, 246, 0.1);}.dark .sp-navbar-search__item-icon{background: rgba(139, 92, 246, 0.12); color: #a78bfa;}.dark .sp-navbar-search__item-name{color: #e5e7eb;}@media (max-width: 768px){.sp-navbar-search{margin: 0 0.5rem;}.sp-navbar-search__kbd{display: none;}.sp-navbar-search__input::placeholder{font-size: 0.75rem;}}@media (max-width: 480px){.sp-navbar-search{margin: 0 0.25rem;}.sp-navbar-search__bar{padding: 0.4rem 0.6rem;}.sp-navbar-search__input{font-size: 0.75rem;}} /* /odoocms_student_portal/static/src/scss/_sidebar.scss */ @keyframes tileAppear{from{opacity: 0; transform: translateY(12px) scale(0.95);}to{opacity: 1; transform: translateY(0) scale(1);}}.sp-modern .sp-main-wrapper{display: block; min-height: calc(100vh - 64px - 1.5rem * 2);}.sp-modern .sp-content{width: 100%; min-width: 0;}.sp-modern .sp-sidebar-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 1040; transition: opacity 0.35s ease;}.sp-modern .sp-sidebar-overlay:not([class*="fixed"]){opacity: 0; visibility: hidden;}.sp-modern .sp-sidebar-overlay.is-visible:not([class*="fixed"]){opacity: 1; visibility: visible;}.sp-modern .sp-sidebar-drawer{position: fixed; top: 0; left: 0; width: 50vw; min-width: 400px; max-width: 92vw; height: 100vh; z-index: 1050; background: rgba(15, 23, 42, 0.82); backdrop-filter: blur(24px) saturate(1.2); -webkit-backdrop-filter: blur(24px) saturate(1.2); border-right: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 4px 0 60px rgba(0, 0, 0, 0.4), inset -1px 0 0 rgba(255, 255, 255, 0.05); transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; overflow: hidden;}.sp-modern .sp-sidebar-drawer--open{transform: translateX(0);}.sp-modern .sp-sidebar-drawer__close{position: absolute; top: 1.25rem; right: 1.25rem; padding: 0.5rem 0.75rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 9999px; cursor: pointer; transition: all 0.25s; z-index: 10; display: flex; align-items: center;}.sp-modern .sp-sidebar-drawer__close .material-icons{font-size: 1.25rem; color: rgba(255, 255, 255, 0.6) !important;}.sp-modern .sp-sidebar-drawer__close:hover{background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.2); transform: scale(1.05);}.sp-modern .sp-sidebar-drawer__scroll{flex: 1; overflow-y: auto; padding: 1.5rem 2rem; padding-top: 1rem;}.sp-modern .sp-sidebar-drawer__scroll::-webkit-scrollbar{width: 5px;}.sp-modern .sp-sidebar-drawer__scroll::-webkit-scrollbar-track{background: transparent;}.sp-modern .sp-sidebar-drawer__scroll::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.08); border-radius: 10px;}.sp-modern .sp-sidebar-drawer__scroll::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.15);}.sp-modern .sp-sidebar-drawer__user{background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 1.5rem; padding: 1.25rem 1rem; text-align: center; margin-bottom: 1.5rem; margin-top: 2rem; position: relative; overflow: hidden;}.sp-modern .sp-sidebar-drawer__user::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), rgba(59, 130, 246, 0.5), transparent);}.sp-modern .sp-sidebar-drawer__avatar{width: 72px; height: 72px; border-radius: 1.5rem; background: linear-gradient(135deg, #2dd4bf, #10b981); display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 0 auto; box-shadow: 0 4px 20px rgba(20, 184, 166, 0.3);}.sp-modern .sp-sidebar-drawer__avatar img{width: 100%; height: 100%; object-fit: cover;}.sp-modern .sp-sidebar-drawer__avatar span{color: #ffffff; font-size: 1.5rem; font-weight: 700;}.sp-modern .sp-sidebar-drawer__name{font-weight: 700; font-size: 0.875rem; color: #ffffff; margin: 0.75rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-sidebar-drawer__id{font-size: 0.75rem; color: rgba(255, 255, 255, 0.45); margin: 0.25rem 0 0;}.sp-modern .sp-sidebar-drawer__tabs{display: flex; align-items: center; gap: 0.25rem; margin-bottom: 1.5rem; padding: 0.25rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9999px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}.sp-modern .sp-sidebar-drawer__tabs::-webkit-scrollbar{display: none;}.sp-modern .sp-sidebar-drawer__tab{padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); background: transparent; color: rgba(255, 255, 255, 0.45); white-space: nowrap; position: relative; flex-shrink: 0;}.sp-modern .sp-sidebar-drawer__tab:hover{color: rgba(255, 255, 255, 0.75); background: rgba(255, 255, 255, 0.06);}.sp-modern .sp-sidebar-drawer__tab--active{background: rgba(139, 92, 246, 0.2); color: #ffffff; box-shadow: 0 0 20px rgba(139, 92, 246, 0.15), inset 0 0 0 1px rgba(139, 92, 246, 0.3);}.sp-modern .sp-sidebar-drawer__category{margin-bottom: 1.5rem;}.sp-modern .sp-sidebar-drawer__category--hidden{display: none;}.sp-modern .sp-sidebar-drawer__cat-title{font-size: 0.75rem; font-weight: 700; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.75rem 0.25rem;}.sp-modern .sp-sidebar-drawer__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem;}.sp-modern .sp-sidebar-tile{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 1rem 0.75rem 0.75rem; border-radius: 1.25rem; text-decoration: none !important; position: relative; overflow: hidden; cursor: pointer; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.07); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); animation: tileAppear 0.4s ease-out both;}.sp-modern .sp-sidebar-tile:nth-child(1){animation-delay: 0.04s;}.sp-modern .sp-sidebar-tile:nth-child(2){animation-delay: 0.08s;}.sp-modern .sp-sidebar-tile:nth-child(3){animation-delay: 0.12s;}.sp-modern .sp-sidebar-tile:nth-child(4){animation-delay: 0.16s;}.sp-modern .sp-sidebar-tile:nth-child(5){animation-delay: 0.2s;}.sp-modern .sp-sidebar-tile:nth-child(6){animation-delay: 0.24s;}.sp-modern .sp-sidebar-tile:nth-child(7){animation-delay: 0.28s;}.sp-modern .sp-sidebar-tile:nth-child(8){animation-delay: 0.32s;}.sp-modern .sp-sidebar-tile:hover{transform: translateY(-4px); background: rgba(255, 255, 255, 0.06); text-decoration: none !important;}.sp-modern .sp-sidebar-tile:hover .sp-sidebar-tile__icon-wrap{transform: scale(1.1);}.sp-modern .sp-sidebar-tile--active{background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.15); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);}.sp-modern .sp-sidebar-tile__icon-wrap{width: 44px; height: 44px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; transition: transform 0.3s ease;}.sp-modern .sp-sidebar-tile__icon-wrap .material-icons{font-size: 1.5rem; color: #ffffff !important;}.sp-modern .sp-sidebar-tile__name{font-size: 0.75rem; font-weight: 700; color: #ffffff; line-height: 1.2; margin-bottom: 2px;}.sp-modern .sp-sidebar-tile__desc{font-size: 0.625rem; color: rgba(255, 255, 255, 0.5); line-height: 1.3;}.sp-modern .sp-sidebar-tile--blue::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #3b82f6, #2563eb); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--blue .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #3b82f6, #2563eb); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);}.sp-modern .sp-sidebar-tile--blue:hover{border-color: rgba(59, 130, 246, 0.25); box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);}.sp-modern .sp-sidebar-tile--blue:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--sky::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #0ea5e9, #0284c7); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--sky .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #0ea5e9, #0284c7); box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);}.sp-modern .sp-sidebar-tile--sky:hover{border-color: rgba(14, 165, 233, 0.25); box-shadow: 0 8px 24px rgba(2, 132, 199, 0.15);}.sp-modern .sp-sidebar-tile--sky:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--green::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #22c55e, #16a34a); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--green .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #22c55e, #16a34a); box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3);}.sp-modern .sp-sidebar-tile--green:hover{border-color: rgba(34, 197, 94, 0.25); box-shadow: 0 8px 24px rgba(22, 163, 74, 0.15);}.sp-modern .sp-sidebar-tile--green:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--teal::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #14b8a6, #0d9488); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--teal .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #14b8a6, #0d9488); box-shadow: 0 4px 12px rgba(13, 148, 136, 0.3);}.sp-modern .sp-sidebar-tile--teal:hover{border-color: rgba(20, 184, 166, 0.25); box-shadow: 0 8px 24px rgba(13, 148, 136, 0.15);}.sp-modern .sp-sidebar-tile--teal:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--emerald::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #10b981, #059669); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--emerald .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #10b981, #059669); box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);}.sp-modern .sp-sidebar-tile--emerald:hover{border-color: rgba(16, 185, 129, 0.25); box-shadow: 0 8px 24px rgba(5, 150, 105, 0.15);}.sp-modern .sp-sidebar-tile--emerald:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--orange::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #f97316, #ea580c); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--orange .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #f97316, #ea580c); box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);}.sp-modern .sp-sidebar-tile--orange:hover{border-color: rgba(249, 115, 22, 0.25); box-shadow: 0 8px 24px rgba(234, 88, 12, 0.15);}.sp-modern .sp-sidebar-tile--orange:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--pink::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #ec4899, #db2777); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--pink .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #ec4899, #db2777); box-shadow: 0 4px 12px rgba(219, 39, 119, 0.3);}.sp-modern .sp-sidebar-tile--pink:hover{border-color: rgba(236, 72, 153, 0.25); box-shadow: 0 8px 24px rgba(219, 39, 119, 0.15);}.sp-modern .sp-sidebar-tile--pink:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--red::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #ef4444, #dc2626); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--red .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #ef4444, #dc2626); box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);}.sp-modern .sp-sidebar-tile--red:hover{border-color: rgba(239, 68, 68, 0.25); box-shadow: 0 8px 24px rgba(220, 38, 38, 0.15);}.sp-modern .sp-sidebar-tile--red:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--purple::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #a855f7, #9333ea); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--purple .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #a855f7, #9333ea); box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);}.sp-modern .sp-sidebar-tile--purple:hover{border-color: rgba(168, 85, 247, 0.25); box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);}.sp-modern .sp-sidebar-tile--purple:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--rose::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #f43f5e, #e11d48); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--rose .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #f43f5e, #e11d48); box-shadow: 0 4px 12px rgba(225, 29, 72, 0.3);}.sp-modern .sp-sidebar-tile--rose:hover{border-color: rgba(244, 63, 94, 0.25); box-shadow: 0 8px 24px rgba(225, 29, 72, 0.15);}.sp-modern .sp-sidebar-tile--rose:hover::before{opacity: 1;}.sp-modern .sp-sidebar-tile--yellow::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #eab308, #ca8a04); opacity: 0.6; transition: opacity 0.3s;}.sp-modern .sp-sidebar-tile--yellow .sp-sidebar-tile__icon-wrap{background: linear-gradient(145deg, #eab308, #ca8a04); box-shadow: 0 4px 12px rgba(202, 138, 4, 0.3);}.sp-modern .sp-sidebar-tile--yellow:hover{border-color: rgba(234, 179, 8, 0.25); box-shadow: 0 8px 24px rgba(202, 138, 4, 0.15);}.sp-modern .sp-sidebar-tile--yellow:hover::before{opacity: 1;}.sp-modern .sp-avatar{border-radius: 1rem; overflow: hidden; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #ffffff; background: linear-gradient(135deg, #2dd4bf, #10b981); flex-shrink: 0;}.sp-modern .sp-avatar img{width: 100%; height: 100%; object-fit: cover;}.sp-modern .sp-avatar--sm{width: 32px; height: 32px; font-size: 0.875rem; border-radius: 0.75rem;}.sp-modern .sp-avatar--md{width: 48px; height: 48px; font-size: 1rem;}.sp-modern .sp-avatar--lg{width: 72px; height: 72px; font-size: 1.5rem; border-radius: 1.5rem;}.sp-modern .sp-avatar--xl{width: 80px; height: 80px; font-size: 1.875rem; border-radius: 1.5rem; position: relative; overflow: hidden;}.sp-modern .sp-avatar--xl::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 2s infinite;}html:not(.dark) .sp-modern .sp-sidebar-drawer{background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(24px) saturate(1.4); -webkit-backdrop-filter: blur(24px) saturate(1.4); border-right: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 4px 0 60px rgba(0, 0, 0, 0.12), inset -1px 0 0 rgba(0, 0, 0, 0.04);}html:not(.dark) .sp-modern .sp-sidebar-drawer__close{background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08);}html:not(.dark) .sp-modern .sp-sidebar-drawer__close .material-icons{color: #64748b !important;}html:not(.dark) .sp-modern .sp-sidebar-drawer__close:hover{background: rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.12);}html:not(.dark) .sp-modern .sp-sidebar-drawer__scroll::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.08);}html:not(.dark) .sp-modern .sp-sidebar-drawer__scroll::-webkit-scrollbar-thumb:hover{background: rgba(0, 0, 0, 0.15);}html:not(.dark) .sp-modern .sp-sidebar-drawer__user{background: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.06);}html:not(.dark) .sp-modern .sp-sidebar-drawer__user::before{background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.4), rgba(59, 130, 246, 0.4), transparent);}html:not(.dark) .sp-modern .sp-sidebar-drawer__name{color: #1e293b;}html:not(.dark) .sp-modern .sp-sidebar-drawer__id{color: #64748b;}html:not(.dark) .sp-modern .sp-sidebar-drawer__tabs{background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06);}html:not(.dark) .sp-modern .sp-sidebar-drawer__tab{color: #64748b;}html:not(.dark) .sp-modern .sp-sidebar-drawer__tab:hover{color: #334155; background: rgba(0, 0, 0, 0.04);}html:not(.dark) .sp-modern .sp-sidebar-drawer__tab--active{background: rgba(139, 92, 246, 0.1); color: #6d28d9; box-shadow: 0 0 20px rgba(139, 92, 246, 0.08), inset 0 0 0 1px rgba(139, 92, 246, 0.2);}html:not(.dark) .sp-modern .sp-sidebar-drawer__cat-title{color: #64748b;}html:not(.dark) .sp-modern .sp-sidebar-overlay{background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}html:not(.dark) .sp-modern .sp-sidebar-tile{background: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.06);}html:not(.dark) .sp-modern .sp-sidebar-tile:hover{background: rgba(0, 0, 0, 0.04);}html:not(.dark) .sp-modern .sp-sidebar-tile--active{background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);}html:not(.dark) .sp-modern .sp-sidebar-tile__name{color: #1e293b;}html:not(.dark) .sp-modern .sp-sidebar-tile__desc{color: #64748b;}@media (max-width: 1024px){.sp-modern .sp-sidebar-drawer{width: 60vw;}}@media (max-width: 768px){.sp-modern .sp-sidebar-drawer{width: 100vw; min-width: unset; max-width: 100vw; border-right: none;}.sp-modern .sp-sidebar-drawer__scroll{padding: 1rem 1.25rem;}.sp-modern .sp-sidebar-drawer__grid{grid-template-columns: repeat(2, 1fr);}.sp-modern .sp-sidebar-drawer__tabs{flex-wrap: nowrap;}}@media (max-width: 380px){.sp-modern .sp-sidebar-drawer__grid{grid-template-columns: 1fr;}.sp-modern .sp-sidebar-drawer__scroll{padding: 0.75rem 1rem;}} /* /odoocms_student_portal/static/src/scss/_cards.scss */ .sp-modern .sp-glass-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-stat-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden;}.sp-modern .sp-stat-card:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-modern .sp-stat-card::before{content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); transform: rotate(45deg); transition: all 0.5s; opacity: 0;}.sp-modern .sp-stat-card:hover::before{opacity: 1; left: 100%; top: 100%;}.sp-modern .sp-stat-card__header{display: flex; align-items: center; justify-content: space-between;}.sp-modern .sp-stat-card__label{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin: 0;}.sp-modern .sp-stat-card__value{display: flex; align-items: baseline; gap: 0.25rem; margin-top: 0.25rem;}.sp-modern .sp-stat-card__number{font-size: 1.5rem; font-weight: 800; color: #1e293b; line-height: 1;}.sp-modern .sp-stat-card__suffix{font-size: 0.875rem; color: #64748b;}.sp-modern .sp-stat-card__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);}.sp-modern .sp-stat-card__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-stat-card--emerald .sp-stat-card__number{color: #059669;}.sp-modern .sp-stat-card--emerald .sp-stat-card__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #10b981, #0d9488); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.3);}.sp-modern .sp-stat-card--emerald .sp-stat-card__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-stat-card--amber .sp-stat-card__number{color: #d97706;}.sp-modern .sp-stat-card--amber .sp-stat-card__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #fbbf24, #f97316); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.3);}.sp-modern .sp-stat-card--amber .sp-stat-card__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-stat-card--sky .sp-stat-card__number{color: #0284c7;}.sp-modern .sp-stat-card--sky .sp-stat-card__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #38bdf8, #3b82f6); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.3);}.sp-modern .sp-stat-card--sky .sp-stat-card__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-stat-card--violet .sp-stat-card__number{color: #7c3aed;}.sp-modern .sp-stat-card--violet .sp-stat-card__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.3);}.sp-modern .sp-stat-card--violet .sp-stat-card__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-stat-card--rose .sp-stat-card__number{color: #e11d48;}.sp-modern .sp-stat-card--rose .sp-stat-card__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #fb7185, #db2777); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(244, 63, 94, 0.3);}.sp-modern .sp-stat-card--rose .sp-stat-card__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-stat-card--gradient .sp-stat-card__number{background: linear-gradient(135deg, #f59e0b, #f97316); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-size: 200% auto; animation: gradientShift 3s linear infinite;}.sp-modern .sp-course-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-course-card:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-modern .sp-course-card::before{content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); transform: rotate(45deg); transition: all 0.5s; opacity: 0;}.sp-modern .sp-course-card:hover::before{opacity: 1; left: 100%; top: 100%;}.sp-modern .sp-course-card__bar{height: 3px;}.sp-modern .sp-course-card__bar--emerald{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-course-card__bar--amber{background: linear-gradient(135deg, #fbbf24, #f97316);}.sp-modern .sp-course-card__bar--sky{background: linear-gradient(135deg, #38bdf8, #3b82f6);}.sp-modern .sp-course-card__bar--violet{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-modern .sp-course-card__bar--rose{background: linear-gradient(135deg, #fb7185, #db2777);}.sp-modern .sp-course-card__body{padding: 1.25rem;}.sp-modern .sp-course-card__top{display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem;}.sp-modern .sp-course-card__name{font-weight: 700; font-size: 0.875rem; color: #1e293b; line-height: 1.4; margin: 0 0 0.25rem; transition: color 0.15s ease;}.sp-modern .sp-course-card:hover .sp-course-card__name{color: #8b5cf6;}.sp-modern .sp-course-card__code{font-size: 0.75rem; font-weight: 500; color: #64748b; margin: 0;}.sp-modern .sp-course-card__grade-badge{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(16, 185, 129, 0.15); color: #059669; line-height: 1; font-size: 0.625rem;}.sp-modern .sp-course-card__grade-badge--a{background: rgba(16, 185, 129, 0.15); color: #059669;}.sp-modern .sp-course-card__grade-badge--b{background: rgba(14, 165, 233, 0.15); color: #0284c7;}.sp-modern .sp-course-card__grade-badge--c{background: rgba(245, 158, 11, 0.15); color: #d97706;}.sp-modern .sp-course-card__grade-badge--d{background: rgba(251, 113, 133, 0.15); color: #f43f5e;}.sp-modern .sp-course-card__grade-badge--f{background: rgba(244, 63, 94, 0.15); color: #e11d48;}.sp-modern .sp-course-card__details{margin-top: 1rem; display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-course-card__detail{display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: #475569;}.sp-modern .sp-course-card__detail .sp-detail-icon{width: 20px; height: 20px; border-radius: 9999px; background: #f1f5f9; display: flex; align-items: center; justify-content: center; font-size: 0.625rem; flex-shrink: 0;}.sp-modern .sp-course-card__attendance{margin-top: 1rem;}.sp-modern .sp-course-card__attendance-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}.sp-modern .sp-course-card__attendance-label{font-size: 0.75rem; font-weight: 500; color: #64748b;}.sp-modern .sp-course-card__attendance-value{font-size: 0.875rem; font-weight: 700;}.sp-modern .sp-course-card__attendance-value--good{color: #059669;}.sp-modern .sp-course-card__attendance-value--warn{color: #d97706;}.sp-modern .sp-course-card__attendance-value--bad{color: #e11d48;}.sp-modern .sp-course-card__attendance-bar{height: 0.5rem; border-radius: 9999px; overflow: hidden; background: #e2e8f0;}.sp-modern .sp-course-card__attendance-bar > div{height: 100%; border-radius: 9999px; animation: progressFill 1.5s ease-out forwards;}.sp-modern .sp-course-card__actions{display: flex; gap: 0.5rem; margin-top: 1rem;}.sp-modern .sp-course-card__btn{flex: 1; padding: 0.5rem 0.75rem; border: none; border-radius: 1.25rem; font-size: 0.75rem; font-weight: 700; cursor: pointer; text-align: center; text-decoration: none !important; transition: all 0.15s ease; color: #ffffff;}.sp-modern .sp-course-card__btn--primary{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-course-card__btn--primary:hover{box-shadow: 0 8px 20px -5px rgba(16, 185, 129, 0.4);}.sp-modern .sp-course-card__btn--secondary{background: #1e293b;}.sp-modern .sp-course-card__btn--secondary:hover{background: #334155;}.sp-modern .sp-course-card__warning{margin-top: 0.75rem; padding: 0.5rem; background: rgba(244, 63, 94, 0.1); border-radius: 0.75rem; border: 1px solid rgba(244, 63, 94, 0.2);}.sp-modern .sp-course-card__warning p{margin: 0; font-size: 0.625rem; font-weight: 500; color: #e11d48; display: flex; align-items: center; gap: 0.25rem;}.sp-modern .sp-course-card__warning p .material-icons{font-size: 0.875rem; color: #f43f5e !important;}.sp-modern .sp-notification-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1rem; display: flex; gap: 0.75rem; margin-bottom: 0.75rem; transition: all 0.15s ease;}.sp-modern .sp-notification-card:hover{background: rgba(255, 255, 255, 0.95);}.sp-modern .sp-notification-card__icon{width: 40px; height: 40px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgba(14, 165, 233, 0.1);}.sp-modern .sp-notification-card__icon .material-icons{font-size: 1.25rem; color: #0ea5e9 !important;}.sp-modern .sp-notification-card__content{flex: 1; min-width: 0;}.sp-modern .sp-notification-card__title{font-size: 0.875rem; font-weight: 600; color: #1e293b; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-notification-card__date{font-size: 0.75rem; color: #94a3b8; margin: 0.25rem 0 0;} /* /odoocms_student_portal/static/src/scss/_charts.scss */ .sp-modern .sp-analytics{margin-bottom: 1.5rem;}.sp-modern .sp-analytics__grid{display: grid; grid-template-columns: 2fr 1fr; gap: 1rem;}@media (max-width: 768px){.sp-modern .sp-analytics__grid{grid-template-columns: 1fr;}}.sp-modern .sp-chart-container{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1.25rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-chart-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}.sp-modern .sp-chart-title{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-chart-badge{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(16, 185, 129, 0.15); color: #059669; line-height: 1; font-weight: 700;}.sp-modern .sp-chart-body{position: relative; height: 200px;}.sp-modern .sp-chart-body canvas{width: 100% !important; height: 100% !important;}.sp-modern .sp-section{margin-bottom: 1.5rem;}.sp-modern .sp-section__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}.sp-modern .sp-section__title-group{display: flex; align-items: center; gap: 0.75rem;}.sp-modern .sp-section__icon{padding: 0.625rem; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-section__icon .material-icons{color: #ffffff !important; font-size: 1.25rem;}.sp-modern .sp-section__icon--violet{background: linear-gradient(135deg, #8b5cf6, #9333ea); box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.3);}.sp-modern .sp-section__icon--emerald{background: linear-gradient(135deg, #10b981, #0d9488); box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.3);}.sp-modern .sp-section__icon--sky{background: linear-gradient(135deg, #38bdf8, #3b82f6); box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.3);}.sp-modern .sp-section__icon--rose{background: linear-gradient(135deg, #fb7185, #db2777); box-shadow: 0 10px 25px -5px rgba(244, 63, 94, 0.3);}.sp-modern .sp-section__icon--amber{background: linear-gradient(135deg, #fbbf24, #f97316); box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.3);}.sp-modern .sp-section__title{font-size: 1.25rem; font-weight: 800; color: #1e293b; margin: 0;}.sp-modern .sp-section__action{display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 700; color: #7c3aed; background: transparent; border: none; border-radius: 1.25rem; cursor: pointer; transition: background 0.15s ease; text-decoration: none !important;}.sp-modern .sp-section__action:hover{background: rgba(139, 92, 246, 0.1);}.sp-modern .sp-section__action .material-icons{font-size: 1rem; color: #7c3aed !important;} /* /odoocms_student_portal/static/src/scss/_dashboard.scss */ .sp-modern .sp-quick-stats{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 1.5rem;}@media (min-width: 768px){.sp-modern .sp-quick-stats{grid-template-columns: repeat(3, 1fr);}}@media (min-width: 1024px){.sp-modern .sp-quick-stats{grid-template-columns: repeat(4, 1fr);}}@media (min-width: 1280px){.sp-modern .sp-quick-stats{grid-template-columns: repeat(6, 1fr);}}.sp-modern .sp-header-banner{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 1.875rem; padding: 1.5rem 2rem; margin-bottom: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem;}@media (max-width: 768px){.sp-modern .sp-header-banner{padding: 1rem; flex-direction: column; align-items: flex-start;}}.sp-modern .sp-banner-profile{display: flex; align-items: center; gap: 1.25rem;}.sp-modern .sp-banner-avatar{position: relative;}.sp-modern .sp-banner-avatar .sp-online-dot{position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: #10b981; border-radius: 9999px; border: 2px solid #1e293b; animation: livePulse 1.5s ease-in-out infinite;}.sp-modern .sp-banner-info__name{font-size: 1.5rem; font-weight: 800; color: #ffffff; margin: 0; letter-spacing: -0.02em;}.sp-modern .sp-banner-info__id{font-size: 0.875rem; font-weight: 500; color: #94a3b8; margin: 0.25rem 0 0;}.sp-modern .sp-banner-info__dept{font-size: 0.75rem; color: #64748b; margin: 0.25rem 0 0;}.sp-modern .sp-banner-info__badges{display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem;}.sp-modern .sp-banner-badge{position: relative; overflow: hidden; padding: 0.375rem 0.625rem; font-size: 0.75rem; font-weight: 500; border-radius: 0.75rem; border: 1px solid;}.sp-modern .sp-banner-badge::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 2s infinite;}.sp-modern .sp-banner-badge--amber{background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(249, 115, 22, 0.2)); color: rgba(251, 191, 36, 0.9); border-color: rgba(245, 158, 11, 0.3);}.sp-modern .sp-banner-badge--violet{background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(168, 85, 247, 0.2)); color: rgba(167, 139, 250, 0.9); border-color: rgba(139, 92, 246, 0.3);}.sp-modern .sp-banner-badge--emerald{background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2)); color: rgba(52, 211, 153, 0.9); border-color: rgba(16, 185, 129, 0.3);}.sp-modern .sp-banner-stats{flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; width: 100%;}@media (min-width: 1024px){.sp-modern .sp-banner-stats{grid-template-columns: repeat(4, 1fr); margin-left: 1.5rem;}}.sp-modern .sp-banner-stat{background: rgba(30, 41, 59, 0.5); border-radius: 1.5rem; padding: 1rem; border: 1px solid rgba(51, 65, 85, 0.5); transition: border-color 0.15s ease; cursor: default;}.sp-modern .sp-banner-stat:hover{border-color: rgba(139, 92, 246, 0.5);}.sp-modern .sp-banner-stat__label{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin: 0 0 0.25rem;}.sp-modern .sp-banner-stat__value{font-size: 0.875rem; font-weight: 700; color: #ffffff; margin: 0;}.sp-modern .sp-banner-stat__sub{font-size: 0.75rem; color: #64748b; margin: 0.25rem 0 0;}.sp-modern .sp-banner-stat__progress{display: flex; gap: 0.25rem; margin-top: 0.5rem;}.sp-modern .sp-banner-stat__dot{height: 4px; flex: 1; border-radius: 9999px; background: #475569;}.sp-modern .sp-banner-stat__dot--filled{background: #0ea5e9;}.sp-modern .sp-banner-stat--standing{background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2)); border-color: rgba(16, 185, 129, 0.3);}.sp-modern .sp-banner-stat--standing:hover{border-color: rgba(52, 211, 153, 0.5);}.sp-modern .sp-banner-stat--standing .sp-banner-stat__label{color: #34d399;}.sp-modern .sp-banner-stat--standing .sp-banner-stat__value{font-size: 1.125rem; font-weight: 800;}.sp-modern .sp-banner-stat--standing .sp-banner-stat__sub{color: rgba(52, 211, 153, 0.7);}.sp-modern .sp-banner-stat--cgpa .sp-banner-stat__value{font-size: 1.5rem; font-weight: 800; background: linear-gradient(135deg, #fbbf24, #f97316); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-modern .sp-banner-ring{display: none; flex-direction: column; align-items: center;}@media (min-width: 1280px){.sp-modern .sp-banner-ring{display: flex;}}.sp-modern .sp-banner-ring__label{text-align: center; color: #94a3b8; font-size: 0.75rem; font-weight: 500; margin-top: 0.5rem;}.sp-modern .sp-courses-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}.sp-modern .sp-today-section{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1.25rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-today-list{list-style: none; padding: 0; margin: 0;}.sp-modern .sp-today-item{display: flex; align-items: center; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-today-item:last-child{border-bottom: none;}.sp-modern .sp-today-time{min-width: 70px; text-align: center;}.sp-modern .sp-today-time__from{font-size: 0.875rem; font-weight: 700; color: #1e293b; display: block;}.sp-modern .sp-today-time__to{font-size: 0.625rem; color: #94a3b8; display: block;}.sp-modern .sp-today-divider{width: 3px; height: 40px; border-radius: 9999px; flex-shrink: 0;}.sp-modern .sp-today-divider--emerald{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-today-divider--amber{background: linear-gradient(135deg, #fbbf24, #f97316);}.sp-modern .sp-today-divider--sky{background: linear-gradient(135deg, #38bdf8, #3b82f6);}.sp-modern .sp-today-divider--violet{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-modern .sp-today-divider--rose{background: linear-gradient(135deg, #fb7185, #db2777);}.sp-modern .sp-today-info{flex: 1; min-width: 0;}.sp-modern .sp-today-info__name{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-today-info__room{font-size: 0.75rem; color: #64748b; margin: 0.25rem 0 0;}.sp-modern .sp-today-now{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.5rem; background: #10b981; color: #ffffff; font-size: 0.5rem; font-weight: 800; border-radius: 0.5rem; text-transform: uppercase;}.sp-modern .sp-today-now .sp-now-dot{width: 4px; height: 4px; border-radius: 9999px; background: #ffffff; animation: pulseDot 1s ease-in-out infinite;}.sp-modern .sp-today-status{padding: 0.25rem 0.5rem; border-radius: 0.5rem; font-size: 0.625rem; font-weight: 700;}.sp-modern .sp-today-status--present{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-modern .sp-today-status--absent{background: rgba(244, 63, 94, 0.1); color: #e11d48;}.sp-modern .sp-announcements-grid{display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-empty-state{text-align: center; padding: 2rem 1rem; color: #94a3b8;}.sp-modern .sp-empty-state .material-icons{font-size: 3rem; color: #cbd5e1 !important; margin-bottom: 0.75rem;}.sp-modern .sp-empty-state__text{font-size: 0.875rem; font-weight: 500;} /* /odoocms_student_portal/static/src/scss/_invoices.scss */ .sp-modern .sp-page-header{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.sp-modern .sp-page-header__info h1, .sp-modern .sp-page-header__info .h1{font-size: 1.5rem; font-weight: 800; color: #1e293b; margin: 0 0 0.25rem; display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-page-header__info h1 .material-icons, .sp-modern .sp-page-header__info .h1 .material-icons{font-size: 1.75rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-modern .sp-page-header__info p{font-size: 0.875rem; color: #64748b; margin: 0;}.sp-modern .sp-page-actions{display: flex; gap: 0.5rem; flex-wrap: wrap;}.sp-modern .sp-btn{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.25rem; font-size: 0.875rem; font-weight: 600; border-radius: 1.25rem; border: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; white-space: nowrap;}.sp-modern .sp-btn .material-icons{font-size: 1.125rem;}.sp-modern .sp-btn--primary{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4);}.sp-modern .sp-btn--primary:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5); color: #ffffff; text-decoration: none;}.sp-modern .sp-btn--outline{background: #ffffff; color: #334155; border: 1px solid #e2e8f0;}.sp-modern .sp-btn--outline:hover{background: #f8fafc; border-color: #cbd5e1; transform: translateY(-1px); text-decoration: none;}.sp-modern .sp-btn--success{background: linear-gradient(135deg, #10b981, #0d9488); color: #ffffff; box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);}.sp-modern .sp-btn--success:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5); color: #ffffff; text-decoration: none;}.sp-modern .sp-btn--danger{background: linear-gradient(135deg, #fb7185, #db2777); color: #ffffff;}.sp-modern .sp-btn--danger:hover{transform: translateY(-2px); color: #ffffff; text-decoration: none;}.sp-modern .sp-filter-bar{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1rem 1.25rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-filter-bar__search{flex: 1; min-width: 200px; position: relative;}.sp-modern .sp-filter-bar__search .material-icons{position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 1.25rem;}.sp-modern .sp-filter-bar__search input{width: 100%; padding: 0.5rem 0.75rem 0.5rem 2.5rem; border: 1px solid #e2e8f0; border-radius: 1.25rem; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; color: #334155; background: #ffffff; transition: all 0.15s ease; outline: none;}.sp-modern .sp-filter-bar__search input::placeholder{color: #94a3b8;}.sp-modern .sp-filter-bar__search input:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-filter-bar__select{position: relative;}.sp-modern .sp-filter-bar__select select{appearance: none; padding: 0.5rem 2.5rem 0.5rem 0.75rem; border: 1px solid #e2e8f0; border-radius: 1.25rem; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; color: #334155; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; cursor: pointer; outline: none; min-width: 140px; transition: all 0.15s ease;}.sp-modern .sp-filter-bar__select select:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-invoice-section{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 1.5rem;}.sp-modern .sp-section-header{padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: flex; align-items: center; gap: 0.75rem;}.sp-modern .sp-section-header h2, .sp-modern .sp-section-header .h2{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-section-header .material-icons{font-size: 1.5rem; color: #8b5cf6;}.sp-modern .sp-table-wrap{overflow-x: auto; -webkit-overflow-scrolling: touch;}.sp-modern .sp-table{width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.875rem;}.sp-modern .sp-table thead th{background: linear-gradient(135deg, #1e293b, #312c5f); color: #ffffff; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.75rem 1rem; white-space: nowrap; border: none;}.sp-modern .sp-table thead th:first-child{border-radius: 1rem 0 0 0;}.sp-modern .sp-table thead th:last-child{border-radius: 0 1rem 0 0;}.sp-modern .sp-table tbody tr{transition: background 0.15s ease;}.sp-modern .sp-table tbody tr:hover{background: rgba(139, 92, 246, 0.03);}.sp-modern .sp-table tbody tr:last-child td{border-bottom: none;}.sp-modern .sp-table tbody td{padding: 0.75rem 1rem; color: #334155; border-bottom: 1px solid #f1f5f9; vertical-align: middle; white-space: nowrap;}.sp-modern .sp-table__amount{font-weight: 700; font-variant-numeric: tabular-nums; color: #1e293b;}.sp-modern .sp-table__date{color: #64748b; font-size: 0.75rem;}.sp-modern .sp-table__term{font-weight: 600; color: #334155;}.sp-modern .sp-status{display: inline-flex; align-items: center; padding: 0.2rem 0.75rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; letter-spacing: 0.02em; text-transform: capitalize;}.sp-modern .sp-status--paid{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-modern .sp-status--pending, .sp-modern .sp-status--unpaid, .sp-modern .sp-status--not_paid{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-status--draft{background: rgba(100, 116, 139, 0.1); color: #475569;}.sp-modern .sp-status--overdue{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-modern .sp-status--in_payment{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-modern .sp-action-icons{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-action-icon{width: 2rem; height: 2rem; border-radius: 0.5rem; display: inline-flex; align-items: center; justify-content: center; color: #64748b; transition: all 0.15s ease; text-decoration: none; border: none; background: none; cursor: pointer;}.sp-modern .sp-action-icon .material-icons{font-size: 1.125rem;}.sp-modern .sp-action-icon:hover{background: rgba(139, 92, 246, 0.08); color: #7c3aed; text-decoration: none;}.sp-modern .sp-action-icon--print:hover{background: rgba(14, 165, 233, 0.08); color: #0284c7;}.sp-modern .sp-action-icon--download:hover{background: rgba(16, 185, 129, 0.08); color: #059669;}.sp-modern .sp-pay-link{font-size: 0.75rem; font-weight: 700; color: #f43f5e; text-decoration: none; padding: 0.25rem 0.5rem; border-radius: 0.5rem; transition: all 0.15s ease;}.sp-modern .sp-pay-link:hover{background: rgba(244, 63, 94, 0.08); color: #e11d48; text-decoration: none;}.sp-modern .sp-empty-row td{text-align: center; padding: 2.5rem 1rem !important; color: #94a3b8;}.sp-modern .sp-empty-row td .material-icons{font-size: 3rem; display: block; margin-bottom: 0.5rem; color: #cbd5e1;}.sp-modern .sp-modal-overlay{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.5); backdrop-filter: blur(4px); z-index: 9998; animation: fadeIn 0.2s ease;}.sp-modern .sp-modal-overlay.active{display: flex; align-items: center; justify-content: center;}.sp-modern .sp-modal{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); max-width: 640px; width: 90%; max-height: 85vh; overflow-y: auto; animation: scaleIn 0.25s ease; z-index: 9999;}.sp-modern .sp-modal__header{padding: 1.25rem 1.5rem; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: space-between;}.sp-modern .sp-modal__header h3, .sp-modern .sp-modal__header .h3{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-modal__header .sp-modal__close{width: 2rem; height: 2rem; border-radius: 0.5rem; border: none; background: none; cursor: pointer; color: #94a3b8; display: flex; align-items: center; justify-content: center; transition: all 0.15s ease;}.sp-modern .sp-modal__header .sp-modal__close:hover{background: #f1f5f9; color: #475569;}.sp-modern .sp-modal__body{padding: 1.25rem 1.5rem;}.sp-modern .sp-modal__footer{padding: 1rem 1.5rem; border-top: 1px solid #f1f5f9; display: flex; justify-content: flex-end; gap: 0.5rem;}.sp-modern .sp-modal__select{width: 100%; appearance: none; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-radius: 1rem; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; color: #334155; background: #ffffff; outline: none; transition: all 0.15s ease;}.sp-modern .sp-modal__select:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-modal__label{display: block; font-size: 0.75rem; font-weight: 600; color: #475569; margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.04em;}.sp-modern .sp-modal__note{font-size: 0.75rem; color: #f43f5e; margin-top: 0.75rem;}.sp-modern .sp-modal-table{width: 100%; border-collapse: collapse; font-size: 0.875rem; margin-bottom: 1rem;}.sp-modern .sp-modal-table th{font-size: 0.75rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.5rem 0.75rem; border-bottom: 2px solid #e2e8f0; text-align: left;}.sp-modern .sp-modal-table td{padding: 0.5rem 0.75rem; color: #334155; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-due-banner{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1rem 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem; border-left: 4px solid #f59e0b;}.sp-modern .sp-due-banner--overdue{border-left-color: #f43f5e; background: rgba(244, 63, 94, 0.04);}.sp-modern .sp-due-banner--upcoming{border-left-color: #f59e0b; background: rgba(245, 158, 11, 0.04);}.sp-modern .sp-due-banner__icon{display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 1rem; flex-shrink: 0;}.sp-modern .sp-due-banner--overdue .sp-modern .sp-due-banner__icon{background: rgba(244, 63, 94, 0.12);}.sp-modern .sp-due-banner--overdue .sp-modern .sp-due-banner__icon .material-icons{color: #f43f5e;}.sp-modern .sp-due-banner--upcoming .sp-modern .sp-due-banner__icon{background: rgba(245, 158, 11, 0.12);}.sp-modern .sp-due-banner--upcoming .sp-modern .sp-due-banner__icon .material-icons{color: #f59e0b;}.sp-modern .sp-due-banner__content{flex: 1;}.sp-modern .sp-due-banner__content strong{display: block; font-size: 0.875rem; color: #1e293b;}.sp-modern .sp-due-banner__content span{font-size: 0.75rem; color: #64748b;}.sp-modern .sp-due-banner__countdown{text-align: center; padding: 0.5rem 1rem; border-radius: 1rem; background: rgba(245, 158, 11, 0.1);}.sp-modern .sp-due-banner--overdue .sp-modern .sp-due-banner__countdown{background: rgba(244, 63, 94, 0.1);}.sp-modern .sp-due-banner__days{display: block; font-size: 1.5rem; font-weight: 800; color: #d97706; line-height: 1;}.sp-modern .sp-due-banner--overdue .sp-modern .sp-due-banner__days{color: #e11d48;}.sp-modern .sp-due-banner__label{font-size: 0.625rem; text-transform: uppercase; font-weight: 700; color: #64748b; letter-spacing: 0.04em;}.sp-modern .sp-invoice-chart{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1.25rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-invoice-chart__donut{width: 160px; height: 160px; flex-shrink: 0;}.sp-modern .sp-invoice-chart__legend{display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-invoice-chart__summary{margin-top: 0.5rem; font-size: 0.75rem; color: #64748b;}.sp-modern .sp-chart-legend-item{display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; color: #475569;}.sp-modern .sp-chart-legend-dot{width: 10px; height: 10px; border-radius: 9999px; flex-shrink: 0;}.sp-modern .sp-chart-legend-dot--paid{background: #10b981;}.sp-modern .sp-chart-legend-dot--pending{background: #f59e0b;}.sp-modern .sp-chart-legend-dot--overdue{background: #f43f5e;}.sp-modern .sp-status__icon{font-size: 0.75rem !important; margin-right: 0.2rem; vertical-align: middle; line-height: 1;}.sp-modern .sp-animate-row{opacity: 0; transform: translateY(10px); animation: slideRowIn 0.4s ease-out forwards;}@keyframes slideRowIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}.sp-modern .sp-row-stagger-1{animation-delay: 0.03s;}.sp-modern .sp-row-stagger-2{animation-delay: 0.06s;}.sp-modern .sp-row-stagger-3{animation-delay: 0.09s;}.sp-modern .sp-row-stagger-4{animation-delay: 0.12s;}.sp-modern .sp-row-stagger-5{animation-delay: 0.15s;}.sp-modern .sp-row-stagger-6{animation-delay: 0.18s;}.sp-modern .sp-row-stagger-7{animation-delay: 0.21s;}.sp-modern .sp-row-stagger-8{animation-delay: 0.24s;}.sp-modern .sp-row-stagger-9{animation-delay: 0.27s;}.sp-modern .sp-row-stagger-10{animation-delay: 0.3s;}.sp-modern .sp-row-stagger-11{animation-delay: 0.33s;}.sp-modern .sp-row-stagger-12{animation-delay: 0.36s;}.sp-modern .sp-row-stagger-13{animation-delay: 0.39s;}.sp-modern .sp-row-stagger-14{animation-delay: 0.42s;}.sp-modern .sp-row-stagger-15{animation-delay: 0.45s;}.sp-modern .sp-row-stagger-16{animation-delay: 0.48s;}.sp-modern .sp-row-stagger-17{animation-delay: 0.51s;}.sp-modern .sp-row-stagger-18{animation-delay: 0.54s;}.sp-modern .sp-row-stagger-19{animation-delay: 0.57s;}.sp-modern .sp-row-stagger-20{animation-delay: 0.6s;}.sp-modern .sp-counter{font-variant-numeric: tabular-nums;}.sp-modern .sp-row-type--main_challan{border-left: 3px solid #8b5cf6;}.sp-modern .sp-row-type--2nd_challan{border-left: 3px solid #0ea5e9;}.sp-modern .sp-row-type--admission{border-left: 3px solid #10b981;}.sp-modern .sp-row-type--admission_2nd_challan{border-left: 3px solid #0d9488;}.sp-modern .sp-row-type--add_drop{border-left: 3px solid #f59e0b;}.sp-modern .sp-row-type--prospectus_challan{border-left: 3px solid #94a3b8;}.sp-modern .sp-row-type--hostel_fee{border-left: 3px solid #6366f1;}.sp-modern .sp-row-type--misc_challan{border-left: 3px solid #f43f5e;}.sp-modern .sp-row-type--installment{border-left: 3px solid #f97316;}.sp-modern .sp-row-type--main{border-left: 3px solid #a78bfa;}.sp-modern .sp-th-sortable{cursor: pointer; user-select: none;}.sp-modern .sp-th-sortable:hover{background: rgba(255, 255, 255, 0.08);}.sp-modern .sp-th-sortable:focus-visible{outline: 2px solid #a78bfa; outline-offset: -2px;}.sp-modern .sp-sort-icon{font-size: 0.875rem !important; vertical-align: middle; opacity: 0.5; margin-left: 0.2rem; transition: opacity 0.15s ease;}.sp-modern .sp-th-sortable[aria-sort="ascending"] .sp-sort-icon, .sp-modern .sp-th-sortable[aria-sort="descending"] .sp-sort-icon{opacity: 1;}.sp-modern .sp-detail-row td{padding: 0 !important; border-bottom: none !important;}.sp-modern .sp-detail-content{padding: 1rem 1.5rem; background: #f8fafc; border-top: 1px dashed #e2e8f0; animation: slideDetailDown 0.25s ease-out;}@keyframes slideDetailDown{from{opacity: 0; max-height: 0; overflow: hidden;}to{opacity: 1; max-height: 500px; overflow: visible;}}.sp-modern .sp-detail-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75rem;}.sp-modern .sp-detail-item__label{font-size: 0.625rem; font-weight: 600; text-transform: uppercase; color: #64748b; letter-spacing: 0.04em; display: block;}.sp-modern .sp-detail-item__value{font-size: 0.875rem; font-weight: 700; color: #1e293b;}.sp-modern .sp-detail-item__value--danger{color: #e11d48;}.sp-modern .sp-detail-item__value--success{color: #059669;}.sp-modern .sp-detail-table{width: 100%; font-size: 0.75rem; border-collapse: collapse;}.sp-modern .sp-detail-table th{font-weight: 600; color: #64748b; padding: 0.5rem; border-bottom: 1px solid #e2e8f0; text-align: left;}.sp-modern .sp-detail-table td{padding: 0.5rem; color: #334155; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-detail-summary{margin-top: 0.75rem; font-size: 0.75rem; font-weight: 600; color: #059669;}.sp-modern .sp-invoice-row{cursor: pointer;}.sp-modern .sp-invoice-row[aria-expanded="true"]{background: rgba(139, 92, 246, 0.04);}.sp-modern .sp-filter-bar__tabs{display: flex; gap: 0.25rem; flex-wrap: wrap; flex: 2; min-width: 200px;}.sp-modern .sp-filter-tab{padding: 0.25rem 0.75rem; border-radius: 9999px; border: 1px solid #e2e8f0; background: #ffffff; font-size: 0.625rem; font-weight: 600; color: #475569; cursor: pointer; transition: all 0.15s ease; white-space: nowrap; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-modern .sp-filter-tab:hover{border-color: #a78bfa; color: #7c3aed;}.sp-modern .sp-filter-tab:focus-visible{outline: 2px solid #a78bfa; outline-offset: 1px;}.sp-modern .sp-filter-tab--active{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; border-color: transparent;}.sp-modern .sp-btn--sm{padding: 0.25rem 0.75rem; font-size: 0.75rem;}.sp-modern .sp-btn--sm .material-icons{font-size: 1rem;}.sp-modern .sp-section-header{justify-content: space-between;}.sp-modern .sp-section-header__left{display: flex; align-items: center; gap: 0.75rem;}.sp-modern .sp-section-header__left h2, .sp-modern .sp-section-header__left .h2{margin: 0;}.sp-modern .sp-section-header__left .material-icons{font-size: 1.5rem; color: #8b5cf6;}.sp-modern .sp-section-header__actions{display: flex; gap: 0.5rem;}.sp-modern .sp-table--sticky thead th{position: sticky; top: 0; z-index: 10;}.sp-modern .sp-due-label{display: block; font-size: 0.625rem; font-weight: 700; margin-top: 2px; line-height: 1.2;}.sp-modern .sp-due-label--overdue{color: #f43f5e;}.sp-modern .sp-due-label--urgent{color: #d97706;}.sp-modern .sp-due-label--soon{color: #0ea5e9;}.sp-modern .sp-invoice-cards{display: none;}.sp-modern .sp-invoice-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; overflow: hidden; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-invoice-card__header{padding: 0.75rem 1rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-invoice-card__type{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.04em;}.sp-modern .sp-invoice-card__body{padding: 0.75rem 1rem;}.sp-modern .sp-invoice-card__row{display: flex; justify-content: space-between; padding: 0.25rem 0; font-size: 0.75rem; border-bottom: 1px dashed #f1f5f9;}.sp-modern .sp-invoice-card__row:last-child{border-bottom: none;}.sp-modern .sp-invoice-card__label{color: #64748b; font-weight: 500;}.sp-modern .sp-invoice-card__amount{font-weight: 700; color: #1e293b;}.sp-modern .sp-invoice-card__actions{padding: 0.75rem 1rem; border-top: 1px solid #f1f5f9; display: flex; gap: 0.5rem; align-items: center;}.sp-modern .sp-skeleton-wrap--hidden{display: none;}.sp-modern .sp-skeleton-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-modern .sp-skeleton-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1.25rem;}.sp-modern .sp-skeleton-line{position: relative; overflow: hidden; border-radius: 0.5rem; background: #e2e8f0;}.sp-modern .sp-skeleton-line::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 2s infinite;}.sp-modern .sp-skeleton-line--lg{height: 1.5rem; width: 60%; margin-bottom: 0.5rem;}.sp-modern .sp-skeleton-line--sm{height: 0.75rem; width: 40%;}.sp-modern .sp-skeleton-table{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1.25rem;}.sp-modern .sp-skeleton-row{display: flex; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-skeleton-cell{position: relative; overflow: hidden; height: 1rem; border-radius: 0.5rem; background: #e2e8f0; flex: 1;}.sp-modern .sp-skeleton-cell::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 2s infinite;}.sp-modern .sp-sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}.sp-modern .sp-invoice-row:focus-visible, .sp-modern .sp-filter-tab:focus-visible, .sp-modern .sp-btn:focus-visible, .sp-modern .sp-modal__close:focus-visible{outline: 2px solid #a78bfa; outline-offset: 2px;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes scaleIn{from{opacity: 0; transform: scale(0.95);}to{opacity: 1; transform: scale(1);}}@keyframes slideUpModal{from{transform: translateY(100%); opacity: 0;}to{transform: translateY(0); opacity: 1;}}.dark .sp-modern .sp-page-header__info h1, .dark .sp-modern .sp-page-header__info .h1{color: #ffffff;}.dark .sp-modern .sp-page-header__info p{color: #94a3b8;}.dark .sp-modern .sp-filter-bar{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-filter-bar input, .dark .sp-modern .sp-filter-bar select{background: #1e293b; border-color: #334155; color: #e2e8f0;}.dark .sp-modern .sp-invoice-section{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-section-header h2, .dark .sp-modern .sp-section-header .h2{color: #f1f5f9;}.dark .sp-modern .sp-table thead th{background: linear-gradient(135deg, #0f172a, #302265);}.dark .sp-modern .sp-table tbody td{color: #cbd5e1; border-bottom-color: #334155;}.dark .sp-modern .sp-table tbody tr:hover{background: rgba(139, 92, 246, 0.06);}.dark .sp-modern .sp-table__amount{color: #f1f5f9;}.dark .sp-modern .sp-table__term{color: #e2e8f0;}.dark .sp-modern .sp-modal{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-modal__header{border-bottom-color: #334155;}.dark .sp-modern .sp-modal__header h3, .dark .sp-modern .sp-modal__header .h3{color: #f1f5f9;}.dark .sp-modern .sp-modal__footer{border-top-color: #334155;}.dark .sp-modern .sp-modal-table th{color: #94a3b8; border-bottom-color: #334155;}.dark .sp-modern .sp-modal-table td{color: #cbd5e1; border-bottom-color: #334155;}.dark .sp-modern .sp-btn--outline{background: #1e293b; color: #e2e8f0; border-color: #334155;}.dark .sp-modern .sp-btn--outline:hover{background: #334155;}.dark .sp-modern .sp-due-banner{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-due-banner__content strong{color: #f1f5f9;}.dark .sp-modern .sp-due-banner__content span{color: #94a3b8;}.dark .sp-modern .sp-due-banner--overdue{background: rgba(244, 63, 94, 0.08); border-left-color: #fb7185;}.dark .sp-modern .sp-due-banner--upcoming{background: rgba(245, 158, 11, 0.08); border-left-color: #fbbf24;}.dark .sp-modern .sp-invoice-chart{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-chart-legend-item{color: #cbd5e1;}.dark .sp-modern .sp-filter-tab{background: #1e293b; border-color: #334155; color: #cbd5e1;}.dark .sp-modern .sp-filter-tab--active{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; border-color: transparent;}.dark .sp-modern .sp-detail-content{background: rgba(30, 41, 59, 0.6); border-top-color: #334155;}.dark .sp-modern .sp-detail-item__label{color: #94a3b8;}.dark .sp-modern .sp-detail-item__value{color: #f1f5f9;}.dark .sp-modern .sp-detail-table th{color: #94a3b8; border-color: #334155;}.dark .sp-modern .sp-detail-table td{color: #cbd5e1; border-color: #334155;}.dark .sp-modern .sp-due-label--overdue{color: #fb7185;}.dark .sp-modern .sp-due-label--urgent{color: #fbbf24;}.dark .sp-modern .sp-due-label--soon{color: #38bdf8;}.dark .sp-modern .sp-invoice-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-invoice-card__header{border-color: #334155;}.dark .sp-modern .sp-invoice-card__row{border-color: #334155;}.dark .sp-modern .sp-invoice-card__actions{border-color: #334155;}.dark .sp-modern .sp-invoice-card__amount{color: #f1f5f9;}.dark .sp-modern .sp-skeleton-card, .dark .sp-modern .sp-skeleton-table{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-skeleton-line, .dark .sp-modern .sp-skeleton-cell{background: #334155;}@media (max-width: 768px){.sp-modern .sp-page-header{flex-direction: column; gap: 0.75rem;}.sp-modern .sp-page-actions{width: 100%; justify-content: flex-start;}.sp-modern .sp-filter-bar{flex-direction: column; align-items: stretch;}.sp-modern .sp-filter-bar__search{min-width: unset;}.sp-modern .sp-filter-bar__tabs{min-width: unset;}.sp-modern .sp-filter-bar__select select{width: 100%;}.sp-modern .sp-section-header{padding: 1rem;}.sp-modern .sp-skeleton-stats{grid-template-columns: repeat(2, 1fr);}.sp-modern .sp-due-banner{flex-wrap: wrap; padding: 0.75rem 1rem;}.sp-modern .sp-invoice-chart{flex-direction: column; align-items: center; text-align: center;}}@media (max-width: 639px){.sp-modern .sp-table-wrap{display: none;}.sp-modern .sp-invoice-cards{display: grid; grid-template-columns: 1fr; gap: 0.75rem; padding: 1rem;}.sp-modern .sp-modal-overlay--enhanced{align-items: flex-end !important; justify-content: stretch !important;}.sp-modern .sp-modal--enhanced{border-radius: 1.5rem 1.5rem 0 0; max-width: 100%; width: 100%; max-height: 90vh; animation: slideUpModal 0.3s ease;}}.sp-modern .sp-tab-nav{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 0.5rem; display: flex; gap: 0.25rem; flex-wrap: wrap; margin-bottom: 1.25rem;}.sp-modern .sp-tab-nav__item{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-radius: 1rem; border: none; background: transparent; font-size: 0.875rem; font-weight: 600; color: #475569; cursor: pointer; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; position: relative; white-space: nowrap;}.sp-modern .sp-tab-nav__item i{font-size: 1.125rem;}.sp-modern .sp-tab-nav__item:hover{background: rgba(139, 92, 246, 0.08); color: #7c3aed;}.sp-modern .sp-tab-nav__item--active{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4);}.sp-modern .sp-tab-nav__item--active:hover{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff;}.sp-modern .sp-tab-nav__item:focus-visible{outline: 2px solid #a78bfa; outline-offset: 2px;}.sp-modern .sp-tab-nav__badge{display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 9999px; font-size: 0.625rem; font-weight: 700; background: rgba(244, 63, 94, 0.15); color: #f43f5e;}.sp-tab-nav__item--active .sp-modern .sp-tab-nav__badge{background: rgba(255, 255, 255, 0.25); color: #ffffff;}.sp-modern .sp-tab-nav__badge--muted{background: rgba(100, 116, 139, 0.1); color: #94a3b8;}.sp-modern .sp-tab-panel{display: none;}.sp-modern .sp-tab-panel--active{display: block; animation: tabFadeIn 0.35s ease-out forwards;}@keyframes tabFadeIn{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: translateY(0);}}.sp-modern .sp-analytics-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem;}.sp-modern .sp-analytics-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: hidden;}.sp-modern .sp-analytics-card--full{grid-column: 1 / -1;}.sp-modern .sp-analytics-card__header{display: flex; align-items: center; gap: 0.5rem; padding: 1rem 1.25rem; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-analytics-card__header i{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-analytics-card__header h3, .sp-modern .sp-analytics-card__header .h3{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-analytics-card__body{padding: 1.25rem; display: flex; align-items: center; justify-content: center;}.sp-modern .sp-analytics-card__body canvas{max-width: 100%; max-height: 300px;}.sp-modern .sp-reminders-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; align-items: start;}.sp-modern .sp-reminder-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-reminder-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; border-left: 4px solid #f59e0b; overflow: hidden; transition: transform 0.15s ease, box-shadow 0.15s ease;}.sp-modern .sp-reminder-card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-reminder-card--overdue{border-left-color: #f43f5e;}.sp-modern .sp-reminder-card--pending{border-left-color: #f59e0b;}.sp-modern .sp-reminder-card__body{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; gap: 1rem;}.sp-modern .sp-reminder-card__info{display: flex; flex-direction: column; gap: 0.25rem;}.sp-modern .sp-reminder-card__desc{font-size: 0.875rem; font-weight: 600; color: #1e293b;}.sp-modern .sp-reminder-card__date{font-size: 0.75rem; color: #64748b;}.sp-modern .sp-reminder-card__right{display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem;}.sp-modern .sp-reminder-card__amount{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-modern .sp-notification-settings{padding: 1rem;}.sp-modern .sp-toggle-row{display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-toggle-row:last-of-type{border-bottom: none;}.sp-modern .sp-toggle-row__info{display: flex; align-items: center; gap: 0.75rem;}.sp-modern .sp-toggle-row__icon{font-size: 1.25rem; color: #64748b;}.sp-modern .sp-toggle-row__label{font-size: 0.875rem; font-weight: 600; color: #334155;}.sp-modern .sp-toggle{position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0;}.sp-modern .sp-toggle input{opacity: 0; width: 0; height: 0;}.sp-modern .sp-toggle__slider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #cbd5e1; border-radius: 24px; transition: background 0.15s ease;}.sp-modern .sp-toggle__slider::before{content: ''; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #ffffff; border-radius: 50%; transition: transform 0.15s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}input:checked + .sp-modern .sp-toggle__slider{background: #10b981;}input:checked + .sp-modern .sp-toggle__slider::before{transform: translateX(20px);}input:disabled + .sp-modern .sp-toggle__slider, input.o_wysiwyg_loader + .sp-modern .sp-toggle__slider{opacity: 0.4; cursor: not-allowed;}input:focus-visible + .sp-modern .sp-toggle__slider{outline: 2px solid #a78bfa; outline-offset: 2px;}.sp-modern .sp-notification-settings__footer{padding-top: 1rem; border-top: 1px solid #f1f5f9; margin-top: 0.5rem; display: flex; justify-content: flex-end;}.sp-modern .sp-empty-state{text-align: center; padding: 2.5rem 1rem;}.sp-modern .sp-empty-state i{font-size: 3rem; color: #cbd5e1; margin-bottom: 0.75rem;}.sp-modern .sp-empty-state h3, .sp-modern .sp-empty-state .h3{font-size: 1.125rem; font-weight: 700; color: #334155; margin: 0 0 0.25rem;}.sp-modern .sp-empty-state p{font-size: 0.875rem; color: #64748b; margin: 0;}.sp-modern .sp-installment-row--overdue{background: rgba(244, 63, 94, 0.04);}.dark .sp-modern .sp-tab-nav{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-tab-nav__item{color: #94a3b8;}.dark .sp-modern .sp-tab-nav__item:hover{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.dark .sp-modern .sp-tab-nav__item--active{color: #ffffff;}.dark .sp-modern .sp-tab-nav__item--active:hover{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff;}.dark .sp-modern .sp-tab-nav__badge{background: rgba(251, 113, 133, 0.2); color: #fb7185;}.dark .sp-modern .sp-tab-nav__badge--muted{background: rgba(148, 163, 184, 0.15); color: #64748b;}.dark .sp-modern .sp-analytics-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-analytics-card__header{border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-analytics-card__header h3, .dark .sp-modern .sp-analytics-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-reminder-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-reminder-card__desc{color: #e2e8f0;}.dark .sp-modern .sp-reminder-card__date{color: #94a3b8;}.dark .sp-modern .sp-reminder-card__amount{color: #f1f5f9;}.dark .sp-modern .sp-empty-state i{color: #475569;}.dark .sp-modern .sp-empty-state h3, .dark .sp-modern .sp-empty-state .h3{color: #e2e8f0;}.dark .sp-modern .sp-empty-state p{color: #94a3b8;}.dark .sp-modern .sp-notification-settings__footer{border-color: #334155;}.dark .sp-modern .sp-toggle-row{border-color: #334155;}.dark .sp-modern .sp-toggle-row__label{color: #e2e8f0;}.dark .sp-modern .sp-toggle-row__icon{color: #94a3b8;}.dark .sp-modern .sp-toggle__slider{background: #475569;}.dark .sp-modern .sp-reminders-grid .sp-invoice-section{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}@media (max-width: 768px){.sp-modern .sp-tab-nav{padding: 0.25rem; gap: 0; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch;}.sp-modern .sp-tab-nav__item{padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-modern .sp-tab-nav__item span{display: none;}.sp-modern .sp-analytics-grid{grid-template-columns: 1fr;}.sp-modern .sp-reminders-grid{grid-template-columns: 1fr;}.sp-modern .sp-reminder-card__body{flex-direction: column; align-items: flex-start;}.sp-modern .sp-reminder-card__right{flex-direction: row; align-items: center; gap: 0.5rem; width: 100%; justify-content: space-between;}} /* /odoocms_student_portal/static/src/scss/_attendance.scss */ .sp-modern .sp-att-warning-banner{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1rem 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem; border-left: 4px solid #f43f5e; background: rgba(244, 63, 94, 0.04); animation: fadeIn 0.4s ease;}.sp-modern .sp-att-warning-banner__icon{display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 1rem; background: rgba(244, 63, 94, 0.12); flex-shrink: 0;}.sp-modern .sp-att-warning-banner__icon .material-icons{color: #f43f5e; font-size: 1.25rem;}.sp-modern .sp-att-warning-banner__content{flex: 1;}.sp-modern .sp-att-warning-banner__content strong{display: block; font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 2px;}.sp-modern .sp-att-warning-banner__content span{font-size: 0.75rem; color: #64748b;}.sp-modern .sp-att-warning-banner__count{text-align: center; padding: 0.5rem 1rem; border-radius: 1rem; background: rgba(244, 63, 94, 0.1);}.sp-modern .sp-att-warning-banner__number{display: block; font-size: 1.5rem; font-weight: 800; color: #e11d48; line-height: 1;}.sp-modern .sp-att-warning-banner__label{font-size: 0.625rem; text-transform: uppercase; font-weight: 700; color: #64748b; letter-spacing: 0.04em;}.sp-modern .sp-att-sub-tabs{display: inline-flex; gap: 0.25rem; padding: 0.25rem; background: #f1f5f9; border-radius: 1.25rem; margin-bottom: 1.25rem;}.sp-modern .sp-att-sub-tab{padding: 0.5rem 1rem; border-radius: 1rem; border: none; background: transparent; font-size: 0.75rem; font-weight: 600; color: #64748b; cursor: pointer; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; white-space: nowrap;}.sp-modern .sp-att-sub-tab:hover{color: #334155;}.sp-modern .sp-att-sub-tab--active{background: #ffffff; color: #1e293b; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-att-courses-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 1.5rem;}.sp-modern .sp-att-course-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: hidden; position: relative; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-att-course-card::before{content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); transform: rotate(45deg); transition: all 0.5s; opacity: 0;}.sp-modern .sp-att-course-card:hover::before{opacity: 1; left: 100%; top: 100%;}.sp-modern .sp-att-course-card:hover{transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);}.sp-modern .sp-att-course-card__bar{height: 4px;}.sp-modern .sp-att-course-card__bar--emerald{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-att-course-card__bar--amber{background: linear-gradient(135deg, #fbbf24, #f97316);}.sp-modern .sp-att-course-card__bar--rose{background: linear-gradient(135deg, #fb7185, #db2777);}.sp-modern .sp-att-course-card__body{padding: 1.25rem;}.sp-modern .sp-att-course-card__top{display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.75rem;}.sp-modern .sp-att-course-card__info{flex: 1; min-width: 0;}.sp-modern .sp-att-course-card__badges{display: flex; gap: 0.25rem; margin-bottom: 0.5rem; flex-wrap: wrap;}.sp-modern .sp-att-course-card__name{font-weight: 700; font-size: 0.875rem; color: #1e293b; line-height: 1.4; margin: 0 0 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-att-course-card__instructor{font-size: 0.75rem; color: #64748b; display: flex; align-items: center; gap: 0.25rem;}.sp-modern .sp-att-course-card__instructor .material-icons{font-size: 0.875rem;}.sp-modern .sp-att-course-card__rate{text-align: right; flex-shrink: 0;}.sp-modern .sp-att-course-card__stats-row{display: flex; gap: 1rem; margin-bottom: 0.75rem;}.sp-modern .sp-att-course-card__stat{display: flex; flex-direction: column; align-items: center; flex: 1;}.sp-modern .sp-att-course-card__stat-value{font-size: 0.875rem; font-weight: 700; color: #334155;}.sp-modern .sp-att-course-card__stat-label{font-size: 0.625rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.04em;}.sp-modern .sp-att-course-card__footer{display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: 0.75rem;}.sp-modern .sp-att-badge{display: inline-flex; align-items: center; padding: 2px 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; line-height: 1.4;}.sp-modern .sp-att-badge--code{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-modern .sp-att-badge--term{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-modern .sp-att-rate__number{font-size: 1.5rem; font-weight: 800; line-height: 1;}.sp-modern .sp-att-rate__pct{font-size: 0.75rem; font-weight: 700;}.sp-modern .sp-att-rate--excellent .sp-att-rate__number, .sp-modern .sp-att-rate--excellent .sp-att-rate__pct{color: #059669;}.sp-modern .sp-att-rate--good .sp-att-rate__number, .sp-modern .sp-att-rate--good .sp-att-rate__pct{color: #d97706;}.sp-modern .sp-att-rate--at_risk .sp-att-rate__number, .sp-modern .sp-att-rate--at_risk .sp-att-rate__pct{color: #e11d48;}.sp-modern .sp-att-progress{height: 0.4rem; border-radius: 9999px; overflow: hidden; background: #e2e8f0;}.sp-modern .sp-att-progress > div{height: 100%; border-radius: 9999px; animation: progressFill 1.5s ease-out forwards;}.sp-modern .sp-att-progress__fill--excellent{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-att-progress__fill--good{background: linear-gradient(135deg, #fbbf24, #f97316);}.sp-modern .sp-att-progress__fill--at_risk{background: linear-gradient(135deg, #fb7185, #db2777);}.sp-modern .sp-att-status-pill{display: inline-flex; align-items: center; gap: 0.25rem; padding: 2px 0.75rem; border-radius: 9999px; font-size: 0.625rem; font-weight: 700; text-transform: capitalize;}.sp-modern .sp-att-status-pill .material-icons{font-size: 0.75rem;}.sp-modern .sp-att-status-pill--excellent{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-modern .sp-att-status-pill--good{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-att-status-pill--at_risk{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-modern .sp-att-expand-btn{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 0.75rem; border: 1px dashed #cbd5e1; border-radius: 1rem; background: transparent; font-size: 0.625rem; font-weight: 600; color: #64748b; cursor: pointer; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-modern .sp-att-expand-btn .material-icons{font-size: 1rem; transition: transform 0.15s ease;}.sp-modern .sp-att-expand-btn:hover{border-color: #a78bfa; color: #7c3aed; background: rgba(139, 92, 246, 0.04);}.sp-modern .sp-att-expand-btn--expanded .material-icons{transform: rotate(180deg);}.sp-modern .sp-att-detail-panel{display: block; max-height: 0; overflow: hidden; opacity: 0; padding: 0 1.25rem; background: #f8fafc; border-top: 1px dashed #e2e8f0; transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.35s ease;}.sp-modern .sp-att-detail-panel--open{max-height: 3000px; opacity: 1; padding: 1rem 1.25rem;}.sp-modern .sp-att-comp-section{margin-bottom: 1rem;}.sp-modern .sp-att-comp-section:last-child{margin-bottom: 0;}.sp-modern .sp-att-comp-section__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-modern .sp-att-comp-section__header h4, .sp-modern .sp-att-comp-section__header .h4{font-size: 0.75rem; font-weight: 700; color: #334155; text-transform: uppercase; letter-spacing: 0.04em; margin: 0;}.sp-modern .sp-att-comp-section__header .sp-att-comp-pct{font-size: 0.75rem; font-weight: 700; padding: 2px 0.5rem; border-radius: 9999px;}.sp-modern .sp-att-comp-section__header .sp-att-comp-pct--good{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-modern .sp-att-comp-section__header .sp-att-comp-pct--warn{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-att-comp-section__header .sp-att-comp-pct--bad{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-modern .sp-att-detail-table-wrap{overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1rem;}.sp-modern .sp-att-detail-table{width: 100%; border-collapse: collapse; font-size: 0.625rem;}.sp-modern .sp-att-detail-table th{text-align: left; padding: 0.5rem 0.75rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 2px solid #e2e8f0; white-space: nowrap;}.sp-modern .sp-att-detail-table td{padding: 0.5rem 0.75rem; color: #475569; border-bottom: 1px solid #f1f5f9; white-space: nowrap;}.sp-modern .sp-att-detail-table__badge{display: inline-flex; align-items: center; padding: 2px 0.5rem; border-radius: 9999px; font-size: 0.625rem; font-weight: 700;}.sp-modern .sp-att-detail-table__badge--present{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-modern .sp-att-detail-table__badge--late{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-att-detail-table__badge--absent{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-modern .sp-att-detail-table__badge--leave{background: rgba(100, 116, 139, 0.1); color: #475569;}.sp-modern .sp-att-detail-table__fine{color: #d97706; font-weight: 700;}.sp-modern .sp-att-detail-empty{font-size: 0.75rem; color: #94a3b8; padding: 0.75rem 0; margin: 0;}.sp-modern .sp-att-mini-cal{display: flex; flex-wrap: wrap; gap: 1rem; padding-top: 0.5rem;}.sp-modern .sp-att-mini-cal__month{flex: 0 0 auto;}.sp-modern .sp-att-mini-cal__label{display: block; font-size: 0.625rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.25rem;}.sp-modern .sp-att-mini-cal__grid{display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px;}.sp-modern .sp-att-mini-cal__day-hdr{font-size: 0.55rem; font-weight: 700; color: #94a3b8; text-align: center; padding-bottom: 2px;}.sp-modern .sp-att-mini-cal__cell{width: 20px; height: 20px; border-radius: 3px; font-size: 0.55rem; font-weight: 600; color: #94a3b8; display: flex; align-items: center; justify-content: center; transition: transform 0.15s ease; cursor: default;}.sp-modern .sp-att-mini-cal__cell:hover{transform: scale(1.3); z-index: 1;}.sp-modern .sp-att-mini-cal__cell--present{background: rgba(16, 185, 129, 0.2); color: #059669;}.sp-modern .sp-att-mini-cal__cell--late{background: rgba(245, 158, 11, 0.2); color: #d97706;}.sp-modern .sp-att-mini-cal__cell--absent{background: rgba(244, 63, 94, 0.2); color: #e11d48;}.sp-modern .sp-att-mini-cal__cell--leave{background: rgba(100, 116, 139, 0.12); color: #64748b;}.sp-modern .sp-att-activity-list{display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-att-activity-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 1rem; background: #ffffff; border: 1px solid #f1f5f9; transition: all 0.15s ease;}.sp-modern .sp-att-activity-item:hover{border-color: #e2e8f0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-att-activity-item__icon{width: 2rem; height: 2rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-att-activity-item__icon .material-icons{font-size: 0.875rem; color: #ffffff;}.sp-modern .sp-att-activity-item__icon--present{background: #10b981;}.sp-modern .sp-att-activity-item__icon--late{background: #f59e0b;}.sp-modern .sp-att-activity-item__icon--absent{background: #f43f5e;}.sp-modern .sp-att-activity-item__icon--leave{background: #94a3b8;}.sp-modern .sp-att-activity-item__info{flex: 1; min-width: 0;}.sp-modern .sp-att-activity-item__info strong{display: block; font-size: 0.75rem; font-weight: 700; color: #1e293b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-att-activity-item__info span{font-size: 0.625rem; color: #94a3b8;}.sp-modern .sp-att-activity-item__badge{flex-shrink: 0;}.sp-modern .sp-status--present{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(16, 185, 129, 0.12); color: #059669; line-height: 1;}.sp-modern .sp-status--late{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(245, 158, 11, 0.12); color: #d97706; line-height: 1;}.sp-modern .sp-status--absent{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(244, 63, 94, 0.12); color: #e11d48; line-height: 1;}.sp-modern .sp-status--leave{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(100, 116, 139, 0.1); color: #475569; line-height: 1;}.sp-modern .sp-att-chart-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: hidden; margin-bottom: 1.5rem;}.sp-modern .sp-att-chart-card__header{display: flex; align-items: center; gap: 0.5rem; padding: 1rem 1.25rem; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-att-chart-card__header .material-icons{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-att-chart-card__header h3, .sp-modern .sp-att-chart-card__header .h3{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-att-chart-card__body{padding: 1.25rem;}.sp-modern .sp-att-chart-card__body canvas{max-width: 100%; max-height: 280px;}.sp-modern .sp-att-overview-grid{display: grid; grid-template-columns: 1.2fr 1fr; gap: 1.5rem; margin-top: 1.25rem; align-items: stretch;}.sp-modern .sp-att-overview-section{display: flex; flex-direction: column; min-height: 0;}.sp-modern .sp-att-overview-section .sp-att-activity-list{max-height: 340px; overflow-y: auto;}.sp-modern .sp-att-overview-section .sp-att-calc-result{flex: 1; display: flex; flex-direction: column;}.sp-modern .sp-att-overview-section .sp-att-calc-result .sp-att-calc-result__body{flex: 1; display: flex; flex-direction: column; justify-content: center;}.sp-modern .sp-att-overview-section__title{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0;}.sp-modern .sp-att-overview-section__title .material-icons{font-size: 1.125rem; color: #8b5cf6;}.sp-modern .sp-att-calc-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1rem;}.sp-modern .sp-att-form-group{margin-bottom: 1rem;}.sp-modern .sp-att-form-group label{display: block; font-size: 0.75rem; font-weight: 600; color: #475569; margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.04em;}.sp-modern .sp-att-form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;}.sp-modern .sp-att-input, .sp-modern .sp-att-select{width: 100%; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-radius: 1rem; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; color: #334155; background: #ffffff; outline: none; transition: all 0.15s ease;}.sp-modern .sp-att-input:focus, .sp-modern .sp-att-select:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-att-input::placeholder, .sp-modern .sp-att-select::placeholder{color: #94a3b8;}.sp-modern .sp-att-select{appearance: none; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; cursor: pointer;}.sp-modern .sp-att-calc-result{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-att-calc-result__header{padding: 1rem 1.25rem; background: linear-gradient(135deg, #1e293b, #312c5f); color: #ffffff;}.sp-modern .sp-att-calc-result__header h3, .sp-modern .sp-att-calc-result__header .h3{font-size: 0.875rem; font-weight: 700; margin: 0 0 0.25rem;}.sp-modern .sp-att-calc-result__header p{font-size: 0.75rem; color: rgba(255, 255, 255, 0.6); margin: 0;}.sp-modern .sp-att-calc-result__body{padding: 1.25rem;}.sp-modern .sp-att-calc-result__stat{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9; font-size: 0.875rem;}.sp-modern .sp-att-calc-result__stat:last-child{border-bottom: none;}.sp-modern .sp-att-calc-result__stat-label{color: #64748b; font-weight: 500;}.sp-modern .sp-att-calc-result__stat-value{font-weight: 700; color: #1e293b;}.sp-modern .sp-att-calc-result__stat-value--success{color: #059669;}.sp-modern .sp-att-calc-result__stat-value--warning{color: #d97706;}.sp-modern .sp-att-calc-result__stat-value--danger{color: #e11d48;}.sp-modern .sp-att-calc-result__bar{margin-top: 0.75rem;}.sp-modern .sp-att-calc-result__bar-label{display: flex; justify-content: space-between; font-size: 0.625rem; color: #64748b; margin-bottom: 0.25rem;}.sp-modern .sp-att-calc-result__progress{height: 0.5rem; border-radius: 9999px; overflow: hidden; background: #e2e8f0;}.sp-modern .sp-att-calc-result__progress > div{height: 100%; border-radius: 9999px; animation: progressFill 1.5s ease-out forwards;}.sp-modern .sp-att-scenarios-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 1rem;}.sp-modern .sp-att-scenario-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem; border-left: 4px solid #cbd5e1; transition: all 0.15s ease;}.sp-modern .sp-att-scenario-card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-att-scenario-card--safe{border-left-color: #10b981;}.sp-modern .sp-att-scenario-card--warning{border-left-color: #f59e0b;}.sp-modern .sp-att-scenario-card--danger{border-left-color: #f43f5e;}.sp-modern .sp-att-scenario-card__title{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem;}.sp-modern .sp-att-scenario-card__desc{font-size: 0.75rem; color: #64748b; margin: 0 0 0.75rem;}.sp-modern .sp-att-scenario-card__result{display: flex; align-items: baseline; gap: 0.25rem;}.sp-modern .sp-att-scenario-card__pct{font-size: 1.25rem; font-weight: 800;}.sp-modern .sp-att-scenario-card__pct--safe{color: #059669;}.sp-modern .sp-att-scenario-card__pct--warning{color: #d97706;}.sp-modern .sp-att-scenario-card__pct--danger{color: #e11d48;}.sp-modern .sp-att-scenario-card__label{font-size: 0.75rem; color: #94a3b8;}.sp-modern .sp-att-scenario-card__bar{margin-top: 0.75rem; height: 0.35rem; border-radius: 9999px; overflow: hidden; background: #e2e8f0;}.sp-modern .sp-att-scenario-card__bar > div{height: 100%; border-radius: 9999px; animation: progressFill 1.5s ease-out forwards;}.sp-modern .sp-att-planner-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1rem;}.sp-modern .sp-att-goal-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-att-goal-item{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1rem; display: flex; align-items: center; gap: 0.75rem; transition: all 0.15s ease;}.sp-modern .sp-att-goal-item:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-att-goal-item__check{width: 2rem; height: 2rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-att-goal-item__check .material-icons{font-size: 1rem; color: #ffffff;}.sp-modern .sp-att-goal-item__check--achieved{background: #10b981;}.sp-modern .sp-att-goal-item__check--possible{background: #f59e0b;}.sp-modern .sp-att-goal-item__check--unreachable{background: #cbd5e1;}.sp-modern .sp-att-goal-item__info{flex: 1; min-width: 0;}.sp-modern .sp-att-goal-item__target{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-att-goal-item__desc{font-size: 0.625rem; color: #64748b; margin: 0;}.sp-modern .sp-att-goal-item__status{font-size: 0.625rem; font-weight: 700; flex-shrink: 0;}.sp-modern .sp-att-goal-item__status--achieved{color: #059669;}.sp-modern .sp-att-goal-item__status--possible{color: #d97706;}.sp-modern .sp-att-goal-item__status--unreachable{color: #94a3b8;}.sp-modern .sp-att-tip-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1rem; margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 0.75rem;}.sp-modern .sp-att-tip-card__icon{width: 2rem; height: 2rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgba(14, 165, 233, 0.1);}.sp-modern .sp-att-tip-card__icon .material-icons{font-size: 1rem; color: #0ea5e9;}.sp-modern .sp-att-tip-card__text{font-size: 0.75rem; color: #475569; line-height: 1.5; margin: 0;}.sp-modern .sp-att-calc-placeholder{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2.5rem; text-align: center;}.sp-modern .sp-att-calc-placeholder .material-icons{font-size: 3rem; color: #cbd5e1; margin-bottom: 0.75rem;}.sp-modern .sp-att-calc-placeholder p{font-size: 0.875rem; color: #94a3b8; margin: 0;}.sp-modern .sp-att-top-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;}.sp-modern .sp-att-top-row__left{display: flex; flex-direction: column; gap: 1rem;}.sp-modern .sp-att-streak-row{display: flex; gap: 1rem;}.sp-modern .sp-att-highlight-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 1rem 1.25rem; display: flex; align-items: center; gap: 1rem; flex: 1; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-att-highlight-card__ring{width: 3.5rem; height: 3.5rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 3px solid;}.sp-modern .sp-att-highlight-card__ring--excellent{border-color: #10b981; background: rgba(16, 185, 129, 0.08);}.sp-modern .sp-att-highlight-card__ring--good{border-color: #f59e0b; background: rgba(245, 158, 11, 0.08);}.sp-modern .sp-att-highlight-card__ring--at_risk{border-color: #f43f5e; background: rgba(244, 63, 94, 0.08);}.sp-modern .sp-att-highlight-card__ring .sp-att-highlight-card__value{font-size: 0.875rem; font-weight: 800;}.sp-modern .sp-att-highlight-card__ring--excellent .sp-att-highlight-card__value{color: #059669;}.sp-modern .sp-att-highlight-card__ring--good .sp-att-highlight-card__value{color: #d97706;}.sp-modern .sp-att-highlight-card__ring--at_risk .sp-att-highlight-card__value{color: #e11d48;}.sp-modern .sp-att-highlight-card__icon{font-size: 2rem; flex-shrink: 0;}.sp-modern .sp-att-highlight-card__icon--fire{color: #f59e0b;}.sp-modern .sp-att-highlight-card__icon--trophy{color: #8b5cf6;}.sp-modern .sp-att-highlight-card__text{display: flex; flex-direction: column; min-width: 0;}.sp-modern .sp-att-highlight-card__value{font-size: 1.125rem; font-weight: 800; color: #1e293b; line-height: 1.2;}.sp-modern .sp-att-highlight-card__label{font-size: 0.625rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em;}.sp-modern .sp-att-highlight-card__sub{font-size: 0.625rem; color: #94a3b8;}.sp-modern .sp-att-heatmap-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: visible; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-att-heatmap-card__header{display: flex; align-items: center; gap: 0.5rem; padding: 1rem 1.25rem; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-att-heatmap-card__header .material-icons{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-att-heatmap-card__header h3, .sp-modern .sp-att-heatmap-card__header .h3{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-att-heatmap-card__body{padding: 0.75rem 1.25rem; overflow-x: auto;}.sp-modern .sp-att-heatmap-grid{display: flex; gap: 3px; align-items: flex-start;}.sp-modern .sp-att-heatmap-day-labels{display: flex; flex-direction: column; gap: 3px; padding-right: 0.5rem;}.sp-modern .sp-att-heatmap-day-label{height: 18px; font-size: 0.625rem; color: #94a3b8; font-weight: 600; line-height: 18px;}.sp-modern .sp-att-heatmap-month-label{font-size: 0.6rem; color: #94a3b8; font-weight: 600;}.sp-modern .sp-att-heatmap-months{margin-bottom: 0.25rem;}.sp-modern .sp-att-heatmap-week{display: flex; flex-direction: column; gap: 3px;}.sp-modern .sp-att-heatmap-cell{width: 18px; height: 18px; border-radius: 4px; transition: all 0.15s ease; cursor: pointer;}.sp-modern .sp-att-heatmap-cell--empty{background: transparent; cursor: default;}.sp-modern .sp-att-heatmap-cell--empty:hover{transform: none;}.sp-modern .sp-att-heatmap-cell--0{background: #f1f5f9;}.sp-modern .sp-att-heatmap-cell--1{background: rgba(251, 113, 133, 0.6);}.sp-modern .sp-att-heatmap-cell--2{background: rgba(251, 191, 36, 0.7);}.sp-modern .sp-att-heatmap-cell--3{background: rgba(52, 211, 153, 0.6);}.sp-modern .sp-att-heatmap-cell--4{background: #10b981;}.sp-modern .sp-att-heatmap-cell:hover{transform: scale(1.35); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); z-index: 2;}.sp-modern .sp-att-heatmap-legend{display: flex; align-items: center; gap: 4px; margin-top: 0.75rem; justify-content: flex-end;}.sp-modern .sp-att-heatmap-legend__label{font-size: 0.625rem; color: #94a3b8; font-weight: 600; padding: 0 0.25rem;}.sp-modern .sp-att-heatmap-legend .sp-att-heatmap-cell{width: 12px; height: 12px;}.sp-modern .sp-stat-card--orange .sp-stat-card__icon{background: linear-gradient(135deg, #f59e0b, #ea580c);}.sp-modern .sp-att-term-selector{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-att-term-selector .material-icons{font-size: 1.125rem; color: #8b5cf6;}.sp-modern .sp-att-term-selector__select{min-width: 160px;}.sp-modern .sp-att-course-toolbar{display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-modern .sp-att-course-toolbar__search{flex: 1; min-width: 200px; position: relative;}.sp-modern .sp-att-course-toolbar__search .material-icons{position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 1.125rem; color: #94a3b8; pointer-events: none;}.sp-modern .sp-att-course-toolbar__search .sp-att-input{padding-left: 2.5rem;}.sp-modern .sp-att-course-toolbar__sort{display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0;}.sp-modern .sp-att-course-toolbar__sort label{font-size: 0.75rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap;}.sp-modern .sp-att-course-toolbar__sort .sp-att-select{min-width: 140px;}.sp-modern .sp-att-comp-section__meta{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-att-comp-fine{display: inline-flex; align-items: center; gap: 2px; font-size: 0.625rem; font-weight: 700; color: #d97706; padding: 2px 0.5rem; border-radius: 9999px; background: rgba(245, 158, 11, 0.1);}.sp-modern .sp-att-comp-fine .material-icons{font-size: 0.75rem;}.sp-modern .sp-att-course-card__stat-value--fine{color: #d97706 !important;}.sp-modern .sp-att-dow-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; overflow: hidden; margin-bottom: 1.5rem;}.sp-modern .sp-att-dow-card__header{display: flex; align-items: center; gap: 0.5rem; padding: 1rem 1.25rem; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-att-dow-card__header .material-icons{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-att-dow-card__header h3, .sp-modern .sp-att-dow-card__header .h3{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-att-dow-card__body{padding: 1.25rem;}.sp-modern .sp-att-dow-card__body canvas{max-width: 100%; max-height: 220px;}.sp-modern .sp-att-dow-card__insight{display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-top: 1px solid #f1f5f9; border-left: 3px solid #0ea5e9; background: rgba(14, 165, 233, 0.04); font-size: 0.75rem; color: #475569;}.sp-modern .sp-att-dow-card__insight .material-icons{font-size: 1rem; color: #0ea5e9;}.sp-modern .sp-att-dow-card__insight strong{color: #1e293b;}.sp-modern .sp-att-stagger{opacity: 0; transform: translateY(12px); animation: attStaggerIn 0.5s ease-out forwards;}.sp-modern .sp-att-stagger-1{animation-delay: 0.05s;}.sp-modern .sp-att-stagger-2{animation-delay: 0.1s;}.sp-modern .sp-att-stagger-3{animation-delay: 0.15s;}.sp-modern .sp-att-stagger-4{animation-delay: 0.2s;}.sp-modern .sp-att-stagger-5{animation-delay: 0.25s;}.sp-modern .sp-att-stagger-6{animation-delay: 0.3s;}.sp-modern .sp-att-stagger-7{animation-delay: 0.35s;}.sp-modern .sp-att-stagger-8{animation-delay: 0.4s;}.sp-modern .sp-att-stagger-9{animation-delay: 0.45s;}.sp-modern .sp-att-stagger-10{animation-delay: 0.5s;}.sp-modern .sp-att-stagger-11{animation-delay: 0.55s;}.sp-modern .sp-att-stagger-12{animation-delay: 0.6s;}.sp-modern .sp-att-stagger-13{animation-delay: 0.65s;}.sp-modern .sp-att-stagger-14{animation-delay: 0.7s;}.sp-modern .sp-att-stagger-15{animation-delay: 0.75s;}.sp-modern .sp-att-stagger-16{animation-delay: 0.8s;}.sp-modern .sp-att-stagger-17{animation-delay: 0.85s;}.sp-modern .sp-att-stagger-18{animation-delay: 0.9s;}.sp-modern .sp-att-stagger-19{animation-delay: 0.95s;}.sp-modern .sp-att-stagger-20{animation-delay: 1s;}@keyframes attStaggerIn{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}.dark .sp-modern .sp-att-warning-banner{background: rgba(244, 63, 94, 0.08); border-color: rgba(255, 255, 255, 0.1); border-left-color: #fb7185;}.dark .sp-modern .sp-att-warning-banner__content strong{color: #f1f5f9;}.dark .sp-modern .sp-att-warning-banner__content span{color: #94a3b8;}.dark .sp-modern .sp-att-sub-tabs{background: #1e293b;}.dark .sp-modern .sp-att-sub-tab{color: #94a3b8;}.dark .sp-modern .sp-att-sub-tab--active{background: #334155; color: #f1f5f9;}.dark .sp-modern .sp-att-course-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-course-card__name{color: #f1f5f9;}.dark .sp-modern .sp-att-course-card__instructor{color: #94a3b8;}.dark .sp-modern .sp-att-course-card__stat-value{color: #e2e8f0;}.dark .sp-modern .sp-att-course-card__stat-label{color: #64748b;}.dark .sp-modern .sp-att-badge--code{background: rgba(167, 139, 250, 0.15); color: #a78bfa;}.dark .sp-modern .sp-att-badge--term{background: rgba(56, 189, 248, 0.15); color: #38bdf8;}.dark .sp-modern .sp-att-rate--excellent .sp-att-rate__number, .dark .sp-modern .sp-att-rate--excellent .sp-att-rate__pct{color: #34d399;}.dark .sp-modern .sp-att-rate--good .sp-att-rate__number, .dark .sp-modern .sp-att-rate--good .sp-att-rate__pct{color: #fbbf24;}.dark .sp-modern .sp-att-rate--at_risk .sp-att-rate__number, .dark .sp-modern .sp-att-rate--at_risk .sp-att-rate__pct{color: #fb7185;}.dark .sp-modern .sp-att-progress{background: #334155;}.dark .sp-modern .sp-att-status-pill--excellent{background: rgba(52, 211, 153, 0.15); color: #34d399;}.dark .sp-modern .sp-att-status-pill--good{background: rgba(251, 191, 36, 0.15); color: #fbbf24;}.dark .sp-modern .sp-att-status-pill--at_risk{background: rgba(251, 113, 133, 0.15); color: #fb7185;}.dark .sp-modern .sp-att-expand-btn{border-color: #475569; color: #94a3b8;}.dark .sp-modern .sp-att-expand-btn:hover{border-color: #a78bfa; color: #a78bfa; background: rgba(139, 92, 246, 0.08);}.dark .sp-modern .sp-att-detail-panel{background: rgba(30, 41, 59, 0.6); border-top-color: #334155;}.dark .sp-modern .sp-att-comp-section__header h4, .dark .sp-modern .sp-att-comp-section__header .h4{color: #cbd5e1;}.dark .sp-modern .sp-att-detail-table th{color: #94a3b8; border-bottom-color: #334155;}.dark .sp-modern .sp-att-detail-table td{color: #94a3b8; border-bottom-color: #334155;}.dark .sp-modern .sp-att-detail-table__badge--present{background: rgba(52, 211, 153, 0.15); color: #34d399;}.dark .sp-modern .sp-att-detail-table__badge--late{background: rgba(251, 191, 36, 0.15); color: #fbbf24;}.dark .sp-modern .sp-att-detail-table__badge--absent{background: rgba(251, 113, 133, 0.15); color: #fb7185;}.dark .sp-modern .sp-att-detail-table__badge--leave{background: rgba(148, 163, 184, 0.12); color: #94a3b8;}.dark .sp-modern .sp-att-detail-table__fine{color: #fbbf24;}.dark .sp-modern .sp-att-detail-empty{color: #64748b;}.dark .sp-modern .sp-att-mini-cal__label{color: #64748b;}.dark .sp-modern .sp-att-mini-cal__day-hdr{color: #475569;}.dark .sp-modern .sp-att-mini-cal__cell{color: #64748b;}.dark .sp-modern .sp-att-mini-cal__cell--present{background: rgba(52, 211, 153, 0.2); color: #34d399;}.dark .sp-modern .sp-att-mini-cal__cell--late{background: rgba(251, 191, 36, 0.2); color: #fbbf24;}.dark .sp-modern .sp-att-mini-cal__cell--absent{background: rgba(251, 113, 133, 0.2); color: #fb7185;}.dark .sp-modern .sp-att-mini-cal__cell--leave{background: rgba(148, 163, 184, 0.12); color: #94a3b8;}.dark .sp-modern .sp-att-activity-item{background: #1e293b; border-color: #334155;}.dark .sp-modern .sp-att-activity-item__info strong{color: #f1f5f9;}.dark .sp-modern .sp-att-activity-item__info span{color: #64748b;}.dark .sp-modern .sp-att-chart-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-chart-card__header{border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-chart-card__header h3, .dark .sp-modern .sp-att-chart-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-att-overview-section__title{color: #e2e8f0;}.dark .sp-modern .sp-att-input, .dark .sp-modern .sp-att-select{background: #1e293b; border-color: #334155; color: #e2e8f0;}.dark .sp-modern .sp-att-input:focus, .dark .sp-modern .sp-att-select:focus{border-color: #a78bfa;}.dark .sp-modern .sp-att-form-group label{color: #94a3b8;}.dark .sp-modern .sp-att-calc-result{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-calc-result__stat{border-color: #334155;}.dark .sp-modern .sp-att-calc-result__stat-label{color: #94a3b8;}.dark .sp-modern .sp-att-calc-result__stat-value{color: #e2e8f0;}.dark .sp-modern .sp-att-calc-result__progress{background: #334155;}.dark .sp-modern .sp-att-scenario-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-scenario-card__title{color: #e2e8f0;}.dark .sp-modern .sp-att-scenario-card__desc{color: #94a3b8;}.dark .sp-modern .sp-att-goal-item{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-goal-item__target{color: #e2e8f0;}.dark .sp-modern .sp-att-goal-item__desc{color: #94a3b8;}.dark .sp-modern .sp-att-tip-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-tip-card__text{color: #94a3b8;}.dark .sp-modern .sp-att-calc-placeholder .material-icons{color: #475569;}.dark .sp-modern .sp-att-calc-placeholder p{color: #64748b;}.dark .sp-modern .sp-status--present{background: rgba(52, 211, 153, 0.15); color: #34d399;}.dark .sp-modern .sp-status--late{background: rgba(251, 191, 36, 0.15); color: #fbbf24;}.dark .sp-modern .sp-status--absent{background: rgba(251, 113, 133, 0.15); color: #fb7185;}.dark .sp-modern .sp-status--leave{background: rgba(148, 163, 184, 0.12); color: #94a3b8;}.dark .sp-modern .sp-att-highlight-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-highlight-card__value{color: #f1f5f9;}.dark .sp-modern .sp-att-highlight-card__label{color: #64748b;}.dark .sp-modern .sp-att-highlight-card__sub{color: #64748b;}.dark .sp-modern .sp-att-highlight-card__ring--excellent{border-color: #34d399; background: rgba(52, 211, 153, 0.1);}.dark .sp-modern .sp-att-highlight-card__ring--good{border-color: #fbbf24; background: rgba(251, 191, 36, 0.1);}.dark .sp-modern .sp-att-highlight-card__ring--at_risk{border-color: #fb7185; background: rgba(251, 113, 133, 0.1);}.dark .sp-modern .sp-att-highlight-card__ring--excellent .sp-att-highlight-card__value{color: #34d399;}.dark .sp-modern .sp-att-highlight-card__ring--good .sp-att-highlight-card__value{color: #fbbf24;}.dark .sp-modern .sp-att-highlight-card__ring--at_risk .sp-att-highlight-card__value{color: #fb7185;}.dark .sp-modern .sp-att-comp-fine{color: #fbbf24; background: rgba(251, 191, 36, 0.12);}.dark .sp-modern .sp-att-course-card__stat-value--fine{color: #fbbf24 !important;}.dark .sp-modern .sp-att-dow-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-dow-card__header{border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-dow-card__header h3, .dark .sp-modern .sp-att-dow-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-att-dow-card__insight{border-color: rgba(255, 255, 255, 0.1); border-left-color: #38bdf8; background: rgba(56, 189, 248, 0.06); color: #94a3b8;}.dark .sp-modern .sp-att-dow-card__insight strong{color: #e2e8f0;}.dark .sp-modern .sp-att-course-toolbar__search .material-icons{color: #64748b;}.dark .sp-modern .sp-att-course-toolbar__sort label{color: #64748b;}.dark .sp-modern .sp-att-heatmap-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-heatmap-card__header{border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-att-heatmap-card__header h3, .dark .sp-modern .sp-att-heatmap-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-att-heatmap-cell--empty{background: #1e293b;}.dark .sp-modern .sp-att-heatmap-cell--0{background: #334155;}.dark .sp-modern .sp-att-heatmap-day-label, .dark .sp-modern .sp-att-heatmap-month-label{color: #64748b;}@media (max-width: 768px){.sp-modern .sp-att-warning-banner{flex-wrap: wrap; padding: 0.75rem 1rem;}.sp-modern .sp-att-overview-grid{grid-template-columns: 1fr;}.sp-modern .sp-att-courses-grid{grid-template-columns: 1fr;}.sp-modern .sp-att-calc-grid{grid-template-columns: 1fr;}.sp-modern .sp-att-planner-grid{grid-template-columns: 1fr;}.sp-modern .sp-att-scenarios-grid{grid-template-columns: 1fr;}.sp-modern .sp-att-top-row{grid-template-columns: 1fr;}.sp-modern .sp-att-sub-tabs{width: 100%; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch;}.sp-modern .sp-att-course-card__stats-row{gap: 0.5rem;}.sp-modern .sp-att-activity-item{gap: 0.5rem; padding: 0.5rem 0.75rem;}.sp-modern .sp-att-course-toolbar{flex-direction: column; align-items: stretch;}.sp-modern .sp-att-course-toolbar__search{min-width: unset;}.sp-modern .sp-att-term-selector{width: 100%;}.sp-modern .sp-att-term-selector__select{flex: 1;}.sp-modern .sp-page-actions{flex-direction: column; gap: 0.5rem;}} /* /odoocms_student_portal/static/src/scss/_profile.scss */ .sp-profile-hero{position: relative; border-radius: 1.5rem; overflow: hidden; margin-bottom: 1.5rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);}.sp-profile-hero__bg{position: absolute; inset: 0; background: linear-gradient(135deg, #0f4c75 0%, #1b6ca8 30%, #3a9188 60%, #2ecc71 100%); background-size: 300% 300%; animation: gradientShift 8s ease infinite;}.sp-profile-hero__bg::after{content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.15) 0%, transparent 70%);}.sp-profile-hero__content{position: relative; z-index: 1; display: flex; align-items: center; gap: 1.5rem; padding: 2rem 2.5rem; color: #ffffff;}.sp-profile-hero__info{flex: 1; min-width: 0;}.sp-profile-hero__name{font-size: 1.875rem; font-weight: 800; margin: 0 0 0.25rem 0; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); line-height: 1.2;}.sp-profile-hero__id{font-size: 0.875rem; opacity: 0.85; margin: 0 0 0.25rem 0; font-weight: 500; letter-spacing: 0.5px;}.sp-profile-hero__school{font-size: 0.875rem; opacity: 0.8; margin: 0 0 0.75rem 0; font-weight: 400;}.sp-profile-hero__tags{display: flex; flex-wrap: wrap; gap: 0.5rem;}.sp-profile-hero__actions{display: flex; gap: 0.5rem; flex-shrink: 0; align-self: flex-start; margin-top: 0.5rem;}.sp-profile-tag{display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 600; border-radius: 9999px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); color: #ffffff; letter-spacing: 0.3px;}.sp-profile-avatar{position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; border: 4px solid rgba(255, 255, 255, 0.35); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), inset 0 0 0 2px rgba(255, 255, 255, 0.1); flex-shrink: 0;}.sp-profile-avatar__img{width: 100%; height: 100%; object-fit: cover; display: block;}.sp-profile-avatar__upload{position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; cursor: pointer;}.sp-profile-avatar__upload .material-icons{font-size: 32px; color: #ffffff !important;}.sp-profile-avatar__upload input{display: none;}.sp-profile-avatar__upload:hover{opacity: 1;}.sp-profile-edit-btn, .sp-profile-save-btn, .sp-profile-cancel-btn{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; border: none; cursor: pointer; transition: all 0.25s ease;}.sp-profile-edit-btn .material-icons, .sp-profile-save-btn .material-icons, .sp-profile-cancel-btn .material-icons{font-size: 18px;}.sp-profile-edit-btn{background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff;}.sp-profile-edit-btn:hover{background: rgba(255, 255, 255, 0.35); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.sp-profile-save-btn{background: linear-gradient(135deg, #10b981, #14b8a6); color: #ffffff; box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);}.sp-profile-save-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 24px rgba(16, 185, 129, 0.4);}.sp-profile-cancel-btn{background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff;}.sp-profile-cancel-btn:hover{background: rgba(244, 63, 94, 0.3);}.sp-profile-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 1rem;}.sp-profile-fields-2col{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 1.5rem;}.sp-profile-fields-2col .sp-profile-field{border-bottom: 1px solid rgba(226, 232, 240, 0.6);}.sp-profile-family-row{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 1.5rem;}.sp-profile-family-col .sp-profile-section-divider{margin-top: 0;}.sp-profile-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); overflow: hidden;}.sp-profile-card__header{display: flex; align-items: center; gap: 0.75rem; padding: 1.25rem 1.5rem 0; margin-bottom: 1rem;}.sp-profile-card__header h3, .sp-profile-card__header .h3{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-profile-card__icon{width: 2.75rem; height: 2.75rem; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); flex-shrink: 0;}.sp-profile-card__icon .material-icons{color: #ffffff !important; font-size: 1.35rem;}.sp-profile-card__icon--violet{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-profile-card__icon--emerald{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-profile-card__icon--sky{background: linear-gradient(135deg, #0ea5e9, #2563eb);}.sp-profile-card__icon--amber{background: linear-gradient(135deg, #f59e0b, #f97316);}.sp-profile-card__icon--rose{background: linear-gradient(135deg, #f43f5e, #db2777);}.sp-profile-card__body{padding: 0 1.5rem 1.5rem;}.sp-profile-field{display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem 0; border-bottom: 1px solid rgba(226, 232, 240, 0.6);}.sp-profile-field:last-child{border-bottom: none;}.sp-profile-field__icon{color: #94a3b8; font-size: 20px; margin-top: 2px; flex-shrink: 0;}.sp-profile-field__content{flex: 1; min-width: 0;}.sp-profile-field__label{display: block; font-size: 0.625rem; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 2px;}.sp-profile-field__value{display: block; font-size: 0.875rem; font-weight: 500; color: #1e293b; word-break: break-word;}.sp-profile-input{width: 100%; padding: 0.5rem 0.75rem; border: 1.5px solid #e2e8f0; border-radius: 0.5rem; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; font-weight: 500; color: #1e293b; background: #ffffff; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.sp-profile-input:focus{border-color: #8b5cf6; outline: none; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);}.sp-profile-input::placeholder{color: #94a3b8;}.sp-profile-address-inputs{display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.25rem;}.sp-profile-download-link{display: inline-flex; align-items: center; gap: 4px; color: #8b5cf6 !important; font-weight: 600; font-size: 0.875rem; text-decoration: none;}.sp-profile-download-link .material-icons{font-size: 16px;}.sp-profile-download-link:hover{color: #7c3aed !important; text-decoration: underline;}.sp-profile-section-divider{font-size: 0.75rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.8px; padding: 0.75rem 0 0.5rem; margin-top: 0.5rem; border-bottom: 2px solid #e2e8f0; display: flex; align-items: center;}.sp-profile-section-divider::before{content: ''; width: 3px; height: 14px; border-radius: 2px; background: linear-gradient(180deg, #8b5cf6, #0ea5e9); margin-right: 0.5rem;}.sp-profile-academic-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;}.sp-profile-academic-item{padding: 0.75rem 1rem; border-bottom: 1px solid rgba(226, 232, 240, 0.6); border-right: 1px solid rgba(226, 232, 240, 0.6);}.sp-profile-academic-item:nth-child(2n){border-right: none;}.sp-profile-academic-item:nth-last-child(-n+2){border-bottom: none;}.sp-profile-academic-item__label{display: block; font-size: 0.625rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 2px;}.sp-profile-academic-item__value{display: block; font-size: 0.875rem; font-weight: 600; color: #1e293b; word-break: break-word;}.sp-profile-cgpa{display: flex; justify-content: center; padding: 1.25rem 0;}.sp-profile-cgpa__ring{width: 120px; height: 120px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}.sp-profile-cgpa__ring--success{background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(20, 184, 166, 0.05)); border: 3px solid #10b981; box-shadow: 0 0 24px rgba(16, 185, 129, 0.2);}.sp-profile-cgpa__ring--warning{background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(249, 115, 22, 0.05)); border: 3px solid #f59e0b; box-shadow: 0 0 24px rgba(245, 158, 11, 0.2);}.sp-profile-cgpa__ring--danger{background: linear-gradient(135deg, rgba(244, 63, 94, 0.1), rgba(236, 72, 153, 0.05)); border: 3px solid #f43f5e; box-shadow: 0 0 24px rgba(244, 63, 94, 0.2);}.sp-profile-cgpa__number{font-size: 1.5rem; font-weight: 800; color: #1e293b; line-height: 1;}.sp-profile-cgpa__label{font-size: 0.625rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 1px; margin-top: 4px;}.sp-profile-perf-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 1rem;}.sp-profile-perf-item{text-align: center; padding: 0.75rem; border-radius: 1rem; background: #f8fafc; border: 1px solid rgba(226, 232, 240, 0.6);}.sp-profile-perf-item__value{display: block; font-size: 1.25rem; font-weight: 800; color: #1e293b; line-height: 1.2;}.sp-profile-perf-item__label{display: block; font-size: 0.625rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 2px;}.sp-profile-gpa-trend{margin-top: 1.25rem; padding-top: 1rem; border-top: 1px dashed #e2e8f0;}.sp-profile-gpa-trend__title{font-size: 0.875rem; font-weight: 700; color: #475569; margin: 0 0 0.75rem 0; display: flex; align-items: center; gap: 0.25rem;}.sp-profile-gpa-trend__title .material-icons{font-size: 18px; color: #8b5cf6;}.sp-profile-gpa-trend__chart{height: 180px; position: relative;}.sp-profile-ring{position: relative; display: inline-flex; align-items: center; justify-content: center;}.sp-profile-ring svg{transform: rotate(-90deg);}.sp-profile-ring__bg{fill: none; stroke: #e2e8f0; stroke-width: 3;}.sp-profile-ring__fill{fill: none; stroke: #10b981; stroke-width: 3; stroke-linecap: round; transition: stroke-dashoffset 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);}.sp-profile-ring__text{position: absolute; font-size: 10px; font-weight: 800; color: #334155;}.sp-toast{position: fixed; bottom: -80px; right: 1.5rem; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); font-size: 0.875rem; font-weight: 600; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; color: #334155; z-index: 99999; transition: bottom 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}.sp-toast--visible{bottom: 1.5rem;}.sp-toast--success{border-left: 4px solid #10b981;}.sp-toast--success .material-icons{color: #10b981 !important;}.sp-toast--error{border-left: 4px solid #f43f5e;}.sp-toast--error .material-icons{color: #f43f5e !important;}.sp-toast--info{border-left: 4px solid #0ea5e9;}.sp-toast--info .material-icons{color: #0ea5e9 !important;}.sp-toast .material-icons{font-size: 20px;}.sp-profile--editing .sp-profile-hero{box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(139, 92, 246, 0.3);}.dark .sp-modern .sp-profile-hero__bg{background: linear-gradient(135deg, #0a2e4d 0%, #12507a 30%, #1e6b5a 60%, #1a7a42 100%);}.dark .sp-modern .sp-profile-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-profile-card__header h3, .dark .sp-modern .sp-profile-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-profile-field{border-bottom-color: #334155;}.dark .sp-modern .sp-profile-field__icon{color: #64748b;}.dark .sp-modern .sp-profile-field__label{color: #94a3b8;}.dark .sp-modern .sp-profile-field__value{color: #e2e8f0;}.dark .sp-modern .sp-profile-input{background: #1e293b; border-color: #475569; color: #e2e8f0;}.dark .sp-modern .sp-profile-input:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);}.dark .sp-modern .sp-profile-input::placeholder{color: #64748b;}.dark .sp-modern .sp-profile-section-divider{color: #94a3b8; border-bottom-color: #334155;}.dark .sp-modern .sp-profile-fields-2col .sp-profile-field{border-bottom-color: #334155;}.dark .sp-modern .sp-profile-family-row .sp-profile-field{border-bottom-color: #334155;}.dark .sp-modern .sp-profile-academic-item{border-bottom-color: #334155; border-right-color: #334155;}.dark .sp-modern .sp-profile-academic-item__label{color: #94a3b8;}.dark .sp-modern .sp-profile-academic-item__value{color: #e2e8f0;}.dark .sp-modern .sp-profile-cgpa__number{color: #f1f5f9;}.dark .sp-modern .sp-profile-cgpa__label{color: #94a3b8;}.dark .sp-modern .sp-profile-cgpa__ring--success{background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(20, 184, 166, 0.08));}.dark .sp-modern .sp-profile-cgpa__ring--warning{background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(249, 115, 22, 0.08));}.dark .sp-modern .sp-profile-cgpa__ring--danger{background: linear-gradient(135deg, rgba(244, 63, 94, 0.15), rgba(236, 72, 153, 0.08));}.dark .sp-modern .sp-profile-perf-item{background: rgba(30, 41, 59, 0.6); border-color: #334155;}.dark .sp-modern .sp-profile-perf-item__value{color: #f1f5f9;}.dark .sp-modern .sp-profile-perf-item__label{color: #94a3b8;}.dark .sp-modern .sp-profile-gpa-trend{border-top-color: #334155;}.dark .sp-modern .sp-profile-gpa-trend__title{color: #cbd5e1;}.dark .sp-modern .sp-profile-ring__bg{stroke: #334155;}.dark .sp-modern .sp-profile-ring__text{color: #cbd5e1;}.dark .sp-modern .sp-toast{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: #e2e8f0;}.dark .sp-modern .sp-profile-download-link{color: #a78bfa !important;}.dark .sp-modern .sp-profile-download-link:hover{color: #a78bfa !important;}@media (max-width: 1024px){.sp-profile-hero__content{padding: 1.5rem 2rem;}.sp-profile-hero__name{font-size: 1.5rem;}}@media (max-width: 768px){.sp-profile-hero__content{flex-direction: column; text-align: center; padding: 1.5rem;}.sp-profile-hero__tags{justify-content: center;}.sp-profile-hero__actions{align-self: center;}.sp-profile-grid{grid-template-columns: 1fr;}.sp-profile-fields-2col{grid-template-columns: 1fr;}.sp-profile-family-row{grid-template-columns: 1fr;}.sp-profile-academic-grid{grid-template-columns: 1fr;}.sp-profile-academic-item{border-right: none !important;}.sp-profile-academic-item:last-child{border-bottom: none;}.sp-profile-perf-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 480px){.sp-profile-hero__content{padding: 1rem; gap: 0.75rem;}.sp-profile-avatar{width: 90px; height: 90px;}.sp-profile-hero__name{font-size: 1.25rem;}.sp-profile-card__header{padding: 1rem 1rem 0;}.sp-profile-card__body{padding: 0 1rem 1rem;}.sp-toast{right: 0.75rem; left: 0.75rem;}} /* /odoocms_student_portal/static/src/scss/_results.scss */ .sp-stat-card__sub{font-size: 0.625rem; opacity: 0.8; margin-top: 0.25rem; display: block;}.sp-res-standing{display: inline-block; padding: 2px 8px; border-radius: 9999px; font-size: 0.625rem; font-weight: 600; letter-spacing: 0.3px;}.sp-res-standing--excellent{background: rgba(16, 185, 129, 0.2); color: #059669;}.sp-res-standing--good{background: rgba(14, 165, 233, 0.2); color: #0284c7;}.sp-res-standing--satisfactory{background: rgba(245, 158, 11, 0.2); color: #d97706;}.sp-res-standing--warning{background: rgba(244, 63, 94, 0.2); color: #e11d48;}.sp-res-section{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.5rem; margin-bottom: 1.5rem;}.sp-res-section__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; flex-wrap: wrap; gap: 0.75rem;}.sp-res-section__header h2, .sp-res-section__header .h2{font-size: 1.125rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-res-section__header h2 .material-icons, .sp-res-section__header .h2 .material-icons{font-size: 22px; color: #8b5cf6;}.sp-res-section__header h3, .sp-res-section__header .h3{font-size: 1rem; font-weight: 600; color: #334155; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-res-section__header h3 .material-icons, .sp-res-section__header .h3 .material-icons{font-size: 20px; color: #8b5cf6;}.sp-res-section__count{font-size: 0.875rem; color: #64748b; font-weight: 500;}.sp-btn{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 1rem; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.15s ease; text-decoration: none; border: none; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-btn .material-icons{font-size: 18px;}.sp-btn--outline{background: rgba(167, 139, 250, 0.08); border: 1.5px solid #8b5cf6; color: #7c3aed; opacity: 1;}.sp-btn--outline:hover, .sp-btn--outline:focus{background: #8b5cf6 !important; color: #ffffff !important; text-decoration: none; opacity: 1 !important; border-color: #8b5cf6;}.sp-btn--primary{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; border: none;}.sp-btn--primary:hover{transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); color: #ffffff; text-decoration: none;}.sp-btn--accent{background: linear-gradient(135deg, #10b981, #0d9488); color: #ffffff; border: none;}.sp-btn--accent:hover{transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); color: #ffffff; text-decoration: none;}.sp-btn--sm{padding: 0.25rem 0.75rem; font-size: 0.75rem;}.sp-btn--sm .material-icons{font-size: 16px;}.sp-res-course-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}.sp-res-course-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 0; overflow: hidden; transition: all 0.3s ease; text-decoration: none; color: inherit; display: flex; flex-direction: column;}.sp-res-course-card:hover{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; color: inherit;}.sp-res-course-card:hover:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-res-course-card__header{display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff;}.sp-res-course-card__code{font-size: 0.75rem; font-weight: 700; letter-spacing: 0.5px;}.sp-res-course-card__term{font-size: 0.625rem; background: rgba(255, 255, 255, 0.2); padding: 2px 8px; border-radius: 9999px;}.sp-res-course-card__body{padding: 0.75rem 1rem; flex: 1;}.sp-res-course-card__name{font-size: 0.875rem; font-weight: 600; color: #1e293b; margin: 0 0 0.5rem 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-res-course-card__meta{display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.625rem; color: #64748b;}.sp-res-course-card__meta span{display: flex; align-items: center; gap: 3px;}.sp-res-course-card__meta span .material-icons{font-size: 14px;}.sp-res-course-card__footer{padding: 0.5rem 1rem 0.75rem; border-top: 1px solid rgba(226, 232, 240, 0.6);}.sp-res-status{display: inline-flex; align-items: center; gap: 4px; font-size: 0.625rem; font-weight: 600; padding: 2px 8px; border-radius: 9999px;}.sp-res-status .material-icons{font-size: 14px;}.sp-res-status--active{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res-status--grading{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res-status--done{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res-status--withdraw{background: rgba(100, 116, 139, 0.12); color: #64748b;}.sp-res-grade{font-weight: 700;}.sp-res-grade--a{color: #059669;}.sp-res-grade--b{color: #0284c7;}.sp-res-grade--c{color: #d97706;}.sp-res-grade--d{color: #f97316;}.sp-res-grade--f{color: #e11d48;}.sp-res-grade--w{color: #64748b;}.sp-res-grade--n{color: #94a3b8;}.sp-res-chart-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem;}.sp-res-chart-card canvas{width: 100% !important; max-height: 300px;}.sp-res-accordion{display: flex; flex-direction: column; gap: 0.75rem;}.sp-res-accordion__item{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; overflow: hidden; transition: box-shadow 0.3s ease;}.sp-res-accordion__item.sp-res-accordion__item--open{box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-res-accordion__item.sp-res-accordion__item--open .sp-res-accordion__chevron{transform: rotate(180deg);}.sp-res-accordion__item.sp-res-accordion__item--open .sp-res-accordion__body{display: block;}.sp-res-accordion__header{display: flex; align-items: center; flex-wrap: wrap; padding: 1rem 1.25rem; cursor: pointer; width: 100%; border: none; background: transparent; text-align: left; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; transition: background 0.15s ease; gap: 0.5rem 0.75rem;}.sp-res-accordion__header:hover{background: rgba(139, 92, 246, 0.04);}.sp-res-accordion__title{display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0;}.sp-res-accordion__chevron{font-size: 22px; color: #64748b; transition: transform 0.3s ease;}.sp-res-accordion__name{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-res-accordion__badges{display: flex; flex-wrap: wrap; gap: 0.5rem; flex-shrink: 0;}.sp-res-accordion__badge{font-size: 0.625rem; padding: 3px 10px; border-radius: 9999px; font-weight: 600;}.sp-res-accordion__badge--sgpa{background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-res-accordion__badge--cgpa{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-res-accordion__badge--credits{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-res-accordion__badge strong{font-weight: 800;}.sp-res-accordion__body{display: none; padding: 0 1.25rem 1.25rem; border-top: 1px solid rgba(226, 232, 240, 0.6);}.sp-res-accordion__gpa-bar-row{display: flex; align-items: center; gap: 0.75rem; flex: 1 0 100%; padding-left: 30px;}.sp-res-accordion__gpa-bar{position: relative; flex: 1; height: 8px; background: rgba(226, 232, 240, 0.5); border-radius: 9999px; overflow: hidden; max-width: 280px;}.sp-res-accordion__gpa-fill{height: 100%; border-radius: 9999px; background: linear-gradient(90deg, #a78bfa, #8b5cf6); transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-accordion__gpa-label{font-size: 10px; font-weight: 600; color: #64748b; white-space: nowrap; flex-shrink: 0;}.sp-res-accordion__gpa-delta{font-size: 0.625rem; font-weight: 700; flex-shrink: 0; white-space: nowrap;}.sp-res-term-summary{display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem 0;}.sp-res-term-summary__item{flex: 1; min-width: 100px; text-align: center;}.sp-res-term-summary__label{display: block; font-size: 0.625rem; color: #64748b; margin-bottom: 2px;}.sp-res-term-summary__value{font-size: 1.125rem; font-weight: 700; color: #1e293b;}.sp-res-table-wrap{overflow-x: auto; -webkit-overflow-scrolling: touch;}.sp-res-table{width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.875rem;}.sp-res-table thead th{padding: 0.75rem 1rem; text-align: left; font-weight: 700; color: #475569; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #e2e8f0; white-space: nowrap;}.sp-res-table tbody td{padding: 0.75rem 1rem; border-bottom: 1px solid rgba(226, 232, 240, 0.5); color: #334155;}.sp-res-table tbody tr:last-child td{border-bottom: none;}.sp-res-table tbody tr:hover{background: rgba(139, 92, 246, 0.03);}.sp-res-table--center{text-align: center !important;}.sp-res-table__parent{cursor: pointer;}.sp-res-table__parent:hover{background: rgba(139, 92, 246, 0.05);}.sp-res-table__parent td{font-weight: 600;}.sp-res-table__chevron{font-size: 18px; vertical-align: middle; margin-right: 4px; transition: transform 0.3s ease; color: #64748b;}.sp-res-table__parent.sp-res-table__parent--open .sp-res-table__chevron{transform: rotate(180deg);}.sp-res-table__child-header th{padding: 0.5rem 1rem; font-size: 0.625rem; background: #f1f5f9; border-bottom: 1px solid #e2e8f0; color: #475569;}.sp-res-table__child td{padding: 0.5rem 1rem; font-size: 0.75rem; background: rgba(248, 250, 252, 0.5);}.sp-res-grade-badge{display: inline-block; padding: 2px 10px; border-radius: 9999px; font-size: 0.75rem; font-weight: 700; min-width: 32px; text-align: center;}.sp-res-grade-badge--a{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res-grade-badge--b{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res-grade-badge--c{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res-grade-badge--d{background: rgba(249, 115, 22, 0.12); color: #f97316;}.sp-res-grade-badge--f{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res-grade-badge--w{background: rgba(148, 163, 184, 0.12); color: #64748b;}.sp-res-grade-badge--n{background: rgba(203, 213, 225, 0.12); color: #94a3b8;}.sp-res-grade-badge--x{background: rgba(244, 63, 94, 0.15); color: #e11d48;}.sp-res-exam-layout{display: grid; grid-template-columns: 1fr 220px; gap: 1.25rem;}@media (max-width: 768px){.sp-res-exam-layout{grid-template-columns: 1fr;}}.sp-res-exam-cards{display: flex; flex-direction: column; gap: 0.75rem;}.sp-res-exam-card{display: flex; gap: 1rem; padding: 1rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(226, 232, 240, 0.6); transition: all 0.15s ease;}.sp-res-exam-card:hover{border-color: #a78bfa; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-res-exam-card__date{display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 64px; padding: 0.5rem 0.75rem; border-radius: 0.75rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; text-align: center;}.sp-res-exam-card__day{font-size: 1.25rem; font-weight: 800; line-height: 1;}.sp-res-exam-card__month{font-size: 0.625rem; opacity: 0.85; margin-top: 2px;}.sp-res-exam-card__info{flex: 1; min-width: 0;}.sp-res-exam-card__course{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-res-exam-card__details{display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.625rem; color: #64748b;}.sp-res-exam-card__details span{display: flex; align-items: center; gap: 3px;}.sp-res-exam-card__details span .material-icons{font-size: 14px;}.sp-res-exam-stats{display: flex; flex-direction: column; gap: 0.75rem;}.sp-res-exam-stats__card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 0.25rem;}.sp-res-exam-stats__card .material-icons{font-size: 28px; color: #8b5cf6;}.sp-res-exam-stats__value{font-size: 1.5rem; font-weight: 800; color: #1e293b;}.sp-res-exam-stats__label{font-size: 0.625rem; color: #64748b; font-weight: 500;}.sp-res-obe-summary{display: flex; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-res-obe-summary__card{flex: 1; min-width: 120px; padding: 1rem; border-radius: 1rem; background: rgba(139, 92, 246, 0.06); text-align: center;}.sp-res-obe-summary__card--success{background: rgba(16, 185, 129, 0.08);}.sp-res-obe-summary__card--info{background: rgba(14, 165, 233, 0.08);}.sp-res-obe-summary__value{font-size: 1.5rem; font-weight: 800; color: #1e293b; display: block;}.sp-res-obe-summary__label{font-size: 0.625rem; color: #64748b; font-weight: 500;}.sp-res-obe-attainment{display: inline-block; padding: 2px 10px; border-radius: 9999px; font-size: 0.75rem; font-weight: 700;}.sp-res-obe-attainment--high{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res-obe-attainment--mid{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res-obe-attainment--low{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res-analytics-panel{display: none;}.sp-res-analytics-panel--active{display: block;}.sp-res-calc-panel:not(.sp-res-calc-panel--active){display: none;}.sp-res-gc-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.25rem;}.sp-res-gc-stat{background: #f8fafc; border-radius: 1rem; padding: 1rem 1.25rem; text-align: center;}.sp-res-gc-stat__label{display: block; font-size: 0.875rem; color: #64748b; font-weight: 500; margin-bottom: 0.25rem;}.sp-res-gc-stat__value{font-size: 1.5rem; font-weight: 800; color: #1e293b;}.sp-res-gc-stat__value--primary{color: #0ea5e9;}.sp-res-gc-target{display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-res-gc-target__left{display: flex; align-items: center; gap: 0.75rem;}.sp-res-gc-target__title{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-res-gc-target__input-wrap{display: flex; align-items: center; gap: 0.5rem;}.sp-res-gc-target__input-wrap input{width: 70px; text-align: center;}.sp-res-gc-target__input-wrap .material-icons{font-size: 18px; color: #94a3b8;}.sp-res-gc-target__display{font-size: 0.875rem; color: #64748b;}.sp-res-gc-target__display strong{color: #334155;}.sp-res-gc-target__actions{display: flex; gap: 0.5rem;}.sp-res-gc-courses{margin-bottom: 1.25rem;}.sp-res-gc-courses__header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem;}.sp-res-gc-courses__title{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-res-gc-courses__list{display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;}.sp-res-gc-row{display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-radius: 1rem; background: #f8fafc; border: 1px solid rgba(226, 232, 240, 0.6);}.sp-res-gc-row__name{flex: 1 1 0; min-width: 0; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis;}.sp-res-gc-row__label{font-size: 10px; color: #64748b; font-weight: 500; flex-shrink: 0; white-space: nowrap;}.sp-res-gc-row__credits{width: 52px; flex: 0 0 52px; text-align: center; font-size: 0.875rem; padding: 0.25rem 4px;}.sp-res-gc-row__grade{width: 58px; flex: 0 0 58px; font-size: 0.75rem; padding: 0.25rem 2px;}.sp-res-gc-row__remove{flex: 0 0 26px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 9999px; border: 1px solid #e2e8f0; background: #ffffff; color: #94a3b8; cursor: pointer; font-size: 16px; font-weight: 600; transition: all 0.15s ease; padding: 0;}.sp-res-gc-row__remove:hover{background: rgba(251, 113, 133, 0.1); border-color: #fb7185; color: #f43f5e;}.sp-res-gc-results{margin-top: 1.25rem;}.sp-res-gc-results__grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}.sp-res-gc-results__left h3, .sp-res-gc-results__left .h3, .sp-res-gc-results__right h3, .sp-res-gc-results__right .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem;}.sp-res-gc-results__left h3 .material-icons, .sp-res-gc-results__left .h3 .material-icons, .sp-res-gc-results__right h3 .material-icons, .sp-res-gc-results__right .h3 .material-icons{font-size: 20px; color: #64748b;}.sp-res-gc-alert{padding: 0.75rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}.sp-res-gc-alert .material-icons{font-size: 20px;}.sp-res-gc-alert--warning{background: rgba(244, 63, 94, 0.06); border: 1px solid rgba(244, 63, 94, 0.15); color: #e11d48;}.sp-res-gc-alert--success{background: rgba(16, 185, 129, 0.06); border: 1px solid rgba(16, 185, 129, 0.15); color: #059669;}.sp-res-gc-result-row{display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; font-size: 0.875rem; color: #475569; border-bottom: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-gc-result-row strong{color: #1e293b;}.sp-res-gc-grade-badge{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 28px; border-radius: 0.75rem; font-size: 11px; font-weight: 700; color: #ffffff;}.sp-res-gc-progress-row{display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; color: #475569; margin-bottom: 0.25rem;}.sp-res-gc-progress-bar{height: 10px; background: #f1f5f9; border-radius: 9999px; overflow: hidden; margin-bottom: 0.25rem;}.sp-res-gc-progress-bar__fill{height: 100%; background: linear-gradient(90deg, #38bdf8, #0ea5e9); border-radius: 9999px; transition: width 0.5s ease;}.sp-res-gc-progress-bar__fill--target{background: linear-gradient(90deg, #a78bfa, #8b5cf6);}.sp-res-gc-progress-bar__fill--projected{background: linear-gradient(90deg, #38bdf8, #0284c7);}.sp-res-gc-summary{margin-top: 0.75rem; font-size: 0.75rem; color: #64748b;}.sp-res-gc-summary ul{margin: 0; padding-left: 1rem;}.sp-res-gc-summary li{margin-bottom: 0.25rem;}.sp-res-select{width: 100%; padding: 0.5rem 0.75rem; border-radius: 0.75rem; border: 1.5px solid #e2e8f0; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; background: #ffffff; color: #334155; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 28px; cursor: pointer;}.sp-res-select:focus{border-color: #8b5cf6; outline: none; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-res-input{width: 100%; padding: 0.5rem 0.75rem; border-radius: 0.75rem; border: 1.5px solid #e2e8f0; font-size: 0.875rem; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; color: #334155;}.sp-res-input:focus{border-color: #8b5cf6; outline: none; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-res-scenario-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}.sp-res-scenario-card{background: #ffffff; border-radius: 1.25rem; border: 1px solid rgba(226, 232, 240, 0.6); padding: 1.25rem;}.sp-res-scenario-card__title{font-size: 1.125rem; font-weight: 800; color: #1e293b; margin: 0 0 1rem;}.sp-res-scenario-card__desc{font-size: 0.875rem; color: #64748b; margin-bottom: 1rem;}.sp-res-scenario-targets{display: flex; flex-direction: column; gap: 0.75rem;}.sp-res-scenario-target{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border-radius: 1rem; border: 1px solid rgba(226, 232, 240, 0.6); background: #f8fafc;}.sp-res-scenario-target__info{flex: 1;}.sp-res-scenario-target__name{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-res-scenario-target__desc{font-size: 0.75rem; color: #64748b; margin-top: 2px;}.sp-res-scenario-target__req{font-size: 0.75rem; font-weight: 600; font-style: italic; margin-top: 0.25rem;}.sp-res-scenario-target__req--ok{color: #059669;}.sp-res-scenario-target__req--warn{color: #f43f5e;}.sp-res-scenario-target__gpa{font-size: 1.25rem; font-weight: 800; color: #7c3aed; flex-shrink: 0; margin-left: 1rem;}.sp-res-scenario-impacts{display: flex; flex-direction: column; gap: 0.5rem;}.sp-res-scenario-impact{display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.75rem; border-radius: 1rem; border: 1px solid rgba(226, 232, 240, 0.4); background: #ffffff; transition: background 0.15s ease;}.sp-res-scenario-impact:hover{background: #f8fafc;}.sp-res-scenario-impact__badge{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 9999px; border: 2px solid; font-size: 0.75rem; font-weight: 800; flex-shrink: 0;}.sp-res-scenario-impact__label{flex: 1; font-size: 0.875rem; font-weight: 600; color: #334155;}.sp-res-scenario-impact__result{text-align: right; flex-shrink: 0;}.sp-res-scenario-impact__cgpa{font-size: 0.875rem; font-weight: 700; color: #1e293b;}.sp-res-scenario-impact__diff{font-size: 0.75rem; font-weight: 600;}.sp-res-tips-hero{display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; border-radius: 1.25rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; margin-bottom: 1.25rem;}.sp-res-tips-hero__icon{flex-shrink: 0; width: 52px; height: 52px; border-radius: 9999px; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center;}.sp-res-tips-hero__icon .material-icons{font-size: 28px;}.sp-res-tips-hero__text h3, .sp-res-tips-hero__text .h3{font-size: 1.125rem; font-weight: 800; margin: 0 0 0.25rem;}.sp-res-tips-hero__text p{font-size: 0.875rem; margin: 0; opacity: 0.85;}.sp-res-tips-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-res-tips-card{border-radius: 1.25rem; padding: 1.25rem; border: 1px solid rgba(226, 232, 240, 0.6); background: #ffffff; transition: transform 0.15s ease, box-shadow 0.15s ease;}.sp-res-tips-card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-res-tips-card__header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;}.sp-res-tips-card__header h4, .sp-res-tips-card__header .h4{font-size: 1rem; font-weight: 800; color: #1e293b; margin: 0;}.sp-res-tips-card__icon{width: 40px; height: 40px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-res-tips-card__icon .material-icons{font-size: 22px;}.sp-res-tips-card__list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem;}.sp-res-tips-card__list li{display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; color: #475569; line-height: 1.5;}.sp-res-tips-card__list li .material-icons{font-size: 18px; flex-shrink: 0; margin-top: 2px;}.sp-res-tips-card--violet{border-top: 3px solid #8b5cf6;}.sp-res-tips-card--violet .sp-res-tips-card__icon{background: rgba(139, 92, 246, 0.1);}.sp-res-tips-card--violet .sp-res-tips-card__icon .material-icons{color: #8b5cf6;}.sp-res-tips-card--violet .sp-res-tips-card__list li .material-icons{color: #a78bfa;}.sp-res-tips-card--emerald{border-top: 3px solid #10b981;}.sp-res-tips-card--emerald .sp-res-tips-card__icon{background: rgba(16, 185, 129, 0.1);}.sp-res-tips-card--emerald .sp-res-tips-card__icon .material-icons{color: #10b981;}.sp-res-tips-card--emerald .sp-res-tips-card__list li .material-icons{color: #34d399;}.sp-res-tips-card--sky{border-top: 3px solid #0ea5e9;}.sp-res-tips-card--sky .sp-res-tips-card__icon{background: rgba(14, 165, 233, 0.1);}.sp-res-tips-card--sky .sp-res-tips-card__icon .material-icons{color: #0ea5e9;}.sp-res-tips-card--sky .sp-res-tips-card__list li .material-icons{color: #38bdf8;}.sp-res-tips-card--amber{border-top: 3px solid #f59e0b;}.sp-res-tips-card--amber .sp-res-tips-card__icon{background: rgba(245, 158, 11, 0.1);}.sp-res-tips-card--amber .sp-res-tips-card__icon .material-icons{color: #f59e0b;}.sp-res-tips-card--amber .sp-res-tips-card__list li .material-icons{color: #fbbf24;}.sp-res-tips-footer{display: flex; align-items: center; gap: 0.75rem; margin-top: 1.25rem; padding: 1rem 1.25rem; border-radius: 1.25rem; background: rgba(251, 191, 36, 0.08); border: 1px solid rgba(251, 191, 36, 0.2); font-size: 0.875rem; color: #334155; line-height: 1.6;}.sp-res-tips-footer .material-icons{font-size: 24px; color: #f59e0b; flex-shrink: 0;}.sp-res-peer-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; flex-wrap: wrap; gap: 0.75rem;}.sp-res-peer-header__left{display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;}.sp-res-peer-header__left h2, .sp-res-peer-header__left .h2{font-size: 1.125rem; font-weight: 800; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 0.5rem;}.sp-res-peer-header__left h2 .material-icons, .sp-res-peer-header__left .h2 .material-icons{font-size: 24px; color: #8b5cf6;}.sp-res-peer-term-badge{display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 9999px; font-size: 0.625rem; font-weight: 600; background: rgba(56, 189, 248, 0.12); color: #0284c7; border: 1px solid rgba(56, 189, 248, 0.2);}.sp-res-peer-class-badge{display: inline-flex; align-items: center; gap: 0.25rem; padding: 4px 14px; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; background: rgba(167, 139, 250, 0.1); color: #7c3aed; border: 1px solid rgba(167, 139, 250, 0.2);}.sp-res-peer-class-badge .material-icons{font-size: 16px;}.sp-res-peer-gpa-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;}.sp-res-peer-gpa-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem;}.sp-res-peer-gpa-card__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;}.sp-res-peer-gpa-card__header .material-icons{font-size: 22px;}.sp-res-peer-gpa-card__header h3, .sp-res-peer-gpa-card__header .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-res-peer-gpa-hero{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-peer-gpa-hero__left{display: flex; flex-direction: column;}.sp-res-peer-gpa-hero__value{font-size: 32px; font-weight: 800; line-height: 1.1;}.sp-res-peer-gpa-hero__value--violet{color: #7c3aed;}.sp-res-peer-gpa-hero__value--emerald{color: #059669;}.sp-res-peer-gpa-hero__label{font-size: 0.75rem; font-weight: 500; color: #94a3b8; margin-top: 2px;}.sp-res-peer-gpa-hero__right{display: flex; flex-direction: column; align-items: flex-end; gap: 4px;}.sp-res-peer-gpa-hero__badge{display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 9999px; font-size: 0.625rem; font-weight: 700;}.sp-res-peer-gpa-hero__badge--above{background: rgba(52, 211, 153, 0.12); color: #059669; border: 1px solid rgba(52, 211, 153, 0.2);}.sp-res-peer-gpa-hero__badge--below{background: rgba(249, 115, 22, 0.1); color: #f97316; border: 1px solid rgba(249, 115, 22, 0.15);}.sp-res-peer-gpa-hero__badge--at{background: rgba(56, 189, 248, 0.1); color: #0284c7; border: 1px solid rgba(56, 189, 248, 0.15);}.sp-res-peer-gpa-hero__rank{font-size: 0.625rem; font-weight: 600; color: #64748b;}.sp-res-peer-trend--up{font-size: 16px !important; color: #10b981;}.sp-res-peer-trend--down{font-size: 16px !important; color: #f43f5e;}.sp-res-peer-trend--neutral{font-size: 16px !important; color: #94a3b8;}.sp-res-peer-gpa-rows{margin-bottom: 1rem;}.sp-res-peer-gpa-row{display: flex; align-items: center; padding: 0.75rem 0;}.sp-res-peer-gpa-row + .sp-res-peer-gpa-row{border-top: 1px solid rgba(226, 232, 240, 0.7);}.sp-res-peer-gpa-row__label{flex: 1; font-size: 0.875rem; font-weight: 500; color: #64748b;}.sp-res-peer-gpa-row__trend{flex: 0 0 24px; display: flex; align-items: center; justify-content: center; margin-right: 0.5rem;}.sp-res-peer-gpa-row__value{flex: 0 0 auto; font-size: 1rem; font-weight: 700; color: #334155; text-align: right;}.sp-res-peer-position{padding-top: 1rem; border-top: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-peer-position__head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;}.sp-res-peer-position__label{font-size: 0.75rem; font-weight: 600; color: #64748b;}.sp-res-peer-position__insight{font-size: 0.75rem; font-weight: 700;}.sp-res-peer-position__insight--above{color: #059669;}.sp-res-peer-position__insight--below{color: #f97316;}.sp-res-peer-position__insight--at{color: #0284c7;}.sp-res-peer-position__bar{height: 10px; background: rgba(226, 232, 240, 0.5); border-radius: 9999px; overflow: hidden; margin-bottom: 0.5rem;}.sp-res-peer-position__fill{height: 100%; border-radius: 9999px; transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-peer-position__fill--violet{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-res-peer-position__fill--emerald{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-res-peer-position__footer{font-size: 0.625rem; color: #94a3b8; font-weight: 500; font-style: italic;}.sp-res-peer-block{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem; margin-bottom: 1.25rem;}.sp-res-peer-block__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}.sp-res-peer-block__header .material-icons{font-size: 20px; color: #64748b;}.sp-res-peer-block__header h3, .sp-res-peer-block__header .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-res-rank-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}.sp-res-rank-grid-cards{display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;}.sp-res-rank-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 0.5rem 0.75rem; transition: all 0.15s ease;}.sp-res-rank-card--current{border-left: 3px solid #8b5cf6;}.sp-res-rank-card__top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.25rem;}.sp-res-rank-card__term{font-size: 0.75rem; font-weight: 700; color: #1e293b;}.sp-res-rank-card__rank{font-size: 1.125rem; font-weight: 800; color: #7c3aed; line-height: 1.1;}.sp-res-rank-card__rank span{font-size: 0.75rem; font-weight: 500; color: #94a3b8;}.sp-res-rank-card__meta{display: flex; justify-content: space-between; font-size: 0.625rem; color: #64748b; margin-top: 0.25rem;}.sp-res-rank-card__meta strong{color: #1e293b; font-weight: 700;}.sp-res-rank-badge{display: inline-flex; align-items: center; gap: 3px; font-size: 0.625rem; font-weight: 600; padding: 2px 8px; border-radius: 9999px; border: 1px solid transparent;}.sp-res-rank-badge .material-icons{font-size: 13px;}.sp-res-rank-badge--above{background: rgba(16, 185, 129, 0.1); color: #059669; border-color: rgba(16, 185, 129, 0.15);}.sp-res-rank-badge--below{background: rgba(249, 115, 22, 0.1); color: #f97316; border-color: rgba(249, 115, 22, 0.12);}.sp-res-standing-hero{text-align: center; padding: 1.25rem 1rem 1rem;}.sp-res-standing-hero__icon{display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(251, 191, 36, 0.12); margin-bottom: 0.75rem;}.sp-res-standing-hero__icon .material-icons{font-size: 28px; color: #f59e0b;}.sp-res-standing-hero__rank{font-size: 36px; font-weight: 800; color: #1e293b; line-height: 1; margin-bottom: 0.25rem;}.sp-res-standing-hero__label{font-size: 0.75rem; color: #64748b; font-weight: 500; margin-bottom: 0.5rem;}.sp-res-standing-hero__tier{display: inline-block; padding: 3px 12px; border-radius: 9999px; background: rgba(139, 92, 246, 0.1); color: #7c3aed; font-size: 0.75rem; font-weight: 700;}.sp-res-standing-stats{display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; padding: 1rem 0; border-top: 1px solid rgba(226, 232, 240, 0.5); border-bottom: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-standing-stat{text-align: center; padding: 0.5rem;}.sp-res-standing-stat__value{display: block; font-size: 1.125rem; font-weight: 700; color: #1e293b;}.sp-res-standing-stat__label{display: block; font-size: 0.625rem; color: #64748b; margin-top: 2px;}.sp-res-standing-next{margin-top: 1rem; padding: 0.75rem 1rem; border-radius: 1rem; background: rgba(14, 165, 233, 0.06); border: 1px solid rgba(14, 165, 233, 0.12);}.sp-res-standing-next--achieved{background: rgba(16, 185, 129, 0.06); border-color: rgba(16, 185, 129, 0.12);}.sp-res-standing-next--achieved .sp-res-standing-next__header .material-icons{color: #10b981;}.sp-res-standing-next--achieved .sp-res-standing-next__header span{color: #059669;}.sp-res-standing-next__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;}.sp-res-standing-next__header .material-icons{font-size: 18px; color: #0ea5e9;}.sp-res-standing-next__header span{font-size: 0.875rem; font-weight: 700; color: #0284c7;}.sp-res-standing-next__body{font-size: 0.75rem; color: #475569; line-height: 1.5;}.sp-res-standing-next__body strong{color: #1e293b;}.sp-res-pi-header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;}.sp-res-pi-header__icon{width: 36px; height: 36px; border-radius: 1rem; background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(124, 58, 237, 0.06)); display: flex; align-items: center; justify-content: center;}.sp-res-pi-header__icon .material-icons{font-size: 20px; color: #7c3aed;}.sp-res-pi-header__icon--amber{background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.06));}.sp-res-pi-header__icon--amber .material-icons{color: #f59e0b;}.sp-res-pi-header h3, .sp-res-pi-header .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-res-pi-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-res-pi-item{display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 1rem; background: rgba(241, 245, 249, 0.5); border: 1px solid rgba(226, 232, 240, 0.5); transition: all 0.15s ease;}.sp-res-pi-item:hover{border-color: rgba(203, 213, 225, 0.6); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}.sp-res-pi-item__icon{width: 32px; height: 32px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-res-pi-item__icon .material-icons{font-size: 18px;}.sp-res-pi-item__body{display: flex; flex-direction: column; gap: 2px; min-width: 0;}.sp-res-pi-item__title{font-size: 0.875rem; font-weight: 700; color: #1e293b;}.sp-res-pi-item__text{font-size: 0.75rem; color: #64748b; line-height: 1.5;}.sp-res-pi-item__text strong{color: #334155; font-weight: 600;}.sp-res-pi-tips{display: flex; flex-direction: column; gap: 0.5rem;}.sp-res-pi-tip{display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 1rem; background: rgba(241, 245, 249, 0.4); border-left: 3px solid rgba(251, 191, 36, 0.5); transition: all 0.15s ease;}.sp-res-pi-tip:hover{background: rgba(241, 245, 249, 0.7); border-left-color: #f59e0b;}.sp-res-pi-tip .material-icons{font-size: 18px; color: #f59e0b; margin-top: 1px; flex-shrink: 0;}.sp-res-pi-tip span{font-size: 0.75rem; color: #475569; line-height: 1.5;}.sp-res-pi-tip span strong{color: #1e293b; font-weight: 600;}.sp-res-peer-summary-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.sp-res-peer-summary-card{border-radius: 1rem; padding: 1.25rem 1rem; text-align: center;}.sp-res-peer-summary-card--rank{background: rgba(251, 191, 36, 0.1);}.sp-res-peer-summary-card--rank .sp-res-peer-summary-card__icon .material-icons{color: #f59e0b;}.sp-res-peer-summary-card--rank .sp-res-peer-summary-card__value{color: #d97706;}.sp-res-peer-summary-card--above{background: rgba(52, 211, 153, 0.1);}.sp-res-peer-summary-card--above .sp-res-peer-summary-card__icon .material-icons{color: #10b981;}.sp-res-peer-summary-card--above .sp-res-peer-summary-card__value{color: #059669;}.sp-res-peer-summary-card--percentile{background: rgba(167, 139, 250, 0.1);}.sp-res-peer-summary-card--percentile .sp-res-peer-summary-card__icon .material-icons{color: #8b5cf6;}.sp-res-peer-summary-card--percentile .sp-res-peer-summary-card__value{color: #7c3aed;}.sp-res-peer-summary-card__icon{margin-bottom: 0.5rem;}.sp-res-peer-summary-card__icon .material-icons{font-size: 28px;}.sp-res-peer-summary-card__value{font-size: 1.25rem; font-weight: 800; margin-bottom: 0.25rem;}.sp-res-peer-summary-card__label{font-size: 0.875rem; font-weight: 700; color: #334155; margin-bottom: 2px;}.sp-res-peer-summary-card__sub{font-size: 0.625rem; color: #94a3b8; font-weight: 500;}.sp-res-peer-insight-card{display: flex; align-items: flex-start; gap: 1rem; padding: 1.25rem; border-radius: 1.25rem; background: rgba(52, 211, 153, 0.06); border: 1px solid rgba(52, 211, 153, 0.15); margin-bottom: 1.25rem;}.sp-res-peer-insight-card__icon{flex-shrink: 0; width: 40px; height: 40px; border-radius: 1rem; background: rgba(52, 211, 153, 0.15); display: flex; align-items: center; justify-content: center;}.sp-res-peer-insight-card__icon .material-icons{font-size: 22px; color: #059669;}.sp-res-peer-insight-card__title{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 2px;}.sp-res-peer-insight-card__text{font-size: 0.75rem; color: #64748b; margin-bottom: 0.5rem;}.sp-res-peer-insight-card__tags{display: flex; flex-wrap: wrap; gap: 0.5rem;}.sp-res-peer-insight-card__tag{display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 9999px; font-size: 0.625rem; font-weight: 600; background: rgba(52, 211, 153, 0.12); color: #059669;}.sp-res-peer-insight-card__tag small, .sp-res-peer-insight-card__tag .small{font-weight: 700; color: #059669;}.sp-res-cc-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem; margin-bottom: 1rem;}.sp-res-cc-card__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1rem; gap: 0.75rem;}.sp-res-cc-card__title{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-res-cc-card__code{font-weight: 800;}.sp-res-cc-card__sep{margin: 0 4px; color: #94a3b8;}.sp-res-cc-card__name{font-weight: 600;}.sp-res-cc-card__badges{display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0;}.sp-res-cc-card__pctile{font-size: 0.625rem; font-weight: 500; color: #94a3b8;}.sp-res-cc-card__stats{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin-bottom: 1rem;}.sp-res-cc-card__bar{position: relative; height: 12px; background: rgba(226, 232, 240, 0.5); border-radius: 9999px; overflow: hidden;}.sp-res-cc-card__bar-you{position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, #3b82f6, #60a5fa); border-radius: 9999px; z-index: 2; transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-cc-card__bar-avg{position: absolute; top: 0; left: 0; height: 100%; background: rgba(203, 213, 225, 0.6); border-radius: 9999px; z-index: 1; transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-cc-badge{display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 9999px; font-size: 0.625rem; font-weight: 700;}.sp-res-cc-badge--top{background: rgba(56, 189, 248, 0.12); color: #0284c7; border: 1px solid rgba(56, 189, 248, 0.2);}.sp-res-cc-badge--above{background: rgba(52, 211, 153, 0.12); color: #059669; border: 1px solid rgba(52, 211, 153, 0.2);}.sp-res-cc-badge--at{background: rgba(226, 232, 240, 0.5); color: #475569; border: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-cc-badge--below{background: rgba(249, 115, 22, 0.1); color: #f97316; border: 1px solid rgba(249, 115, 22, 0.15);}.sp-res-cc-stat__value{display: block; font-size: 1.25rem; font-weight: 800; color: #64748b; margin-bottom: 2px;}.sp-res-cc-stat__value--you{color: #3b82f6;}.sp-res-cc-stat__label{font-size: 0.625rem; font-weight: 500; color: #94a3b8;}.sp-res-cc-stat--diff{text-align: right;}.sp-res-ao-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}.sp-res-ao-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem;}.sp-res-ao-card__header{margin-bottom: 1rem;}.sp-res-ao-card__header h3, .sp-res-ao-card__header .h3{font-size: 1rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-res-ao-card__header h3 .material-icons, .sp-res-ao-card__header .h3 .material-icons{font-size: 20px; color: #64748b;}.sp-res-ao-trend-row{display: grid; grid-template-columns: 1fr auto auto 1fr; align-items: center; gap: 0.75rem; padding: 0.75rem 0;}.sp-res-ao-trend-row + .sp-res-ao-trend-row{border-top: 1px solid rgba(226, 232, 240, 0.7);}.sp-res-ao-trend-row__term{font-size: 0.875rem; font-weight: 600; color: #334155;}.sp-res-ao-trend-row__icon .material-icons{font-size: 18px; color: #94a3b8;}.sp-res-ao-trend-row__value{font-size: 0.875rem; font-weight: 700; color: #1e293b; min-width: 36px; text-align: right;}.sp-res-ao-trend-row__bar{height: 8px; background: #f1f5f9; border-radius: 9999px; overflow: hidden;}.sp-res-ao-trend-row__fill{height: 100%; background: linear-gradient(90deg, #38bdf8, #0ea5e9); border-radius: 9999px; transition: width 0.6s ease;}.sp-res-ao-grade-row{display: grid; grid-template-columns: 36px auto 1fr 30px; align-items: center; gap: 0.75rem; padding: 0.5rem 0;}.sp-res-ao-grade-row + .sp-res-ao-grade-row{border-top: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-ao-grade-badge{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 28px; border-radius: 0.75rem; font-size: 11px; font-weight: 700; color: #fff;}.sp-res-ao-grade-label{font-size: 0.875rem; color: #475569; font-weight: 500;}.sp-res-ao-grade-bar{height: 8px; background: #f1f5f9; border-radius: 9999px; overflow: hidden;}.sp-res-ao-grade-bar__fill{height: 100%; border-radius: 9999px; transition: width 0.6s ease;}.sp-res-ao-grade-count{font-size: 0.875rem; font-weight: 700; color: #334155; text-align: right;}.sp-res-ao-insights{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.sp-res-ao-insight{border-radius: 1rem; padding: 1.25rem 1rem; text-align: center;}.sp-res-ao-insight--best{background: rgba(251, 191, 36, 0.15);}.sp-res-ao-insight--improve{background: rgba(56, 189, 248, 0.15);}.sp-res-ao-insight--trend{background: rgba(167, 139, 250, 0.15);}.sp-res-ao-insight__icon{margin-bottom: 0.5rem;}.sp-res-ao-insight__icon .material-icons{font-size: 28px; color: #475569;}.sp-res-ao-insight__label{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 0.25rem;}.sp-res-ao-insight__value{font-size: 0.75rem; color: #64748b; font-weight: 500;}.sp-res-pred-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.25rem;}.sp-res-pred-stat{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem; text-align: center;}.sp-res-pred-stat__icon{margin-bottom: 0.5rem;}.sp-res-pred-stat__icon .material-icons{font-size: 28px; color: #8b5cf6;}.sp-res-pred-stat__label{font-size: 0.75rem; color: #64748b; font-weight: 600; margin-bottom: 0.5rem;}.sp-res-pred-stat__value{font-size: 1.5rem; font-weight: 800; color: #1e293b;}.sp-res-pred-stat__bar{height: 6px; border-radius: 3px; background: #f1f5f9; margin-top: 0.5rem; overflow: hidden;}.sp-res-pred-stat__bar-fill{height: 100%; border-radius: 3px; transition: width 1s ease;}.sp-res-pred-stat__badge{display: inline-block; font-size: 0.875rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; border: 1.5px solid;}.sp-res-pred-details{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;}.sp-res-pred-detail{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem;}.sp-res-pred-detail h3, .sp-res-pred-detail .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem;}.sp-res-pred-detail h3 .material-icons, .sp-res-pred-detail .h3 .material-icons{font-size: 22px; color: #64748b;}.sp-res-pred-detail__gpa{font-size: 3rem; font-weight: 900; text-align: center; line-height: 1; margin-bottom: 0.25rem;}.sp-res-pred-detail__sub{text-align: center; font-size: 0.75rem; color: #64748b; margin-bottom: 1rem;}.sp-res-pred-detail__conf{display: flex; justify-content: space-between; font-size: 0.75rem; color: #64748b; margin-bottom: 0.5rem;}.sp-res-pred-detail__conf span:last-child{font-weight: 600; color: #334155;}.sp-res-pred-detail__conf-bar{height: 6px; border-radius: 3px; background: #f1f5f9; overflow: hidden; margin-bottom: 0.75rem;}.sp-res-pred-detail__conf-fill{height: 100%; border-radius: 3px; transition: width 1s ease;}.sp-res-pred-block{margin-bottom: 1.5rem;}.sp-res-pred-block--duo{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}.sp-res-pred-block__card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem;}.sp-res-pred-block__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}.sp-res-pred-block__header .material-icons{font-size: 22px; color: #8b5cf6;}.sp-res-pred-block__header h3, .sp-res-pred-block__header .h3{font-size: 1.125rem; font-weight: 800; color: #1e293b; margin: 0;}.sp-res-pred-alert{display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; border-radius: 1rem; font-size: 0.75rem; font-weight: 600; margin-top: 0.75rem;}.sp-res-pred-alert .material-icons{font-size: 18px; flex-shrink: 0;}.sp-res-pred-alert--danger{background: rgba(244, 63, 94, 0.08); border: 1px solid rgba(244, 63, 94, 0.2); color: #e11d48;}.sp-res-pred-alert--warning{background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.2); color: #d97706;}.sp-res-pred-insight{display: flex; gap: 0.75rem; padding: 1rem; border-radius: 1rem; margin-bottom: 0.75rem; background: #ffffff; border: 1px solid rgba(226, 232, 240, 0.6); border-left: 4px solid #0ea5e9;}.sp-res-pred-insight--positive{border-left-color: #10b981;}.sp-res-pred-insight--negative{border-left-color: #f43f5e;}.sp-res-pred-insight--neutral{border-left-color: #f59e0b;}.sp-res-pred-insight__icon{flex-shrink: 0; width: 36px; height: 36px; border-radius: 9999px; background: rgba(241, 245, 249, 0.8); display: flex; align-items: center; justify-content: center;}.sp-res-pred-insight__icon .material-icons{font-size: 20px; color: #475569;}.sp-res-pred-insight__body{flex: 1;}.sp-res-pred-insight__title{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 2px;}.sp-res-pred-insight__text{font-size: 0.75rem; color: #475569; line-height: 1.5;}.sp-res-pred-rec-title{font-size: 1.125rem; font-weight: 800; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem;}.sp-res-pred-rec-title .material-icons{font-size: 24px; color: #8b5cf6;}.sp-res-pred-rec-list{display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;}.sp-res-pred-rec{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 1rem; background: #ffffff; border: 1px solid rgba(226, 232, 240, 0.6); transition: all 0.15s ease;}.sp-res-pred-rec:hover{border-color: rgba(167, 139, 250, 0.3); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); background: rgba(167, 139, 250, 0.02);}.sp-res-pred-rec__num{flex-shrink: 0; width: 30px; height: 30px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.75rem; font-weight: 800;}.sp-res-pred-rec__text{flex: 1; font-size: 0.75rem; font-weight: 600; color: #334155; line-height: 1.4;}.sp-res-pred-rec__arrow{flex-shrink: 0; color: #cbd5e1;}.sp-res-pred-rec__arrow .material-icons{font-size: 18px;}.sp-res-pred-priority{margin-top: 1.25rem; padding: 1.25rem; border-radius: 1.25rem; background: #f8fafc;}.sp-res-pred-priority__title{font-size: 1rem; font-weight: 800; color: #1e293b; margin: 0 0 1rem;}.sp-res-pred-priority__alert{display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem; border-radius: 1rem; margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.5;}.sp-res-pred-priority__alert .material-icons{font-size: 20px; flex-shrink: 0; margin-top: 1px;}.sp-res-pred-priority__alert strong{font-weight: 700;}.sp-res-pred-priority__alert:last-child{margin-bottom: 0;}.sp-res-pred-priority__alert--danger{background: rgba(244, 63, 94, 0.06); border: 1px solid rgba(244, 63, 94, 0.2); color: #e11d48;}.sp-res-pred-priority__alert--danger .material-icons{color: #f43f5e;}.sp-res-pred-priority__alert--warning{background: rgba(226, 232, 240, 0.4); border: 1px solid rgba(226, 232, 240, 0.8); color: #334155;}.sp-res-pred-priority__alert--warning .material-icons{color: #64748b;}.sp-res-pred-trend-summary{display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.75rem; margin-bottom: 1.25rem;}.sp-res-pred-trend-stat{text-align: center; padding: 0.75rem; border-radius: 1rem; background: #f8fafc;}.sp-res-pred-trend-stat__label{font-size: 0.625rem; color: #64748b; display: block; margin-bottom: 0.25rem;}.sp-res-pred-trend-stat__value{font-size: 1.125rem; font-weight: 800; color: #1e293b;}.sp-res-pred-trend-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}.sp-res-pred-trend-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem;}.sp-res-pred-trend-card h3, .sp-res-pred-trend-card .h3{font-size: 1rem; font-weight: 800; color: #1e293b; margin: 0 0 1rem;}.sp-res-pred-timeline{display: flex; flex-direction: column; gap: 0; position: relative;}.sp-res-pred-tl-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 1rem; border: 1px solid rgba(226, 232, 240, 0.5); margin-bottom: 0.5rem; background: #ffffff; transition: all 0.15s ease;}.sp-res-pred-tl-item:hover{background: #f8fafc;}.sp-res-pred-tl-item__dot{flex-shrink: 0; width: 10px; height: 10px; border-radius: 9999px;}.sp-res-pred-tl-item__info{flex: 1;}.sp-res-pred-tl-item__term{font-size: 0.875rem; font-weight: 700; color: #1e293b;}.sp-res-pred-tl-item__meta{font-size: 0.625rem; color: #64748b;}.sp-res-pred-tl-item__right{text-align: right; flex-shrink: 0;}.sp-res-pred-tl-item__gpa{font-size: 1rem; font-weight: 800;}.sp-res-pred-tl-item__diff{font-size: 0.625rem; font-weight: 600; display: flex; align-items: center; justify-content: flex-end; gap: 2px;}.sp-res-pred-pattern-section{margin-bottom: 1rem;}.sp-res-pred-pattern-section:last-child{margin-bottom: 0;}.sp-res-pred-pattern-section h4, .sp-res-pred-pattern-section .h4{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem;}.sp-res-pred-pattern-row{display: flex; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid rgba(226, 232, 240, 0.5);}.sp-res-pred-pattern-row:last-child{border-bottom: none;}.sp-res-pred-pattern-row__label{flex: 1; font-size: 0.875rem; color: #475569;}.sp-res-pred-pattern-row__value{font-size: 0.875rem; font-weight: 700; margin-right: 0.5rem;}.sp-res-pred-pattern-row__badge{font-size: 0.625rem; font-weight: 700; color: #7c3aed; background: rgba(167, 139, 250, 0.1); padding: 1px 0.5rem; border-radius: 0.75rem;}.sp-res-pred-consistency{text-align: center;}.sp-res-pred-consistency__value{font-size: 1.5rem; font-weight: 900; margin-bottom: 0.5rem;}.sp-res-pred-consistency__bar{height: 8px; border-radius: 4px; background: #f1f5f9; overflow: hidden; margin-bottom: 0.5rem;}.sp-res-pred-consistency__fill{height: 100%; border-radius: 4px; transition: width 1s ease;}.sp-res-pred-consistency__label{font-size: 0.75rem; color: #64748b;}.sp-stat-trend{font-size: 18px !important; margin-left: 4px; vertical-align: middle; animation: sp-trend-bounce 0.6s ease;}.sp-stat-trend--up{color: #10b981;}.sp-stat-trend--down{color: #f43f5e;}.sp-stat-trend--flat{color: #94a3b8;}@keyframes sp-trend-bounce{0%, 100%{transform: translateY(0);}50%{transform: translateY(-3px);}}.sp-stat-delta{display: inline-block; font-size: 0.625rem; font-weight: 700; margin-left: 0.5rem; padding: 1px 6px; border-radius: 9999px;}.sp-stat-delta--up{color: #059669; background: rgba(16, 185, 129, 0.1);}.sp-stat-delta--down{color: #f43f5e; background: rgba(244, 63, 94, 0.1);}.sp-quick-stats .sp-stat-card{position: relative; overflow: hidden;}.sp-stat-sparkline{position: absolute; bottom: 8px; right: 12px; opacity: 0.6; transition: opacity 0.15s ease;}.sp-stat-sparkline svg{display: block;}.sp-stat-card:hover .sp-stat-sparkline{opacity: 1;}.sp-res-progress-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;}@media (max-width: 768px){.sp-res-progress-row{grid-template-columns: 1fr;}}.sp-res-progress-ring-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem; display: flex; align-items: center; gap: 1.25rem;}.sp-res-progress-ring-wrap{position: relative; width: 100px; height: 100px; flex-shrink: 0;}.sp-res-progress-svg{width: 100%; height: 100%; transform: rotate(-90deg);}.sp-res-progress-bg{stroke: rgba(226, 232, 240, 0.5);}.sp-res-progress-fill{stroke: url(/odoocms_student_portal/static/src/scss/#sp-progress-gradient); stroke: #8b5cf6; transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-progress-center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 1;}.sp-res-progress-num{font-size: 1.5rem; font-weight: 800; color: #7c3aed;}.sp-res-progress-sep{font-size: 0.875rem; color: #94a3b8; margin: 0 1px;}.sp-res-progress-total{font-size: 1rem; font-weight: 600; color: #64748b;}.sp-res-progress-info h3, .sp-res-progress-info .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem;}.sp-res-progress-info p{font-size: 0.875rem; color: #64748b; margin: 0 0 0.5rem;}.sp-res-progress-pct{display: inline-block; padding: 2px 10px; border-radius: 9999px; font-size: 0.625rem; font-weight: 700; background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-res-quick-actions{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem;}.sp-res-quick-actions h3, .sp-res-quick-actions .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem;}.sp-res-quick-actions h3 .material-icons, .sp-res-quick-actions .h3 .material-icons{font-size: 20px; color: #f59e0b;}.sp-res-qa-chips{display: flex; flex-wrap: wrap; gap: 0.5rem;}.sp-res-qa-chip{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; color: #475569; background: rgba(241, 245, 249, 0.8); border: 1.5px solid rgba(226, 232, 240, 0.6); cursor: pointer; transition: all 0.15s ease; text-decoration: none; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-res-qa-chip .material-icons{font-size: 16px; color: #94a3b8;}.sp-res-qa-chip:hover{background: rgba(139, 92, 246, 0.08); border-color: rgba(167, 139, 250, 0.3); color: #7c3aed; text-decoration: none; transform: translateY(-1px);}.sp-res-qa-chip:hover .material-icons{color: #8b5cf6;}.sp-res-exam-countdown{display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-radius: 1.25rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; margin-bottom: 1rem;}.sp-res-exam-countdown__icon{width: 48px; height: 48px; border-radius: 9999px; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-res-exam-countdown__icon .material-icons{font-size: 24px;}.sp-res-exam-countdown__info{flex: 1; min-width: 0;}.sp-res-exam-countdown__label{display: block; font-size: 0.625rem; opacity: 0.85; font-weight: 500;}.sp-res-exam-countdown__course{display: block; font-size: 1rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-res-exam-countdown__timer{display: flex; gap: 0.75rem; flex-shrink: 0;}.sp-res-countdown-unit{text-align: center; min-width: 44px;}.sp-res-countdown-num{display: block; font-size: 1.5rem; font-weight: 800; line-height: 1;}.sp-res-countdown-lbl{display: block; font-size: 0.625rem; opacity: 0.75; font-weight: 500; margin-top: 2px;}.sp-res-exam-toggle{display: flex; gap: 0.25rem; margin-bottom: 1rem; background: #f1f5f9; border-radius: 9999px; padding: 3px; width: fit-content;}.sp-res-exam-toggle__btn{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; color: #64748b; background: transparent; border: none; cursor: pointer; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-res-exam-toggle__btn .material-icons{font-size: 16px;}.sp-res-exam-toggle__btn--active{background: #ffffff; color: #7c3aed; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-res-exam-toggle__btn--active .material-icons{color: #8b5cf6;}.sp-res-exam-toggle__btn:hover:not(.sp-res-exam-toggle__btn--active){color: #334155;}.sp-res-exam-card--today{border-color: #fb7185 !important; background: rgba(244, 63, 94, 0.04) !important;}.sp-res-exam-card--soon{border-color: rgba(245, 158, 11, 0.4) !important;}.sp-res-exam-card--completed{opacity: 0.7;}.sp-res-exam-card--upcoming{border-color: rgba(56, 189, 248, 0.3);}.sp-res-exam-status{display: inline-flex; align-items: center; gap: 3px; font-size: 0.625rem; font-weight: 700; padding: 2px 8px; border-radius: 9999px; white-space: nowrap;}.sp-res-exam-status .material-icons{font-size: 14px;}.sp-res-exam-status--today{background: rgba(244, 63, 94, 0.12); color: #e11d48; animation: sp-pulse-status 2s ease infinite;}.sp-res-exam-status--done{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res-exam-status--upcoming{background: rgba(14, 165, 233, 0.12); color: #0284c7;}@keyframes sp-pulse-status{0%, 100%{opacity: 1;}50%{opacity: 0.6;}}.sp-res-exam-stats__card--upcoming .material-icons{color: #0ea5e9 !important;}.sp-res-exam-stats__card--done .material-icons{color: #10b981 !important;}.sp-res-exam-stats__card--today .material-icons{color: #f43f5e !important;}.sp-res-cal-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.25rem;}.sp-res-cal-month{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1rem;}.sp-res-cal-month__header{font-size: 1rem; font-weight: 700; color: #1e293b; text-align: center; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(226, 232, 240, 0.6);}.sp-res-cal-month__days{display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center;}.sp-res-cal-day-name{font-size: 0.625rem; font-weight: 600; color: #94a3b8; padding: 0.25rem 0;}.sp-res-cal-day{position: relative; display: flex; align-items: center; justify-content: center; height: 32px; font-size: 0.75rem; font-weight: 500; color: #475569; border-radius: 0.75rem; cursor: default; transition: background 0.15s ease;}.sp-res-cal-day--empty{visibility: hidden;}.sp-res-cal-day--today{background: rgba(139, 92, 246, 0.12); color: #7c3aed; font-weight: 700;}.sp-res-cal-day--exam{background: rgba(14, 165, 233, 0.12); color: #0284c7; font-weight: 700; cursor: help;}.sp-res-cal-day--exam-done{background: rgba(16, 185, 129, 0.08); color: #059669; font-weight: 600; cursor: help;}.sp-res-cal-dot{position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: currentColor;}.sp-res-donut-wrapper{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; align-items: start;}@media (max-width: 640px){.sp-res-donut-wrapper{grid-template-columns: 1fr;}}.sp-res-donut-chart-wrap{position: relative; min-height: 220px;}.sp-res-donut-chart-wrap canvas{width: 100% !important; height: 220px !important;}.sp-res-scenario-cards-wrap{margin-bottom: 1.25rem;}.sp-res-scenario-presets{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}.sp-res-scenario-preset{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1rem; display: flex; gap: 0.75rem; align-items: flex-start; transition: all 0.15s ease;}.sp-res-scenario-preset:hover{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-scenario-preset:hover:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-res-scenario-preset__icon{width: 40px; height: 40px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-res-scenario-preset__icon .material-icons{font-size: 22px;}.sp-res-scenario-preset__info{flex: 1; min-width: 0;}.sp-res-scenario-preset__name{display: block; font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 2px;}.sp-res-scenario-preset__desc{display: block; font-size: 0.625rem; color: #64748b; margin-bottom: 0.25rem;}.sp-res-scenario-preset__status--ok{font-size: 0.625rem; font-weight: 600; color: #059669;}.sp-res-scenario-preset__status--warn{font-size: 0.625rem; font-weight: 600; color: #d97706;}.sp-res-scenario-preset__status--danger{font-size: 0.625rem; font-weight: 600; color: #f43f5e;}.sp-res-scenario-preset__therm{display: flex; flex-direction: column; align-items: center; gap: 4px; flex-shrink: 0;}.sp-res-scenario-preset__therm-track{width: 8px; height: 48px; border-radius: 4px; background: rgba(226, 232, 240, 0.5); position: relative; overflow: hidden; display: flex; flex-direction: column-reverse;}.sp-res-scenario-preset__therm-fill{width: 100%; border-radius: 4px; transition: height 1s cubic-bezier(0.4, 0, 0.2, 1);}.sp-res-scenario-preset__therm-val{font-size: 0.625rem; font-weight: 700; color: #475569;}.sp-res-obe-radar-wrap{margin-bottom: 1rem;}.sp-res-back-to-top{position: fixed; bottom: 2rem; right: 2rem; width: 44px; height: 44px; border-radius: 9999px; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; border: none; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; z-index: 100;}.sp-res-back-to-top .material-icons{font-size: 24px;}.sp-res-back-to-top--visible{opacity: 1; transform: translateY(0); pointer-events: auto;}.sp-res-back-to-top:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);}@media print{.sp-sidebar, .sp-sidebar-overlay, .sp-tab-nav, .sp-page-actions, .sp-res-quick-actions, .sp-res-exam-toggle, .sp-res-exam-countdown, .sp-res-back-to-top, .sp-att-sub-tabs, [data-tab="analytics"], [data-tab="exams"]{display: none !important;}.sp-tab-panel{display: block !important;}.sp-res-section{break-inside: avoid; box-shadow: none !important; border: 1px solid #e2e8f0;}.sp-stat-card{box-shadow: none !important; border: 1px solid #e2e8f0;}body{background: #fff !important;}}.sp-res-empty{text-align: center; padding: 2.5rem 1.5rem; color: #94a3b8;}.sp-res-empty .material-icons{font-size: 48px; margin-bottom: 0.75rem; opacity: 0.5;}.sp-res-empty p{font-size: 0.875rem; margin: 0;}.dark .sp-modern .sp-res-standing--excellent{background: rgba(52, 211, 153, 0.15); color: #34d399;}.dark .sp-modern .sp-res-standing--good{background: rgba(56, 189, 248, 0.15); color: #38bdf8;}.dark .sp-modern .sp-res-standing--satisfactory{background: rgba(251, 191, 36, 0.15); color: #fbbf24;}.dark .sp-modern .sp-res-standing--warning{background: rgba(251, 113, 133, 0.15); color: #fb7185;}.dark .sp-modern .sp-res-section{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-section__header h2, .dark .sp-modern .sp-res-section__header .h2{color: #e2e8f0;}.dark .sp-modern .sp-res-section__header h2 .material-icons, .dark .sp-modern .sp-res-section__header .h2 .material-icons{color: #a78bfa;}.dark .sp-modern .sp-res-section__header h3, .dark .sp-modern .sp-res-section__header .h3{color: #cbd5e1;}.dark .sp-modern .sp-res-section__header h3 .material-icons, .dark .sp-modern .sp-res-section__header .h3 .material-icons{color: #a78bfa;}.dark .sp-modern .sp-res-section__count{color: #94a3b8;}.dark .sp-modern .sp-btn--outline{border-color: #a78bfa; color: #a78bfa;}.dark .sp-modern .sp-btn--outline:hover{background: #8b5cf6; color: #ffffff;}.dark .sp-modern .sp-res-course-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-course-card__name{color: #e2e8f0;}.dark .sp-modern .sp-res-course-card__meta{color: #94a3b8;}.dark .sp-modern .sp-res-course-card__footer{border-top-color: rgba(71, 85, 105, 0.5);}.dark .sp-modern .sp-res-status--active{background: rgba(52, 211, 153, 0.1); color: #34d399;}.dark .sp-modern .sp-res-status--grading{background: rgba(251, 191, 36, 0.1); color: #fbbf24;}.dark .sp-modern .sp-res-status--done{background: rgba(56, 189, 248, 0.1); color: #38bdf8;}.dark .sp-modern .sp-res-status--withdraw{background: rgba(148, 163, 184, 0.1); color: #94a3b8;}.dark .sp-modern .sp-res-grade--a{color: #34d399;}.dark .sp-modern .sp-res-grade--b{color: #38bdf8;}.dark .sp-modern .sp-res-grade--c{color: #fbbf24;}.dark .sp-modern .sp-res-grade--d{color: #f97316;}.dark .sp-modern .sp-res-grade--f{color: #fb7185;}.dark .sp-modern .sp-res-chart-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-accordion__item{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-accordion__item.sp-res-accordion__item--open{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}.dark .sp-modern .sp-res-accordion__header:hover{background: rgba(167, 139, 250, 0.06);}.dark .sp-modern .sp-res-accordion__name{color: #e2e8f0;}.dark .sp-modern .sp-res-accordion__body{border-top-color: rgba(71, 85, 105, 0.5);}.dark .sp-modern .sp-res-accordion__badge--sgpa{background: rgba(167, 139, 250, 0.15); color: #a78bfa;}.dark .sp-modern .sp-res-accordion__badge--cgpa{background: rgba(52, 211, 153, 0.15); color: #34d399;}.dark .sp-modern .sp-res-accordion__badge--credits{background: rgba(56, 189, 248, 0.15); color: #38bdf8;}.dark .sp-modern .sp-res-term-summary__label{color: #94a3b8;}.dark .sp-modern .sp-res-term-summary__value{color: #e2e8f0;}.dark .sp-modern .sp-res-table thead th{color: #94a3b8; border-bottom-color: #334155;}.dark .sp-modern .sp-res-table tbody td{color: #cbd5e1; border-bottom-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-table tbody tr:hover{background: rgba(167, 139, 250, 0.05);}.dark .sp-modern .sp-res-table__child-header th{background: #1e293b; color: #94a3b8; border-bottom-color: #334155;}.dark .sp-modern .sp-res-table__child td{background: rgba(30, 41, 59, 0.5);}.dark .sp-modern .sp-res-table__parent:hover{background: rgba(167, 139, 250, 0.06);}.dark .sp-modern .sp-res-grade-badge--a{background: rgba(52, 211, 153, 0.1); color: #34d399;}.dark .sp-modern .sp-res-grade-badge--b{background: rgba(56, 189, 248, 0.1); color: #38bdf8;}.dark .sp-modern .sp-res-grade-badge--c{background: rgba(251, 191, 36, 0.1); color: #fbbf24;}.dark .sp-modern .sp-res-grade-badge--d{background: rgba(249, 115, 22, 0.1); color: #f97316;}.dark .sp-modern .sp-res-grade-badge--f{background: rgba(251, 113, 133, 0.1); color: #fb7185;}.dark .sp-modern .sp-res-grade-badge--w{background: rgba(148, 163, 184, 0.1); color: #94a3b8;}.dark .sp-modern .sp-res-grade-badge--x{background: rgba(251, 113, 133, 0.12); color: #fb7185;}.dark .sp-modern .sp-res-exam-card{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-exam-card:hover{border-color: #a78bfa;}.dark .sp-modern .sp-res-exam-card__course{color: #e2e8f0;}.dark .sp-modern .sp-res-exam-card__details{color: #94a3b8;}.dark .sp-modern .sp-res-exam-stats__card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-exam-stats__card .material-icons{color: #a78bfa;}.dark .sp-modern .sp-res-exam-stats__value{color: #e2e8f0;}.dark .sp-modern .sp-res-exam-stats__label{color: #94a3b8;}.dark .sp-modern .sp-res-obe-summary__card{background: rgba(167, 139, 250, 0.08);}.dark .sp-modern .sp-res-obe-summary__card--success{background: rgba(52, 211, 153, 0.08);}.dark .sp-modern .sp-res-obe-summary__card--info{background: rgba(56, 189, 248, 0.08);}.dark .sp-modern .sp-res-obe-summary__value{color: #e2e8f0;}.dark .sp-modern .sp-res-obe-summary__label{color: #94a3b8;}.dark .sp-modern .sp-res-obe-attainment--high{background: rgba(52, 211, 153, 0.1); color: #34d399;}.dark .sp-modern .sp-res-obe-attainment--mid{background: rgba(251, 191, 36, 0.1); color: #fbbf24;}.dark .sp-modern .sp-res-obe-attainment--low{background: rgba(251, 113, 133, 0.1); color: #fb7185;}.dark .sp-modern .sp-res-gc-stat{background: rgba(30, 41, 59, 0.5);}.dark .sp-modern .sp-res-gc-stat__label{color: #94a3b8;}.dark .sp-modern .sp-res-gc-stat__value{color: #e2e8f0;}.dark .sp-modern .sp-res-gc-stat__value--primary{color: #38bdf8;}.dark .sp-modern .sp-res-gc-target__title{color: #e2e8f0;}.dark .sp-modern .sp-res-gc-target__display{color: #94a3b8;}.dark .sp-modern .sp-res-gc-target__display strong{color: #cbd5e1;}.dark .sp-modern .sp-res-gc-courses__title{color: #e2e8f0;}.dark .sp-modern .sp-res-gc-row{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-gc-row__label{color: #94a3b8;}.dark .sp-modern .sp-res-gc-row__remove{background: rgba(51, 65, 85, 0.5); border-color: #475569; color: #94a3b8;}.dark .sp-modern .sp-res-gc-row__remove:hover{background: rgba(251, 113, 133, 0.1); border-color: #fb7185; color: #fb7185;}.dark .sp-modern .sp-res-gc-results__left h3, .dark .sp-modern .sp-res-gc-results__left .h3, .dark .sp-modern .sp-res-gc-results__right h3, .dark .sp-modern .sp-res-gc-results__right .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-gc-alert--warning{background: rgba(251, 113, 133, 0.08); border-color: rgba(251, 113, 133, 0.2); color: #fb7185;}.dark .sp-modern .sp-res-gc-alert--success{background: rgba(52, 211, 153, 0.08); border-color: rgba(52, 211, 153, 0.2); color: #34d399;}.dark .sp-modern .sp-res-gc-result-row{color: #94a3b8; border-bottom-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-gc-result-row strong{color: #e2e8f0;}.dark .sp-modern .sp-res-gc-progress-row{color: #94a3b8;}.dark .sp-modern .sp-res-gc-progress-bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-gc-summary{color: #64748b;}.dark .sp-modern .sp-res-select{background: #1e293b; border-color: #334155; color: #e2e8f0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");}.dark .sp-modern .sp-res-select:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);}.dark .sp-modern .sp-res-input{background: #1e293b; border-color: #334155; color: #e2e8f0;}.dark .sp-modern .sp-res-input:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);}.dark .sp-modern .sp-res-scenario-card{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-scenario-card__title{color: #e2e8f0;}.dark .sp-modern .sp-res-scenario-card__desc{color: #94a3b8;}.dark .sp-modern .sp-res-scenario-target{background: rgba(30, 41, 59, 0.4); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-scenario-target__name{color: #e2e8f0;}.dark .sp-modern .sp-res-scenario-target__desc{color: #64748b;}.dark .sp-modern .sp-res-scenario-target__gpa{color: #a78bfa;}.dark .sp-modern .sp-res-scenario-impact{border-color: rgba(51, 65, 85, 0.4); background: transparent;}.dark .sp-modern .sp-res-scenario-impact:hover{background: rgba(30, 41, 59, 0.4);}.dark .sp-modern .sp-res-scenario-impact__label{color: #cbd5e1;}.dark .sp-modern .sp-res-scenario-impact__cgpa{color: #e2e8f0;}.dark .sp-modern .sp-res-tips-hero{background: linear-gradient(135deg, rgba(124, 58, 237, 0.9), rgba(139, 92, 246, 0.8));}.dark .sp-modern .sp-res-tips-card{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-tips-card:hover{box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);}.dark .sp-modern .sp-res-tips-card__header h4, .dark .sp-modern .sp-res-tips-card__header .h4{color: #e2e8f0;}.dark .sp-modern .sp-res-tips-card__list li{color: #94a3b8;}.dark .sp-modern .sp-res-tips-footer{background: rgba(251, 191, 36, 0.05); border-color: rgba(251, 191, 36, 0.15); color: #94a3b8;}.dark .sp-modern .sp-res-peer-header__left h2, .dark .sp-modern .sp-res-peer-header__left .h2{color: #e2e8f0;}.dark .sp-modern .sp-res-peer-term-badge{background: rgba(56, 189, 248, 0.1); color: #38bdf8; border-color: rgba(56, 189, 248, 0.15);}.dark .sp-modern .sp-res-peer-class-badge{background: rgba(167, 139, 250, 0.1); color: #a78bfa; border-color: rgba(167, 139, 250, 0.15);}.dark .sp-modern .sp-res-peer-gpa-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-peer-gpa-card__header h3, .dark .sp-modern .sp-res-peer-gpa-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-peer-gpa-hero{border-bottom-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-peer-gpa-hero__value--violet{color: #a78bfa;}.dark .sp-modern .sp-res-peer-gpa-hero__value--emerald{color: #34d399;}.dark .sp-modern .sp-res-peer-gpa-hero__label{color: #64748b;}.dark .sp-modern .sp-res-peer-gpa-hero__badge--above{background: rgba(52, 211, 153, 0.08); color: #34d399; border-color: rgba(52, 211, 153, 0.15);}.dark .sp-modern .sp-res-peer-gpa-hero__badge--below{background: rgba(249, 115, 22, 0.08); color: #f97316; border-color: rgba(249, 115, 22, 0.12);}.dark .sp-modern .sp-res-peer-gpa-hero__badge--at{background: rgba(56, 189, 248, 0.08); color: #38bdf8; border-color: rgba(56, 189, 248, 0.12);}.dark .sp-modern .sp-res-peer-gpa-hero__rank{color: #64748b;}.dark .sp-modern .sp-res-peer-gpa-row + .dark .sp-modern .sp-res-peer-gpa-row{border-top-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-peer-gpa-row__label{color: #94a3b8;}.dark .sp-modern .sp-res-peer-gpa-row__value{color: #cbd5e1;}.dark .sp-modern .sp-res-peer-position{border-top-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-peer-position__label{color: #94a3b8;}.dark .sp-modern .sp-res-peer-position__insight--above{color: #34d399;}.dark .sp-modern .sp-res-peer-position__insight--below{color: #f97316;}.dark .sp-modern .sp-res-peer-position__insight--at{color: #38bdf8;}.dark .sp-modern .sp-res-peer-position__bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-peer-position__footer{color: #64748b;}.dark .sp-modern .sp-res-peer-block{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-peer-block__header h3, .dark .sp-modern .sp-res-peer-block__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-rank-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-rank-card--current{border-left-color: #a78bfa;}.dark .sp-modern .sp-res-rank-card__term{color: #e2e8f0;}.dark .sp-modern .sp-res-rank-card__rank{color: #a78bfa;}.dark .sp-modern .sp-res-rank-card__rank span{color: #64748b;}.dark .sp-modern .sp-res-rank-card__meta{color: #64748b;}.dark .sp-modern .sp-res-rank-card__meta strong{color: #cbd5e1;}.dark .sp-modern .sp-res-rank-badge--above{background: rgba(52, 211, 153, 0.08); color: #34d399; border-color: rgba(52, 211, 153, 0.12);}.dark .sp-modern .sp-res-rank-badge--below{background: rgba(249, 115, 22, 0.08); color: #f97316; border-color: rgba(249, 115, 22, 0.1);}.dark .sp-modern .sp-res-standing-hero__rank{color: #e2e8f0;}.dark .sp-modern .sp-res-standing-hero__label{color: #64748b;}.dark .sp-modern .sp-res-standing-hero__tier{background: rgba(167, 139, 250, 0.1); color: #a78bfa;}.dark .sp-modern .sp-res-standing-hero__icon{background: rgba(251, 191, 36, 0.08);}.dark .sp-modern .sp-res-standing-stats{border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-standing-stat__value{color: #e2e8f0;}.dark .sp-modern .sp-res-standing-stat__label{color: #64748b;}.dark .sp-modern .sp-res-standing-next{background: rgba(56, 189, 248, 0.04); border-color: rgba(56, 189, 248, 0.1);}.dark .sp-modern .sp-res-standing-next__header .material-icons{color: #38bdf8;}.dark .sp-modern .sp-res-standing-next__header span{color: #38bdf8;}.dark .sp-modern .sp-res-standing-next__body{color: #94a3b8;}.dark .sp-modern .sp-res-standing-next__body strong{color: #e2e8f0;}.dark .sp-modern .sp-res-standing-next--achieved{background: rgba(52, 211, 153, 0.04); border-color: rgba(52, 211, 153, 0.1);}.dark .sp-modern .sp-res-peer-summary-card--rank{background: rgba(251, 191, 36, 0.08);}.dark .sp-modern .sp-res-peer-summary-card--above{background: rgba(52, 211, 153, 0.08);}.dark .sp-modern .sp-res-peer-summary-card--percentile{background: rgba(167, 139, 250, 0.08);}.dark .sp-modern .sp-res-peer-summary-card__label{color: #cbd5e1;}.dark .sp-modern .sp-res-peer-summary-card__sub{color: #64748b;}.dark .sp-modern .sp-res-pi-header__icon{background: linear-gradient(135deg, rgba(167, 139, 250, 0.1), rgba(167, 139, 250, 0.04));}.dark .sp-modern .sp-res-pi-header__icon .material-icons{color: #a78bfa;}.dark .sp-modern .sp-res-pi-header__icon--amber{background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(251, 191, 36, 0.04));}.dark .sp-modern .sp-res-pi-header__icon--amber .material-icons{color: #fbbf24;}.dark .sp-modern .sp-res-pi-header h3, .dark .sp-modern .sp-res-pi-header .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-pi-item{background: rgba(51, 65, 85, 0.2); border-color: rgba(71, 85, 105, 0.3);}.dark .sp-modern .sp-res-pi-item:hover{border-color: rgba(100, 116, 139, 0.4);}.dark .sp-modern .sp-res-pi-item__title{color: #e2e8f0;}.dark .sp-modern .sp-res-pi-item__text{color: #94a3b8;}.dark .sp-modern .sp-res-pi-item__text strong{color: #cbd5e1;}.dark .sp-modern .sp-res-pi-tip{background: rgba(51, 65, 85, 0.15); border-left-color: rgba(251, 191, 36, 0.4);}.dark .sp-modern .sp-res-pi-tip:hover{background: rgba(51, 65, 85, 0.25); border-left-color: #fbbf24;}.dark .sp-modern .sp-res-pi-tip .material-icons{color: #fbbf24;}.dark .sp-modern .sp-res-pi-tip span{color: #94a3b8;}.dark .sp-modern .sp-res-pi-tip span strong{color: #e2e8f0;}.dark .sp-modern .sp-res-peer-insight-card{background: rgba(52, 211, 153, 0.04); border-color: rgba(52, 211, 153, 0.1);}.dark .sp-modern .sp-res-peer-insight-card__title{color: #e2e8f0;}.dark .sp-modern .sp-res-peer-insight-card__text{color: #94a3b8;}.dark .sp-modern .sp-res-peer-insight-card__tag{background: rgba(52, 211, 153, 0.08); color: #34d399;}.dark .sp-modern .sp-res-peer-insight-card__tag small, .dark .sp-modern .sp-res-peer-insight-card__tag .small{color: #34d399;}.dark .sp-modern .sp-res-cc-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-cc-card__title{color: #e2e8f0;}.dark .sp-modern .sp-res-cc-card__sep{color: #475569;}.dark .sp-modern .sp-res-cc-card__pctile{color: #64748b;}.dark .sp-modern .sp-res-cc-card__bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-cc-card__bar-avg{background: rgba(71, 85, 105, 0.5);}.dark .sp-modern .sp-res-cc-badge--top{background: rgba(56, 189, 248, 0.08); color: #38bdf8; border-color: rgba(56, 189, 248, 0.12);}.dark .sp-modern .sp-res-cc-badge--above{background: rgba(52, 211, 153, 0.08); color: #34d399; border-color: rgba(52, 211, 153, 0.12);}.dark .sp-modern .sp-res-cc-badge--at{background: rgba(71, 85, 105, 0.3); color: #94a3b8; border-color: rgba(71, 85, 105, 0.3);}.dark .sp-modern .sp-res-cc-badge--below{background: rgba(249, 115, 22, 0.08); color: #f97316; border-color: rgba(249, 115, 22, 0.1);}.dark .sp-modern .sp-res-cc-stat__value{color: #94a3b8;}.dark .sp-modern .sp-res-cc-stat__label{color: #64748b;}.dark .sp-modern .sp-res-pred-block__card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-pred-block__header h3, .dark .sp-modern .sp-res-pred-block__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-stat{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-pred-stat__value{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-stat__label{color: #94a3b8;}.dark .sp-modern .sp-res-pred-stat__bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-detail{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-pred-detail h3, .dark .sp-modern .sp-res-pred-detail .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-detail h3 .material-icons, .dark .sp-modern .sp-res-pred-detail .h3 .material-icons{color: #94a3b8;}.dark .sp-modern .sp-res-pred-detail__sub{color: #64748b;}.dark .sp-modern .sp-res-pred-detail__conf{color: #64748b;}.dark .sp-modern .sp-res-pred-detail__conf span:last-child{color: #cbd5e1;}.dark .sp-modern .sp-res-pred-detail__conf-bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-insight{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-insight__icon{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-insight__title{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-insight__text{color: #94a3b8;}.dark .sp-modern .sp-res-pred-rec-title{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-rec{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-rec:hover{border-color: rgba(167, 139, 250, 0.3);}.dark .sp-modern .sp-res-pred-rec__text{color: #cbd5e1;}.dark .sp-modern .sp-res-pred-rec__arrow{color: #475569;}.dark .sp-modern .sp-res-pred-priority{background: rgba(30, 41, 59, 0.4);}.dark .sp-modern .sp-res-pred-priority__title{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-priority__alert--warning{background: rgba(51, 65, 85, 0.4); border-color: rgba(71, 85, 105, 0.5); color: #cbd5e1;}.dark .sp-modern .sp-res-pred-trend-stat{background: rgba(30, 41, 59, 0.4);}.dark .sp-modern .sp-res-pred-trend-stat__label{color: #64748b;}.dark .sp-modern .sp-res-pred-trend-stat__value{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-trend-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-pred-trend-card h3, .dark .sp-modern .sp-res-pred-trend-card .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-tl-item{background: rgba(30, 41, 59, 0.4); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-tl-item:hover{background: rgba(51, 65, 85, 0.4);}.dark .sp-modern .sp-res-pred-tl-item__term{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-tl-item__meta{color: #64748b;}.dark .sp-modern .sp-res-pred-pattern-section h4, .dark .sp-modern .sp-res-pred-pattern-section .h4{color: #e2e8f0;}.dark .sp-modern .sp-res-pred-pattern-row{border-bottom-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-pattern-row__label{color: #94a3b8;}.dark .sp-modern .sp-res-pred-consistency__bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-pred-consistency__label{color: #64748b;}.dark .sp-modern .sp-res-empty{color: #64748b;}.dark .sp-modern .sp-res-empty .material-icons{opacity: 0.3;}.dark .sp-modern .sp-res-ao-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-ao-card__header h3, .dark .sp-modern .sp-res-ao-card__header .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-ao-card__header h3 .material-icons, .dark .sp-modern .sp-res-ao-card__header .h3 .material-icons{color: #94a3b8;}.dark .sp-modern .sp-res-ao-trend-row + .dark .sp-modern .sp-res-ao-trend-row{border-top-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-ao-trend-row__term{color: #cbd5e1;}.dark .sp-modern .sp-res-ao-trend-row__value{color: #e2e8f0;}.dark .sp-modern .sp-res-ao-trend-row__icon .material-icons{color: #64748b;}.dark .sp-modern .sp-res-ao-trend-row__bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-ao-grade-row + .dark .sp-modern .sp-res-ao-grade-row{border-top-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-ao-grade-label{color: #94a3b8;}.dark .sp-modern .sp-res-ao-grade-bar{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-ao-grade-count{color: #cbd5e1;}.dark .sp-modern .sp-res-ao-insight--best{background: rgba(251, 191, 36, 0.08);}.dark .sp-modern .sp-res-ao-insight--improve{background: rgba(56, 189, 248, 0.08);}.dark .sp-modern .sp-res-ao-insight--trend{background: rgba(167, 139, 250, 0.08);}.dark .sp-modern .sp-res-ao-insight__icon .material-icons{color: #94a3b8;}.dark .sp-modern .sp-res-ao-insight__label{color: #e2e8f0;}.dark .sp-modern .sp-res-ao-insight__value{color: #94a3b8;}.dark .sp-modern .sp-stat-trend--up{color: #34d399;}.dark .sp-modern .sp-stat-trend--down{color: #fb7185;}.dark .sp-modern .sp-stat-trend--flat{color: #64748b;}.dark .sp-modern .sp-stat-delta--up{color: #34d399; background: rgba(52, 211, 153, 0.08);}.dark .sp-modern .sp-stat-delta--down{color: #fb7185; background: rgba(251, 113, 133, 0.08);}.dark .sp-modern .sp-res-progress-ring-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-progress-bg{stroke: rgba(71, 85, 105, 0.4);}.dark .sp-modern .sp-res-progress-fill{stroke: #a78bfa;}.dark .sp-modern .sp-res-progress-num{color: #a78bfa;}.dark .sp-modern .sp-res-progress-sep{color: #64748b;}.dark .sp-modern .sp-res-progress-total{color: #94a3b8;}.dark .sp-modern .sp-res-progress-info h3, .dark .sp-modern .sp-res-progress-info .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-progress-info p{color: #94a3b8;}.dark .sp-modern .sp-res-progress-pct{background: rgba(167, 139, 250, 0.1); color: #a78bfa;}.dark .sp-modern .sp-res-quick-actions{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-quick-actions h3, .dark .sp-modern .sp-res-quick-actions .h3{color: #e2e8f0;}.dark .sp-modern .sp-res-qa-chip{background: rgba(51, 65, 85, 0.5); border-color: rgba(71, 85, 105, 0.5); color: #cbd5e1;}.dark .sp-modern .sp-res-qa-chip .material-icons{color: #64748b;}.dark .sp-modern .sp-res-qa-chip:hover{background: rgba(167, 139, 250, 0.1); border-color: rgba(167, 139, 250, 0.3); color: #a78bfa;}.dark .sp-modern .sp-res-qa-chip:hover .material-icons{color: #a78bfa;}.dark .sp-modern .sp-res-exam-countdown{background: linear-gradient(135deg, rgba(124, 58, 237, 0.9), rgba(139, 92, 246, 0.8));}.dark .sp-modern .sp-res-exam-toggle{background: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-exam-toggle__btn{color: #94a3b8;}.dark .sp-modern .sp-res-exam-toggle__btn--active{background: rgba(71, 85, 105, 0.5); color: #a78bfa;}.dark .sp-modern .sp-res-exam-toggle__btn--active .material-icons{color: #a78bfa;}.dark .sp-modern .sp-res-exam-card--today{background: rgba(244, 63, 94, 0.06) !important; border-color: #fb7185 !important;}.dark .sp-modern .sp-res-exam-card--soon{border-color: rgba(251, 191, 36, 0.3) !important;}.dark .sp-modern .sp-res-exam-status--today{background: rgba(251, 113, 133, 0.1); color: #fb7185;}.dark .sp-modern .sp-res-exam-status--done{background: rgba(52, 211, 153, 0.1); color: #34d399;}.dark .sp-modern .sp-res-exam-status--upcoming{background: rgba(56, 189, 248, 0.1); color: #38bdf8;}.dark .sp-modern .sp-res-cal-month{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-cal-month__header{color: #e2e8f0; border-bottom-color: rgba(51, 65, 85, 0.5);}.dark .sp-modern .sp-res-cal-day-name{color: #64748b;}.dark .sp-modern .sp-res-cal-day{color: #94a3b8;}.dark .sp-modern .sp-res-cal-day--today{background: rgba(167, 139, 250, 0.15); color: #a78bfa;}.dark .sp-modern .sp-res-cal-day--exam{background: rgba(56, 189, 248, 0.1); color: #38bdf8;}.dark .sp-modern .sp-res-cal-day--exam-done{background: rgba(52, 211, 153, 0.06); color: #34d399;}.dark .sp-modern .sp-res-accordion__gpa-bar{background: rgba(71, 85, 105, 0.4);}.dark .sp-modern .sp-res-accordion__gpa-label{color: #94a3b8;}.dark .sp-modern .sp-res-scenario-preset{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.dark .sp-modern .sp-res-scenario-preset__name{color: #e2e8f0;}.dark .sp-modern .sp-res-scenario-preset__desc{color: #94a3b8;}.dark .sp-modern .sp-res-scenario-preset__status--ok{color: #34d399;}.dark .sp-modern .sp-res-scenario-preset__status--warn{color: #fbbf24;}.dark .sp-modern .sp-res-scenario-preset__status--danger{color: #fb7185;}.dark .sp-modern .sp-res-scenario-preset__therm-track{background: rgba(71, 85, 105, 0.4);}.dark .sp-modern .sp-res-scenario-preset__therm-val{color: #94a3b8;}.dark .sp-modern .sp-res-back-to-top{box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);}@media (max-width: 768px){.sp-res-section{padding: 1rem;}.sp-res-course-grid{grid-template-columns: 1fr;}.sp-res-accordion__header{flex-direction: column; align-items: flex-start; gap: 0.5rem; padding: 0.75rem 1rem;}.sp-res-accordion__badges{margin-left: 28px;}.sp-res-accordion__gpa-bar-row{padding-left: 28px; width: 100%;}.sp-res-term-summary__item{min-width: 80px;}.sp-res-term-summary__value{font-size: 1rem;}.sp-res-exam-layout{grid-template-columns: 1fr;}.sp-res-exam-stats{flex-direction: row; flex-wrap: wrap;}.sp-res-exam-stats__card{flex: 1; min-width: 100px;}.sp-res-rank-grid{grid-template-columns: 1fr;}.sp-res-peer-gpa-grid{grid-template-columns: 1fr;}.sp-res-peer-summary-grid{grid-template-columns: 1fr;}.sp-res-peer-header{flex-direction: column; align-items: flex-start;}.sp-res-scenario-grid{grid-template-columns: 1fr;}.sp-res-tips-grid{grid-template-columns: 1fr;}.sp-res-tips-hero{flex-direction: column; text-align: center;}.sp-res-pred-stats{grid-template-columns: 1fr;}.sp-res-pred-details{grid-template-columns: 1fr;}.sp-res-pred-block--duo{grid-template-columns: 1fr;}.sp-res-pred-trend-summary{grid-template-columns: repeat(3, 1fr);}.sp-res-pred-trend-grid{grid-template-columns: 1fr;}.sp-res-pred-rec-list{grid-template-columns: 1fr;}.sp-res-cc-card__header{flex-direction: column;}.sp-res-cc-card__badges{align-items: flex-start;}.sp-res-cc-card__stats{grid-template-columns: 1fr 1fr;}.sp-res-gc-stats{grid-template-columns: 1fr;}.sp-res-gc-target{flex-direction: column; align-items: flex-start;}.sp-res-gc-courses__list{grid-template-columns: 1fr;}.sp-res-gc-row{flex-wrap: wrap;}.sp-res-gc-row__name{flex: 1 1 100%;}.sp-res-gc-results__grid{grid-template-columns: 1fr;}.sp-res-scenario-presets{grid-template-columns: 1fr 1fr;}.sp-res-accordion__gpa-bar{max-width: 100%;}.sp-res-ao-grid{grid-template-columns: 1fr;}.sp-res-ao-insights{grid-template-columns: 1fr;}.sp-res-ao-trend-row{grid-template-columns: 1fr auto auto 1fr;}.sp-res-progress-row{grid-template-columns: 1fr;}.sp-res-exam-countdown{flex-wrap: wrap;}.sp-res-exam-countdown__timer{width: 100%; justify-content: center;}.sp-res-cal-grid{grid-template-columns: 1fr;}} /* /odoocms_student_portal/static/src/scss/_course_workspace.scss */ @keyframes cwFadeIn{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}@keyframes cwProgressFill{from{width: 0;}}@keyframes cwRingFill{from{stroke-dashoffset: 251.2;}}.sp-modern .sp-cw-section{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.5rem; margin-bottom: 1.25rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); animation: cwFadeIn 0.4s ease-out both;}.sp-modern .sp-cw-section__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;}.sp-modern .sp-cw-section__header h2, .sp-modern .sp-cw-section__header .h2, .sp-modern .sp-cw-section__header h3, .sp-modern .sp-cw-section__header .h3, .sp-modern .sp-cw-section__header h4, .sp-modern .sp-cw-section__header .h4{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-section__header h2 .material-icons, .sp-modern .sp-cw-section__header .h2 .material-icons, .sp-modern .sp-cw-section__header h3 .material-icons, .sp-modern .sp-cw-section__header .h3 .material-icons, .sp-modern .sp-cw-section__header h4 .material-icons, .sp-modern .sp-cw-section__header .h4 .material-icons{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-cw-section__subtitle{font-size: 0.75rem; font-weight: 600; color: #94a3b8;}.sp-modern .sp-cw-section__count{font-size: 0.75rem; font-weight: 600; color: #94a3b8;}.sp-modern .sp-cw-section__code{font-size: 0.75rem; font-weight: 600; color: #64748b; font-family: 'JetBrains Mono', monospace;}.sp-modern .sp-cw-header-badges{display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center;}.sp-modern .sp-cw-badge{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 600; border-radius: 9999px; line-height: 1.4; white-space: nowrap;}.sp-modern .sp-cw-badge .material-icons{font-size: 0.875rem;}.sp-modern .sp-cw-badge--component{background: rgba(139, 92, 246, 0.12); color: #7c3aed; font-weight: 700;}.sp-modern .sp-cw-badge--component-sm{background: rgba(139, 92, 246, 0.1); color: #7c3aed; font-size: 0.625rem; padding: 2px 0.5rem;}.sp-modern .sp-cw-badge--faculty{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-modern .sp-cw-badge--info{background: rgba(100, 116, 139, 0.1); color: #475569;}.sp-modern .sp-cw-badge--success{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-modern .sp-cw-badge--pending{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-cw-badge--warning{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-cw-badge--danger{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-modern .sp-cw-badge--assessment{background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-modern .sp-cw-badge--weightage{background: rgba(99, 102, 241, 0.1); color: #6366f1; font-weight: 700;}.sp-modern .sp-cw-insights-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-insight-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem 1.25rem; display: flex; align-items: center; gap: 1rem; border-left: 3px solid transparent; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-insight-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-insight-card__icon{width: 2.75rem; height: 2.75rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-insight-card__icon .material-icons{color: #ffffff; font-size: 1.25rem;}.sp-modern .sp-cw-insight-card__icon--violet{background: linear-gradient(135deg, #8b5cf6, #9333ea); box-shadow: 0 6px 15px -3px rgba(139, 92, 246, 0.4);}.sp-modern .sp-cw-insight-card__icon--emerald{background: linear-gradient(135deg, #10b981, #0d9488); box-shadow: 0 6px 15px -3px rgba(16, 185, 129, 0.4);}.sp-modern .sp-cw-insight-card__icon--sky{background: linear-gradient(135deg, #38bdf8, #3b82f6); box-shadow: 0 6px 15px -3px rgba(14, 165, 233, 0.4);}.sp-modern .sp-cw-insight-card__icon--amber{background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 6px 15px -3px rgba(245, 158, 11, 0.4);}.sp-modern .sp-cw-insight-card__icon--rose{background: linear-gradient(135deg, #f43f5e, #e11d48); box-shadow: 0 6px 15px -3px rgba(244, 63, 94, 0.4);}.sp-modern .sp-cw-insight-card__body{display: flex; flex-direction: column; min-width: 0;}.sp-modern .sp-cw-insight-card__value{font-size: 1.25rem; font-weight: 800; color: #1e293b; line-height: 1.2;}.sp-modern .sp-cw-insight-card__label{font-size: 0.75rem; color: #94a3b8; font-weight: 500; margin-top: 2px;}.sp-modern .sp-cw-insight-card__sub{font-size: 0.65rem; color: #94a3b8; font-weight: 400; margin-top: 1px;}.sp-modern .sp-cw-announcements-grid{display: flex; flex-direction: column; gap: 1rem;}.sp-modern .sp-cw-announcement-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; border-left: 3px solid #8b5cf6; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-announcement-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transform: translateX(2px);}.sp-modern .sp-cw-announcement-card__icon{width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-announcement-card__icon .material-icons{color: #8b5cf6; font-size: 1.125rem;}.sp-modern .sp-cw-announcement-card__header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;}.sp-modern .sp-cw-announcement-card__meta{margin-left: auto; display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 0;}.sp-modern .sp-cw-announcement-card__meta h3, .sp-modern .sp-cw-announcement-card__meta .h3{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cw-announcement-card__date{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(16, 185, 129, 0.12); color: #059669; line-height: 1; font-size: 0.625rem; padding: 3px 0.5rem;}.sp-modern .sp-cw-announcement-card__body{font-size: 0.875rem; color: #475569; line-height: 1.6;}.sp-modern .sp-cw-announcement-card__body h4, .sp-modern .sp-cw-announcement-card__body .h4, .sp-modern .sp-cw-announcement-card__body h5, .sp-modern .sp-cw-announcement-card__body .h5{font-weight: 700; color: #1e293b; margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-announcement-card__body p{margin: 0;}.sp-modern .sp-cw-announcement-card__footer{margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #f1f5f9; display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-attachment-indicator{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #94a3b8;}.sp-modern .sp-cw-attachment-indicator .material-icons{font-size: 0.875rem;}.sp-modern .sp-cw-upcoming-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.sp-modern .sp-cw-upcoming-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem; display: flex; align-items: flex-start; gap: 0.75rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-upcoming-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-upcoming-card__left{display: flex; align-items: flex-start; gap: 0.75rem; flex: 1; min-width: 0;}.sp-modern .sp-cw-upcoming-card__icon{width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-upcoming-card__icon .material-icons{color: #8b5cf6; font-size: 1rem;}.sp-modern .sp-cw-upcoming-card__info{min-width: 0; flex: 1;}.sp-modern .sp-cw-upcoming-card__info h4, .sp-modern .sp-cw-upcoming-card__info .h4, .sp-modern .sp-cw-upcoming-card__info h5, .sp-modern .sp-cw-upcoming-card__info .h5{font-size: 0.75rem; font-weight: 600; color: #334155; margin: 0 0 0.25rem 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-modern .sp-cw-upcoming-card__type-badge{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(100, 116, 139, 0.08); color: #64748b; line-height: 1; font-size: 0.625rem;}.sp-modern .sp-cw-upcoming-card__right{text-align: right; flex-shrink: 0; display: flex; flex-direction: column; gap: 2px;}.sp-modern .sp-cw-upcoming-card__date{font-size: 0.625rem; font-weight: 600; color: #64748b; display: flex; align-items: center; gap: 2px; white-space: nowrap;}.sp-modern .sp-cw-upcoming-card__date .material-icons{font-size: 0.75rem;}.sp-modern .sp-cw-upcoming-card__marks{font-size: 0.625rem; color: #94a3b8;}.sp-modern .sp-cw-materials-mini-grid{display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-cw-material-mini-card{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.75rem; background: #f8fafc; transition: all 0.15s ease;}.sp-modern .sp-cw-material-mini-card:hover{background: #f1f5f9;}.sp-modern .sp-cw-material-mini-card__icon{width: 2rem; height: 2rem; border-radius: 0.5rem; background: rgba(14, 165, 233, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-material-mini-card__icon .material-icons{color: #0ea5e9; font-size: 1rem;}.sp-modern .sp-cw-material-mini-card__info{flex: 1; min-width: 0; font-size: 0.875rem; font-weight: 500; color: #334155; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cw-material-mini-card__badge{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(139, 92, 246, 0.1); color: #7c3aed; line-height: 1; font-size: 0.625rem;}.sp-modern .sp-cw-submissions-mini{display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-cw-submission-mini-card{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.75rem; background: #f8fafc; transition: all 0.15s ease;}.sp-modern .sp-cw-submission-mini-card:hover{background: #f1f5f9;}.sp-modern .sp-cw-submission-mini-card__icon{width: 2rem; height: 2rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-submission-mini-card__icon .material-icons{font-size: 1rem;}.sp-modern .sp-cw-submission-mini-card__info{flex: 1; min-width: 0; font-size: 0.875rem; font-weight: 500; color: #334155; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cw-submission-mini-card__deadline{font-size: 0.75rem; color: #94a3b8; white-space: nowrap;}.sp-modern .sp-cw-icon--success{background: rgba(16, 185, 129, 0.12);}.sp-modern .sp-cw-icon--success .material-icons{color: #10b981;}.sp-modern .sp-cw-icon--pending{background: rgba(245, 158, 11, 0.12);}.sp-modern .sp-cw-icon--pending .material-icons{color: #f59e0b;}.sp-modern .sp-cw-filter-tabs{display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; padding: 0.25rem; background: #f1f5f9; border-radius: 9999px; width: fit-content;}.sp-modern .sp-cw-filter-tab{padding: 0.5rem 1rem; font-size: 0.75rem; font-weight: 600; color: #64748b; border-radius: 9999px; border: none; background: transparent; cursor: pointer; transition: all 0.15s ease; white-space: nowrap;}.sp-modern .sp-cw-filter-tab:hover{color: #334155; background: rgba(255, 255, 255, 0.5);}.sp-modern .sp-cw-filter-tab--active{background: #ffffff; color: #1e293b; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-cw-assessment-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem;}.sp-modern .sp-cw-assessment-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 1rem; padding: 1.25rem; display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-cw-assessment-card:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-modern .sp-cw-assessment-card__header{display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap;}.sp-modern .sp-cw-assessment-card__type{display: flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.5rem; border-radius: 0.75rem; flex-shrink: 0;}.sp-modern .sp-cw-assessment-card__type .material-icons{color: #ffffff; font-size: 0.875rem;}.sp-modern .sp-cw-assessment-card__type-label{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #ffffff;}.sp-modern .sp-cw-assessment-card__body{flex: 1;}.sp-modern .sp-cw-assessment-card__body h3, .sp-modern .sp-cw-assessment-card__body .h3{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem 0; line-height: 1.35;}.sp-modern .sp-cw-assessment-card__dates{display: flex; flex-direction: column; gap: 0.25rem; margin-top: 0.5rem;}.sp-modern .sp-cw-assessment-card__date{font-size: 0.75rem; color: #94a3b8; display: flex; align-items: center; gap: 0.25rem;}.sp-modern .sp-cw-assessment-card__date .material-icons{font-size: 0.875rem;}.sp-modern .sp-cw-assessment-card__score{margin-top: 0.75rem; display: flex; align-items: baseline; gap: 0.5rem;}.sp-modern .sp-cw-assessment-card__marks{display: flex; align-items: baseline; gap: 2px;}.sp-modern .sp-cw-assessment-card__obtained{font-size: 1.5rem; font-weight: 800; line-height: 1;}.sp-modern .sp-cw-assessment-card__obtained.grade-a{color: #10b981;}.sp-modern .sp-cw-assessment-card__obtained.grade-b{color: #0ea5e9;}.sp-modern .sp-cw-assessment-card__obtained.grade-c{color: #f59e0b;}.sp-modern .sp-cw-assessment-card__obtained.grade-d{color: #f97316;}.sp-modern .sp-cw-assessment-card__obtained.grade-f{color: #f43f5e;}.sp-modern .sp-cw-assessment-card__separator{font-size: 1.125rem; color: #cbd5e1; font-weight: 300;}.sp-modern .sp-cw-assessment-card__max{font-size: 0.875rem; color: #94a3b8; font-weight: 600;}.sp-modern .sp-cw-assessment-card__no-marks{font-size: 0.75rem; color: #94a3b8; font-style: italic; margin-top: 0.75rem;}.sp-modern .sp-cw-assessment-card__pct{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(139, 92, 246, 0.1); color: #7c3aed; line-height: 1; font-size: 0.75rem; font-weight: 700; margin-left: auto;}.sp-modern .sp-cw-assessment-card__footer{margin-top: auto; padding-top: 0.75rem; border-top: 1px solid #f1f5f9;}.sp-modern .sp-cw-assessment-card__weightage{font-size: 0.75rem; font-weight: 600; color: #94a3b8;}.sp-modern .sp-cw-assessment-card__weightage span{color: #475569;}.sp-modern .sp-cw-assessment-card[data-type="quiz"] .sp-cw-assessment-card__type{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-modern .sp-cw-assessment-card[data-type="assignment"] .sp-cw-assessment-card__type{background: linear-gradient(135deg, #38bdf8, #3b82f6);}.sp-modern .sp-cw-assessment-card[data-type="mid-term"] .sp-cw-assessment-card__type, .sp-modern .sp-cw-assessment-card[data-type="midterm"] .sp-cw-assessment-card__type{background: linear-gradient(135deg, #fbbf24, #f97316);}.sp-modern .sp-cw-assessment-card[data-type="final"] .sp-cw-assessment-card__type{background: linear-gradient(135deg, #fb7185, #db2777);}.sp-modern .sp-cw-assessment-card[data-type="project"] .sp-cw-assessment-card__type{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-cw-assessment-card[data-type="lab work"] .sp-cw-assessment-card__type, .sp-modern .sp-cw-assessment-card[data-type="lab_work"] .sp-cw-assessment-card__type{background: linear-gradient(135deg, #2dd4bf, #0d9488);}.sp-modern .sp-cw-assessment-name{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cw-submissions-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem;}.sp-modern .sp-cw-submission-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 1rem; padding: 1.25rem; display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-cw-submission-card:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-modern .sp-cw-submission-card__header{display: flex; align-items: center; justify-content: space-between;}.sp-modern .sp-cw-submission-card__status{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.02em;}.sp-modern .sp-cw-submission-card__body{flex: 1;}.sp-modern .sp-cw-submission-card__body h4, .sp-modern .sp-cw-submission-card__body .h4, .sp-modern .sp-cw-submission-card__body h5, .sp-modern .sp-cw-submission-card__body .h5{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-submission-card__desc{font-size: 0.75rem; color: #64748b; line-height: 1.5;}.sp-modern .sp-cw-submission-card__dates{display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.75rem; color: #94a3b8;}.sp-modern .sp-cw-submission-card__dates .material-icons{font-size: 0.875rem;}.sp-modern .sp-cw-submission-card__footer{margin-top: auto; padding-top: 0.75rem; border-top: 1px solid #f1f5f9; display: flex; gap: 0.5rem;}.sp-modern .sp-cw-eval-component{margin-bottom: 1.5rem;}.sp-modern .sp-cw-eval-component__header{font-size: 1rem; font-weight: 700; color: #334155; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 2px solid #f1f5f9; display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-table-wrap{overflow-x: auto; border-radius: 1rem; border: 1px solid #e2e8f0; -webkit-overflow-scrolling: touch;}.sp-modern .sp-cw-table{width: 100%; border-collapse: collapse; font-size: 0.875rem;}.sp-modern .sp-cw-table thead th{background: #f8fafc; padding: 0.75rem 1rem; text-align: left; font-weight: 700; font-size: 0.75rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 2px solid #e2e8f0; white-space: nowrap;}.sp-modern .sp-cw-table tbody td{padding: 0.75rem 1rem; color: #475569; border-bottom: 1px solid #f1f5f9; vertical-align: middle;}.sp-modern .sp-cw-table tbody tr{transition: background 0.15s ease;}.sp-modern .sp-cw-table tbody tr:hover{background: rgba(139, 92, 246, 0.03);}.sp-modern .sp-cw-table tbody tr:last-child td{border-bottom: none;}.sp-modern .sp-cw-table__total-row td{font-weight: 700; color: #1e293b; background: #f8fafc; border-top: 2px solid #e2e8f0;}.sp-modern .sp-cw-table--gradebook th:not(:first-child), .sp-modern .sp-cw-table--gradebook td:not(:first-child){text-align: center;}.sp-modern .sp-cw-table--breakdown td:nth-child(1), .sp-modern .sp-cw-table--breakdown td:nth-child(2){text-align: center; font-weight: 600;}.sp-modern .sp-cw-table--breakdown td:nth-child(3){text-align: left;}.sp-modern .sp-cw-table--breakdown td:nth-child(n+4){text-align: center; font-weight: 600;}.sp-modern .sp-cw-table--breakdown th:nth-child(3){text-align: left;}.sp-modern .sp-cw-table--attendance td:first-child{font-weight: 600; color: #334155;}.sp-modern .sp-cw-table--clos th, .sp-modern .sp-cw-table--clos td{text-align: center;}.sp-modern .sp-cw-table--clos th:first-child, .sp-modern .sp-cw-table--clos td:first-child{text-align: left;}.sp-modern .sp-cw-gradebook-type{margin-bottom: 1rem;}.sp-modern .sp-cw-gradebook-type__header{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: #f8fafc; border-radius: 0.75rem; margin-bottom: 0.75rem;}.sp-modern .sp-cw-gradebook-type__header h4, .sp-modern .sp-cw-gradebook-type__header .h4, .sp-modern .sp-cw-gradebook-type__header h5, .sp-modern .sp-cw-gradebook-type__header .h5{font-size: 0.875rem; font-weight: 700; color: #334155; margin: 0;}.sp-modern .sp-cw-gradebook-type__header span{font-size: 0.75rem; color: #94a3b8; font-weight: 600;}.sp-modern .sp-cw-type-cell{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-type-label{font-size: 0.75rem; font-weight: 600; color: #475569;}.sp-modern .sp-cw-pct-label{font-size: 0.75rem; font-weight: 700; color: #8b5cf6;}.sp-modern .sp-cw-projected-grade{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; display: flex; align-items: center; gap: 1rem; margin-top: 1.25rem; border: 1px solid rgba(139, 92, 246, 0.15);}.sp-modern .sp-cw-projected-grade__icon{width: 3rem; height: 3rem; border-radius: 1.25rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.3);}.sp-modern .sp-cw-projected-grade__icon .material-icons{color: #ffffff !important; font-size: 1.5rem;}.sp-modern .sp-cw-projected-grade__info{display: flex; flex-direction: column;}.sp-modern .sp-cw-projected-grade__label{font-size: 0.75rem; color: #94a3b8; font-weight: 500; margin-bottom: 0.25rem;}.sp-modern .sp-cw-projected-grade__label + span, .sp-modern .sp-cw-projected-grade__label + strong{font-size: 1.25rem; font-weight: 800; color: #1e293b;}.sp-modern .sp-cw-attendance-rings{display: flex; flex-wrap: wrap; gap: 1.25rem; margin-bottom: 1.25rem; justify-content: center;}.sp-modern .sp-cw-attendance-ring-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem 1.5rem; text-align: center; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; align-items: center; min-width: 200px; flex: 1; max-width: 280px;}.sp-modern .sp-cw-attendance-ring-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-attendance-ring-wrap{position: relative; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 0.75rem;}.sp-modern .sp-cw-attendance-ring-svg{width: 110px; height: 110px; transform: rotate(-90deg);}.sp-modern .sp-cw-ring-bg{fill: none; stroke: #e2e8f0; stroke-width: 8;}.sp-modern .sp-cw-attendance-ring-center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}.sp-modern .sp-cw-attendance-ring-pct{font-size: 1.25rem; font-weight: 800; color: #1e293b;}.sp-modern .sp-cw-attendance-ring-info{font-size: 0.875rem; font-weight: 600; color: #475569; margin-top: 0.5rem;}.sp-modern .sp-cw-attendance-ring-info h4, .sp-modern .sp-cw-attendance-ring-info .h4{font-size: 0.875rem; font-weight: 700; color: #334155; margin: 0 0 0.25rem 0;}.sp-modern .sp-cw-attendance-cards{display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-attendance-detail-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem;}.sp-modern .sp-cw-attendance-detail-card__header{font-size: 1rem; font-weight: 700; color: #334155; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-attendance-detail-card__header h3, .sp-modern .sp-cw-attendance-detail-card__header .h3{display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 1rem;}.sp-modern .sp-cw-attendance-detail-card__stats{display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem;}.sp-modern .sp-cw-att-stat{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.75rem;}.sp-modern .sp-cw-att-stat .material-icons{font-size: 1.25rem;}.sp-modern .sp-cw-att-stat--present{background: rgba(16, 185, 129, 0.08);}.sp-modern .sp-cw-att-stat--present .material-icons{color: #10b981;}.sp-modern .sp-cw-att-stat--present .sp-cw-att-stat__value{color: #059669;}.sp-modern .sp-cw-att-stat--absent{background: rgba(244, 63, 94, 0.08);}.sp-modern .sp-cw-att-stat--absent .material-icons{color: #f43f5e;}.sp-modern .sp-cw-att-stat--absent .sp-cw-att-stat__value{color: #e11d48;}.sp-modern .sp-cw-att-stat--late{background: rgba(245, 158, 11, 0.08);}.sp-modern .sp-cw-att-stat--late .material-icons{color: #f59e0b;}.sp-modern .sp-cw-att-stat--late .sp-cw-att-stat__value{color: #d97706;}.sp-modern .sp-cw-att-stat--leave{background: rgba(14, 165, 233, 0.08);}.sp-modern .sp-cw-att-stat--leave .material-icons{color: #0ea5e9;}.sp-modern .sp-cw-att-stat--leave .sp-cw-att-stat__value{color: #0284c7;}.sp-modern .sp-cw-att-stat--total{background: #f1f5f9;}.sp-modern .sp-cw-att-stat--total .material-icons{color: #64748b;}.sp-modern .sp-cw-att-stat--total .sp-cw-att-stat__value{color: #334155;}.sp-modern .sp-cw-att-stat__value{font-size: 1.125rem; font-weight: 800; line-height: 1;}.sp-modern .sp-cw-att-stat__label{font-size: 0.625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.03em;}.sp-modern .sp-cw-chart-container{margin-top: 1.25rem; border-radius: 1rem; padding: 1rem; background: #f8fafc; position: relative; min-height: 200px;}.sp-modern .sp-cw-chart-container canvas{max-width: 100%;}.sp-modern .sp-cw-heatmap{margin-top: 1.25rem;}.sp-modern .sp-cw-heatmap__legend{display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;}.sp-modern .sp-cw-heatmap__legend-item{display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: #64748b;}.sp-modern .sp-cw-heatmap__legend-dot{width: 12px; height: 12px; border-radius: 3px;}.sp-modern .sp-cw-heatmap__months{display: flex; flex-wrap: wrap; gap: 1.25rem;}.sp-modern .sp-cw-heatmap__month{flex: 0 0 auto;}.sp-modern .sp-cw-heatmap__month-label{font-size: 0.75rem; font-weight: 700; color: #475569; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.03em;}.sp-modern .sp-cw-heatmap__grid{display: grid; grid-template-columns: repeat(7, 16px); gap: 3px;}.sp-modern .sp-cw-heatmap__day-hdr{font-size: 9px; font-weight: 600; color: #94a3b8; text-align: center; line-height: 16px;}.sp-modern .sp-cw-heatmap__cell{width: 16px; height: 16px; border-radius: 3px; background: #f1f5f9; cursor: pointer; transition: transform 0.1s ease;}.sp-modern .sp-cw-heatmap__cell:hover{transform: scale(1.3); z-index: 1;}.sp-modern .sp-cw-heatmap__cell--empty{background: transparent; cursor: default;}.sp-modern .sp-cw-heatmap__cell--empty:hover{transform: none;}.sp-modern .sp-cw-heatmap-empty{font-size: 0.875rem; color: #94a3b8; text-align: center; padding: 1.5rem;}.sp-modern .sp-cw-materials-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}.sp-modern .sp-cw-material-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 1rem; padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-cw-material-card:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-modern .sp-cw-material-card__icon{width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; background: linear-gradient(135deg, #38bdf8, #3b82f6); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px -2px rgba(14, 165, 233, 0.25);}.sp-modern .sp-cw-material-card__icon .material-icons{color: #ffffff; font-size: 1.25rem;}.sp-modern .sp-cw-material-card__body{flex: 1; min-width: 0;}.sp-modern .sp-cw-material-card__body h3, .sp-modern .sp-cw-material-card__body .h3, .sp-modern .sp-cw-material-card__body h4, .sp-modern .sp-cw-material-card__body .h4, .sp-modern .sp-cw-material-card__body h5, .sp-modern .sp-cw-material-card__body .h5{font-size: 0.75rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem 0; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-modern .sp-cw-material-card__desc{font-size: 0.625rem; color: #64748b; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-modern .sp-cw-material-card__meta{display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap;}.sp-modern .sp-cw-material-card__component{display: inline-flex; align-items: center; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; background: rgba(139, 92, 246, 0.1); color: #7c3aed; line-height: 1; font-size: 0.625rem;}.sp-modern .sp-cw-material-card__action{margin-top: auto; padding-top: 0.75rem;}.sp-modern .sp-cw-material-card__action a, .sp-modern .sp-cw-material-card__action button{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; font-size: 0.75rem; font-weight: 600; color: #ffffff; background: linear-gradient(135deg, #8b5cf6, #9333ea); border-radius: 0.75rem; text-decoration: none; transition: all 0.15s ease; box-shadow: 0 2px 6px rgba(139, 92, 246, 0.25);}.sp-modern .sp-cw-material-card__action a:hover, .sp-modern .sp-cw-material-card__action button:hover{box-shadow: 0 4px 12px rgba(139, 92, 246, 0.35); transform: translateY(-1px); color: #ffffff;}.sp-modern .sp-cw-material-card__action a .material-icons, .sp-modern .sp-cw-material-card__action button .material-icons{font-size: 1rem;}.sp-modern .sp-cw-outline-cards{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-outline-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem;}.sp-modern .sp-cw-outline-card__header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;}.sp-modern .sp-cw-outline-card__header .material-icons{color: #8b5cf6; font-size: 1.25rem;}.sp-modern .sp-cw-outline-card__header h4, .sp-modern .sp-cw-outline-card__header .h4, .sp-modern .sp-cw-outline-card__header h5, .sp-modern .sp-cw-outline-card__header .h5{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-cw-outline-card__content{font-size: 0.875rem; color: #475569; line-height: 1.7;}.sp-modern .sp-cw-outline-card__content p{margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-outline-card__content ul, .sp-modern .sp-cw-outline-card__content ol{padding-left: 1.25rem; margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-outline-card__content li{margin-bottom: 0.25rem;}.sp-modern .sp-cw-books-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-book-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; display: flex; gap: 1rem; border-left: 3px solid #10b981; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-book-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-book-card--reference{border-left-color: #0ea5e9;}.sp-modern .sp-cw-book-card__icon{width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; background: rgba(16, 185, 129, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-book-card__icon .material-icons{color: #10b981; font-size: 1.25rem;}.sp-modern .sp-cw-book-card__body{flex: 1; min-width: 0;}.sp-modern .sp-cw-book-card__body h4, .sp-modern .sp-cw-book-card__body .h4, .sp-modern .sp-cw-book-card__body h5, .sp-modern .sp-cw-book-card__body .h5{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-book-card__meta{font-size: 0.75rem; color: #64748b; line-height: 1.5;}.sp-modern .sp-cw-book-card__desc{font-size: 0.75rem; color: #94a3b8; margin-top: 0.5rem; line-height: 1.5;}.sp-modern .sp-cw-book-card--reference .sp-cw-book-card__icon{background: rgba(14, 165, 233, 0.1);}.sp-modern .sp-cw-book-card--reference .sp-cw-book-card__icon .material-icons{color: #0ea5e9;}.sp-modern .sp-cw-resources-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-resource-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem; display: flex; align-items: center; gap: 0.75rem; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-resource-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transform: translateX(4px);}.sp-modern .sp-cw-resource-card__icon{width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background: rgba(99, 102, 241, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-resource-card__icon .material-icons{color: #6366f1; font-size: 1.125rem;}.sp-modern .sp-cw-resource-card__body{flex: 1; min-width: 0;}.sp-modern .sp-cw-resource-card__body h4, .sp-modern .sp-cw-resource-card__body .h4, .sp-modern .sp-cw-resource-card__body h5, .sp-modern .sp-cw-resource-card__body .h5{font-size: 0.875rem; font-weight: 600; color: #334155; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cw-resource-card__body span{font-size: 0.75rem; color: #94a3b8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}.sp-modern .sp-cw-additional-grid{display: flex; flex-direction: column; gap: 1rem;}.sp-modern .sp-cw-additional-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; width: 100%;}.sp-modern .sp-cw-additional-card__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-modern .sp-cw-additional-card__header .material-icons{color: #f59e0b; font-size: 1.125rem;}.sp-modern .sp-cw-additional-card__header h4, .sp-modern .sp-cw-additional-card__header .h4, .sp-modern .sp-cw-additional-card__header h5, .sp-modern .sp-cw-additional-card__header .h5{font-size: 0.875rem; font-weight: 700; color: #334155; margin: 0; flex: 1;}.sp-modern .sp-cw-additional-card__body{font-size: 0.875rem; color: #475569; line-height: 1.7;}.sp-modern .sp-cw-additional-card__body h1, .sp-modern .sp-cw-additional-card__body .h1, .sp-modern .sp-cw-additional-card__body h2, .sp-modern .sp-cw-additional-card__body .h2, .sp-modern .sp-cw-additional-card__body h3, .sp-modern .sp-cw-additional-card__body .h3, .sp-modern .sp-cw-additional-card__body h4, .sp-modern .sp-cw-additional-card__body .h4, .sp-modern .sp-cw-additional-card__body h5, .sp-modern .sp-cw-additional-card__body .h5, .sp-modern .sp-cw-additional-card__body h6, .sp-modern .sp-cw-additional-card__body .h6{font-size: 1rem; font-weight: 700; color: #334155; margin: 1rem 0 0.5rem 0;}.sp-modern .sp-cw-additional-card__body h1:first-child, .sp-modern .sp-cw-additional-card__body .h1:first-child, .sp-modern .sp-cw-additional-card__body h2:first-child, .sp-modern .sp-cw-additional-card__body .h2:first-child, .sp-modern .sp-cw-additional-card__body h3:first-child, .sp-modern .sp-cw-additional-card__body .h3:first-child, .sp-modern .sp-cw-additional-card__body h4:first-child, .sp-modern .sp-cw-additional-card__body .h4:first-child, .sp-modern .sp-cw-additional-card__body h5:first-child, .sp-modern .sp-cw-additional-card__body .h5:first-child, .sp-modern .sp-cw-additional-card__body h6:first-child, .sp-modern .sp-cw-additional-card__body .h6:first-child{margin-top: 0;}.sp-modern .sp-cw-additional-card__body p{margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-additional-card__body ul, .sp-modern .sp-cw-additional-card__body ol{padding-left: 1.25rem; margin: 0 0 0.75rem 0;}.sp-modern .sp-cw-additional-card__body li{margin-bottom: 0.25rem;}.sp-modern .sp-cw-additional-card__body strong{color: #334155;}.sp-modern .sp-cw-clo-scheme{margin-top: 1.25rem;}.sp-modern .sp-cw-faculty-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem;}.sp-modern .sp-cw-faculty-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; display: flex; align-items: center; gap: 1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-faculty-card:hover{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-faculty-card__avatar{width: 3rem; height: 3rem; border-radius: 9999px; background: linear-gradient(135deg, #8b5cf6, #9333ea); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.125rem; font-weight: 700; color: #ffffff; text-transform: uppercase;}.sp-modern .sp-cw-faculty-card__avatar img{width: 100%; height: 100%; border-radius: 9999px; object-fit: cover;}.sp-modern .sp-cw-faculty-card__info{flex: 1; min-width: 0;}.sp-modern .sp-cw-faculty-card__info h4, .sp-modern .sp-cw-faculty-card__info .h4, .sp-modern .sp-cw-faculty-card__info h5, .sp-modern .sp-cw-faculty-card__info .h5{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cw-faculty-card__info span{font-size: 0.75rem; color: #94a3b8; font-weight: 500;}.sp-modern .sp-cw-progress-bar{height: 0.5rem; border-radius: 9999px; overflow: hidden; background: #e2e8f0; border-radius: 9999px; overflow: hidden; background: #e2e8f0;}.sp-modern .sp-cw-progress-bar > div{height: 100%; border-radius: 9999px; animation: progressFill 1.5s ease-out forwards;}.sp-modern .sp-cw-progress-bar__fill{height: 100%; border-radius: 9999px; background: linear-gradient(135deg, #8b5cf6, #9333ea); animation: cwProgressFill 1s ease-out forwards; transition: width 0.5s ease;}.sp-modern .sp-cw-progress-bar--sm{height: 0.25rem;}.sp-modern .sp-cw-progress-bar--lg{height: 0.75rem;}.sp-modern .sp-cw-progress--high .sp-cw-progress-bar__fill{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-cw-weightage-bar-wrap{margin-top: 0.5rem;}.sp-modern .sp-cw-empty-state{text-align: center; padding: 2.5rem 1.5rem;}.sp-modern .sp-cw-empty-state .material-icons{font-size: 3rem; color: #cbd5e1; margin-bottom: 0.75rem; display: block;}.sp-modern .sp-cw-empty-state p{font-size: 0.875rem; color: #94a3b8; margin: 0;}.sp-modern .sp-cw-empty-state--sm{padding: 1.5rem 1rem;}.sp-modern .sp-cw-empty-state--sm .material-icons{font-size: 2rem; margin-bottom: 0.5rem;}.sp-modern .sp-cw-empty-state--sm p{font-size: 0.75rem;}.sp-modern .sp-cw-text-muted{color: #94a3b8;}.sp-modern .sp-cw-accordion{border-radius: 1rem; overflow: hidden; margin-top: 1rem;}.sp-modern .sp-cw-accordion__trigger, .sp-modern .sp-cw-accordion__toggle{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; background: #f8fafc; border: none; cursor: pointer; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-modern .sp-cw-accordion__trigger:hover, .sp-modern .sp-cw-accordion__toggle:hover{background: #f1f5f9;}.sp-modern .sp-cw-accordion__trigger .material-icons, .sp-modern .sp-cw-accordion__toggle .material-icons{color: #94a3b8; font-size: 1.25rem; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-accordion__trigger[aria-expanded="true"] .material-icons, .sp-modern .sp-cw-accordion__trigger.active .material-icons, .sp-modern .sp-cw-accordion__toggle[aria-expanded="true"] .material-icons, .sp-modern .sp-cw-accordion__toggle.active .material-icons{transform: rotate(180deg);}.sp-modern .sp-cw-accordion__title{font-size: 0.875rem; font-weight: 700; color: #334155;}.sp-modern .sp-cw-accordion__panel, .sp-modern .sp-cw-accordion__body{padding: 1rem 1.25rem; background: #ffffff; border-top: 1px solid #f1f5f9;}.sp-modern .sp-cw-accordion__panel[hidden], .sp-modern .sp-cw-accordion__body[hidden]{display: none;}.sp-modern .sp-cw-streak-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-streak-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem; display: flex; align-items: center; gap: 1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-streak-card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-streak-card__icon{width: 3rem; height: 3rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-streak-card__icon .material-icons{font-size: 1.5rem; color: #ffffff;}.sp-modern .sp-cw-streak-card--current .sp-cw-streak-card__icon{background: linear-gradient(135deg, #f97316, #ea580c); box-shadow: 0 6px 15px -3px rgba(249, 115, 22, 0.4);}.sp-modern .sp-cw-streak-card--best .sp-cw-streak-card__icon{background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 6px 15px -3px rgba(245, 158, 11, 0.4);}.sp-modern .sp-cw-streak-card--rate .sp-cw-streak-card__icon{background: linear-gradient(135deg, #10b981, #0d9488); box-shadow: 0 6px 15px -3px rgba(16, 185, 129, 0.4);}.sp-modern .sp-cw-streak-card__body{display: flex; flex-direction: column; min-width: 0;}.sp-modern .sp-cw-streak-card__count{font-size: 1.5rem; font-weight: 800; color: #1e293b; line-height: 1.2;}.sp-modern .sp-cw-streak-card__label{font-size: 0.875rem; font-weight: 600; color: #334155; margin-top: 2px;}.sp-modern .sp-cw-streak-card__sub{font-size: 0.75rem; color: #94a3b8; font-weight: 400;}.sp-modern .sp-cw-att-calc-container{display: flex; flex-direction: column; gap: 1.25rem;}.sp-modern .sp-cw-att-calc-input{display: flex; align-items: center; gap: 1rem;}.sp-modern .sp-cw-att-calc-input label{font-size: 0.875rem; font-weight: 600; color: #334155; white-space: nowrap;}.sp-modern .sp-cw-att-calc-input__control{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-att-calc-input__field{width: 70px; text-align: center; padding: 0.5rem 0.75rem; border: 1px solid #e2e8f0; border-radius: 0.75rem; font-size: 1rem; font-weight: 700; color: #1e293b; background: #ffffff; outline: none;}.sp-modern .sp-cw-att-calc-input__field:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);}.sp-modern .sp-cw-att-calc-btn{width: 2rem; height: 2rem; border-radius: 0.75rem; border: 1px solid #e2e8f0; background: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #475569;}.sp-modern .sp-cw-att-calc-btn:hover{background: rgba(167, 139, 250, 0.1); border-color: #a78bfa; color: #7c3aed;}.sp-modern .sp-cw-att-calc-btn .material-icons{font-size: 1rem;}.sp-modern .sp-cw-att-scenarios{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;}.sp-modern .sp-cw-att-scenario{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem; text-align: center; border-top: 3px solid transparent; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-att-scenario:hover{transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-att-scenario--safe{border-top-color: #10b981;}.sp-modern .sp-cw-att-scenario--warning{border-top-color: #f59e0b;}.sp-modern .sp-cw-att-scenario--danger{border-top-color: #f43f5e;}.sp-modern .sp-cw-att-scenario__header{display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-modern .sp-cw-att-scenario__header .material-icons{font-size: 1.25rem;}.sp-modern .sp-cw-att-scenario--safe .sp-modern .sp-cw-att-scenario__header .material-icons{color: #10b981;}.sp-modern .sp-cw-att-scenario--warning .sp-modern .sp-cw-att-scenario__header .material-icons{color: #f59e0b;}.sp-modern .sp-cw-att-scenario--danger .sp-modern .sp-cw-att-scenario__header .material-icons{color: #f43f5e;}.sp-modern .sp-cw-att-scenario__label{font-size: 0.875rem; font-weight: 600; color: #334155;}.sp-modern .sp-cw-att-scenario__pct{font-size: 1.5rem; font-weight: 800; margin: 0.5rem 0;}.sp-modern .sp-cw-att-scenario--safe .sp-modern .sp-cw-att-scenario__pct{color: #059669;}.sp-modern .sp-cw-att-scenario--warning .sp-modern .sp-cw-att-scenario__pct{color: #d97706;}.sp-modern .sp-cw-att-scenario--danger .sp-modern .sp-cw-att-scenario__pct{color: #e11d48;}.sp-modern .sp-cw-att-scenario__detail{font-size: 0.75rem; color: #64748b; margin-bottom: 0.5rem;}.sp-modern .sp-cw-att-goals{display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-cw-att-goal{display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 1rem; padding: 0.75rem 1rem; border-radius: 0.75rem; background: rgba(241, 245, 249, 0.5); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-att-goal--achieved{background: rgba(16, 185, 129, 0.08);}.sp-modern .sp-cw-att-goal__label{display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #334155;}.sp-modern .sp-cw-att-goal__label .material-icons{font-size: 1.25rem; color: #94a3b8;}.sp-modern .sp-cw-att-goal--achieved .sp-modern .sp-cw-att-goal__label .material-icons{color: #10b981;}.sp-modern .sp-cw-att-goal__bar{height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden;}.sp-modern .sp-cw-att-goal__fill{height: 100%; border-radius: 4px; transition: width 0.8s ease;}.sp-modern .sp-cw-att-goal__fill--emerald{background: linear-gradient(135deg, #10b981, #0d9488);}.sp-modern .sp-cw-att-goal__fill--sky{background: linear-gradient(135deg, #38bdf8, #3b82f6);}.sp-modern .sp-cw-att-goal__fill--amber{background: linear-gradient(90deg, #fbbf24, #f59e0b);}.sp-modern .sp-cw-att-goal__fill--orange{background: linear-gradient(90deg, #f97316, #ea580c);}.sp-modern .sp-cw-peer-bars{display: flex; flex-direction: column; gap: 1rem;}.sp-modern .sp-cw-peer-bars--grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}.sp-modern .sp-cw-peer-bar-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-peer-bar-card:hover{transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-peer-bar-row__label{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;}.sp-modern .sp-cw-peer-bar-row__name{font-size: 0.875rem; font-weight: 700; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-modern .sp-cw-peer-bar-row__bars{display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-cw-peer-bar-row__diff{display: flex; align-items: center; gap: 0.75rem; margin-top: 0.5rem;}.sp-modern .sp-cw-peer-bar-line{display: grid; grid-template-columns: 32px 1fr 48px; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-peer-bar-line__tag{font-size: 0.625rem; font-weight: 700; color: #7c3aed; text-transform: uppercase;}.sp-modern .sp-cw-peer-bar-line__tag--class{color: #94a3b8;}.sp-modern .sp-cw-peer-bar-line__score{font-size: 0.75rem; font-weight: 700; color: #7c3aed; text-align: right;}.sp-modern .sp-cw-peer-bar-line__score--class{color: #64748b;}.sp-modern .sp-cw-peer-bar{height: 14px; background: #f1f5f9; border-radius: 7px; overflow: hidden;}.sp-modern .sp-cw-peer-bar__fill{height: 100%; border-radius: 7px; transition: width 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); min-width: 4px;}.sp-modern .sp-cw-peer-bar__fill--student{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-modern .sp-cw-peer-bar__fill--class{background: linear-gradient(90deg, #cbd5e1, #94a3b8);}.sp-modern .sp-cw-peer-diff{display: inline-flex; align-items: center; gap: 2px; font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 0.5rem;}.sp-modern .sp-cw-peer-diff .material-icons{font-size: 0.85rem;}.sp-modern .sp-cw-peer-diff--above{color: #059669; background: rgba(16, 185, 129, 0.1);}.sp-modern .sp-cw-peer-diff--below{color: #e11d48; background: rgba(244, 63, 94, 0.1);}.sp-modern .sp-cw-peer-diff--equal{color: #64748b; background: rgba(100, 116, 139, 0.1);}.sp-modern .sp-cw-peer-percentile{font-size: 0.65rem; color: #94a3b8; font-weight: 500;}.sp-modern .sp-cw-recommendations-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem;}.sp-modern .sp-cw-recommendation-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem; display: flex; gap: 0.75rem; border-left: 3px solid transparent; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-recommendation-card:hover{transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-recommendation-card--emerald{border-left-color: #10b981;}.sp-modern .sp-cw-recommendation-card--amber{border-left-color: #f59e0b;}.sp-modern .sp-cw-recommendation-card--rose{border-left-color: #f43f5e;}.sp-modern .sp-cw-recommendation-card--sky{border-left-color: #0ea5e9;}.sp-modern .sp-cw-recommendation-card--violet{border-left-color: #8b5cf6;}.sp-modern .sp-cw-recommendation-card--orange{border-left-color: #f97316;}.sp-modern .sp-cw-recommendation-card__icon{width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-recommendation-card__icon .material-icons{font-size: 1.25rem;}.sp-modern .sp-cw-recommendation-card--emerald .sp-modern .sp-cw-recommendation-card__icon{background: rgba(16, 185, 129, 0.1);}.sp-modern .sp-cw-recommendation-card--emerald .sp-modern .sp-cw-recommendation-card__icon .material-icons{color: #10b981;}.sp-modern .sp-cw-recommendation-card--amber .sp-modern .sp-cw-recommendation-card__icon{background: rgba(245, 158, 11, 0.1);}.sp-modern .sp-cw-recommendation-card--amber .sp-modern .sp-cw-recommendation-card__icon .material-icons{color: #f59e0b;}.sp-modern .sp-cw-recommendation-card--rose .sp-modern .sp-cw-recommendation-card__icon{background: rgba(244, 63, 94, 0.1);}.sp-modern .sp-cw-recommendation-card--rose .sp-modern .sp-cw-recommendation-card__icon .material-icons{color: #f43f5e;}.sp-modern .sp-cw-recommendation-card--sky .sp-modern .sp-cw-recommendation-card__icon{background: rgba(14, 165, 233, 0.1);}.sp-modern .sp-cw-recommendation-card--sky .sp-modern .sp-cw-recommendation-card__icon .material-icons{color: #0ea5e9;}.sp-modern .sp-cw-recommendation-card--violet .sp-modern .sp-cw-recommendation-card__icon{background: rgba(139, 92, 246, 0.1);}.sp-modern .sp-cw-recommendation-card--violet .sp-modern .sp-cw-recommendation-card__icon .material-icons{color: #8b5cf6;}.sp-modern .sp-cw-recommendation-card--orange .sp-modern .sp-cw-recommendation-card__icon{background: rgba(249, 115, 22, 0.1);}.sp-modern .sp-cw-recommendation-card--orange .sp-modern .sp-cw-recommendation-card__icon .material-icons{color: #f97316;}.sp-modern .sp-cw-recommendation-card__body{min-width: 0;}.sp-modern .sp-cw-recommendation-card__body h4, .sp-modern .sp-cw-recommendation-card__body .h4{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 4px 0;}.sp-modern .sp-cw-recommendation-card__body p{font-size: 0.75rem; color: #64748b; margin: 0; line-height: 1.5;}.sp-modern .sp-cw-chart-container--sm{min-height: 300px; padding: 1rem; background: rgba(248, 250, 252, 0.5); border-radius: 1rem; border: 1px solid rgba(226, 232, 240, 0.5);}.sp-modern .sp-cw-row-2col{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;}.sp-modern .sp-cw-row-2col__item{margin-bottom: 0 !important;}.sp-modern .sp-cw-timeline{padding: 1.25rem 0;}.sp-modern .sp-cw-timeline__track{position: relative; height: 6px; background: #e2e8f0; border-radius: 3px; margin: 1.5rem 0.75rem 2rem;}.sp-modern .sp-cw-timeline__progress{position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(135deg, #8b5cf6, #9333ea); border-radius: 3px; transition: width 1s ease-out;}.sp-modern .sp-cw-timeline__dots{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; justify-content: space-between;}.sp-modern .sp-cw-timeline__dot{width: 14px; height: 14px; border-radius: 50%; background: #e2e8f0; border: 2px solid #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative;}.sp-modern .sp-cw-timeline__dot--completed{background: #8b5cf6;}.sp-modern .sp-cw-timeline__dot--current{background: #8b5cf6; box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.25); animation: cwPulse 2s ease-in-out infinite;}.sp-modern .sp-cw-timeline__dot:hover{transform: scale(1.3); z-index: 2;}.sp-modern .sp-cw-timeline__label{position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-size: 0.625rem; color: #94a3b8; white-space: nowrap; font-weight: 500;}.sp-modern .sp-cw-timeline__milestones{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); pointer-events: none;}.sp-modern .sp-cw-timeline__milestone{position: absolute; top: 50%; transform: translate(-50%, -50%); pointer-events: auto;}.sp-modern .sp-cw-timeline__milestone .material-icons{font-size: 1.25rem; color: #8b5cf6; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15)); cursor: pointer;}.sp-modern .sp-cw-timeline__milestone .material-icons:hover{transform: scale(1.2);}.sp-modern .sp-cw-timeline__milestone--quiz .material-icons{color: #8b5cf6;}.sp-modern .sp-cw-timeline__milestone--assignment .material-icons{color: #0ea5e9;}.sp-modern .sp-cw-timeline__milestone--midterm .material-icons{color: #f59e0b;}.sp-modern .sp-cw-timeline__milestone--final .material-icons{color: #f43f5e;}.sp-modern .sp-cw-timeline__tooltip{position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #1e293b; color: #ffffff; padding: 0.5rem 0.75rem; border-radius: 0.75rem; font-size: 0.625rem; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.2s; z-index: 10;}.sp-modern .sp-cw-timeline__tooltip::after{content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #1e293b;}.sp-modern .sp-cw-timeline__dot:hover .sp-modern .sp-cw-timeline__label, .sp-modern .sp-cw-timeline__milestone:hover .sp-modern .sp-cw-timeline__tooltip{opacity: 1;}.sp-modern .sp-cw-timeline__weeks{display: flex; justify-content: space-between; align-items: flex-start; gap: 2px; padding: 0.5rem 0; overflow-x: auto;}.sp-modern .sp-cw-timeline__week{display: flex; flex-direction: column; align-items: center; gap: 0.25rem; flex-shrink: 0; min-width: 32px;}.sp-modern .sp-cw-timeline__week span{font-size: 0.625rem; color: #94a3b8; font-weight: 500;}.sp-modern .sp-cw-timeline__week--past span{color: #8b5cf6; font-weight: 600;}.sp-modern .sp-cw-timeline__week--current span{color: #7c3aed; font-weight: 700;}.sp-modern .sp-cw-timeline__dot--past{background: #8b5cf6;}.sp-modern .sp-cw-timeline__dot--current{background: #8b5cf6; box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.25); animation: cwPulse 2s ease-in-out infinite;}.sp-modern .sp-cw-timeline__milestone .material-icons{font-size: 0.875rem; color: #8b5cf6;}@keyframes cwPulse{0%, 100%{box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.25);}50%{box-shadow: 0 0 0 8px rgba(139, 92, 246, 0.1);}}.sp-modern .sp-cw-perf-ring-container{display: flex; align-items: center; gap: 1.5rem; padding: 0.75rem 0;}.sp-modern .sp-cw-perf-ring-wrap{position: relative; flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center;}.sp-modern .sp-cw-perf-ring-svg{width: 140px; height: 140px; transform: rotate(-90deg);}.sp-modern .sp-cw-perf-ring-bg{fill: none; stroke: #e2e8f0; stroke-width: 8;}.sp-modern .sp-cw-perf-ring-fill{fill: none; stroke: #8b5cf6; stroke-width: 8; stroke-linecap: round; animation: cwRingFill 1.5s ease-out forwards;}.sp-modern .sp-cw-perf-ring-center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; display: flex; flex-direction: column; align-items: center;}.sp-modern .sp-cw-perf-ring-pct{font-size: 1.5rem; font-weight: 800; color: #1e293b; line-height: 1;}.sp-modern .sp-cw-perf-ring-label{font-size: 0.625rem; color: #94a3b8; font-weight: 500; margin-top: 2px;}.sp-modern .sp-cw-perf-ring-info{display: flex; flex-direction: column; gap: 0.75rem;}.sp-modern .sp-cw-perf-ring-stat{display: flex; flex-direction: column; gap: 2px;}.sp-modern .sp-cw-perf-ring-stat__label{font-size: 0.625rem; color: #94a3b8; font-weight: 500;}.sp-modern .sp-cw-perf-ring-stat__value{font-size: 1rem; font-weight: 700; color: #334155;}.sp-modern .sp-cw-insight-card--expandable{cursor: pointer; position: relative; flex-wrap: wrap;}.sp-modern .sp-cw-insight-card__detail{width: 100%; flex-basis: 100%; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #f1f5f9; font-size: 0.625rem; color: #64748b; line-height: 1.5; animation: cwFadeIn 0.3s ease-out;}.sp-modern .sp-cw-insight-card__detail span{display: block;}.sp-modern .sp-cw-view-toggle{display: inline-flex; background: #f1f5f9; border-radius: 9999px; padding: 3px; gap: 2px;}.sp-modern .sp-cw-view-toggle__btn{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 600; color: #64748b; background: transparent; border: none; border-radius: 9999px; cursor: pointer; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-modern .sp-cw-view-toggle__btn .material-icons{font-size: 0.875rem;}.sp-modern .sp-cw-view-toggle__btn:hover{color: #334155;}.sp-modern .sp-cw-view-toggle__btn--active{background: #ffffff; color: #7c3aed; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern #sp_cw_assessment_calendar{padding: 1rem 0;}.sp-modern .sp-cw-cal-month{display: inline-block; vertical-align: top; min-width: 240px; margin-right: 1.5rem; margin-bottom: 1.5rem;}.sp-modern .sp-cw-cal-month__label{font-size: 0.875rem; font-weight: 700; color: #334155; margin-bottom: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em;}.sp-modern .sp-cw-cal-grid{display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px;}.sp-modern .sp-cw-cal-header{font-size: 0.625rem; font-weight: 600; color: #94a3b8; text-align: center; padding: 0.25rem 0; text-transform: uppercase;}.sp-modern .sp-cw-cal-cell{aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.625rem; font-weight: 500; color: #64748b; border-radius: 0.5rem; cursor: default; transition: all 0.15s ease; position: relative;}.sp-modern .sp-cw-cal-cell--today{font-weight: 700; color: #1e293b; box-shadow: inset 0 0 0 2px #cbd5e1;}.sp-modern .sp-cw-cal-cell--empty{visibility: hidden;}.sp-modern .sp-cw-cal-cell--has-assessment{cursor: pointer; font-weight: 700; color: #ffffff;}.sp-modern .sp-cw-cal-cell--has-assessment:hover{transform: scale(1.15); z-index: 2; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-cal-cell--quiz{background: rgba(139, 92, 246, 0.85);}.sp-modern .sp-cw-cal-cell--assignment{background: rgba(14, 165, 233, 0.85);}.sp-modern .sp-cw-cal-cell--midterm{background: rgba(245, 158, 11, 0.85);}.sp-modern .sp-cw-cal-cell--final{background: rgba(244, 63, 94, 0.85);}.sp-modern .sp-cw-cal-cell--other{background: rgba(100, 116, 139, 0.7);}.sp-modern .sp-cw-cal-cell__label{font-size: 0.5rem; line-height: 1; opacity: 0.9;}.sp-modern .sp-cw-cal-legend{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid #f1f5f9;}.sp-modern .sp-cw-cal-legend-item{display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: #64748b;}.sp-modern .sp-cw-cal-legend-dot{width: 10px; height: 10px; border-radius: 3px;}.sp-modern .sp-cw-cal-legend-dot--quiz{background: #8b5cf6;}.sp-modern .sp-cw-cal-legend-dot--assignment{background: #0ea5e9;}.sp-modern .sp-cw-cal-legend-dot--midterm{background: #f59e0b;}.sp-modern .sp-cw-cal-legend-dot--final{background: #f43f5e;}.sp-modern .sp-cw-cal-legend-dot--other{background: #64748b;}.sp-modern .sp-cw-weighted-formula{display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; padding: 1rem 0;}.sp-modern .sp-cw-weighted-chip{display: flex; flex-direction: column; align-items: center; padding: 0.75rem 1rem; border-radius: 1rem; background: #ffffff; border: 2px solid #e2e8f0; min-width: 100px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cw-weighted-chip:hover{transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cw-weighted-chip--quiz{border-color: rgba(139, 92, 246, 0.3);}.sp-modern .sp-cw-weighted-chip--assignment{border-color: rgba(14, 165, 233, 0.3);}.sp-modern .sp-cw-weighted-chip--midterm{border-color: rgba(245, 158, 11, 0.3);}.sp-modern .sp-cw-weighted-chip--final{border-color: rgba(244, 63, 94, 0.3);}.sp-modern .sp-cw-weighted-chip__type{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0.25rem;}.sp-modern .sp-cw-weighted-chip--quiz .sp-modern .sp-cw-weighted-chip__type{color: #8b5cf6;}.sp-modern .sp-cw-weighted-chip--assignment .sp-modern .sp-cw-weighted-chip__type{color: #0ea5e9;}.sp-modern .sp-cw-weighted-chip--midterm .sp-modern .sp-cw-weighted-chip__type{color: #f59e0b;}.sp-modern .sp-cw-weighted-chip--final .sp-modern .sp-cw-weighted-chip__type{color: #f43f5e;}.sp-modern .sp-cw-weighted-chip__formula{font-size: 0.75rem; color: #64748b; font-weight: 500;}.sp-modern .sp-cw-weighted-chip__result{font-size: 1rem; font-weight: 800; color: #1e293b; margin-top: 0.25rem;}.sp-modern .sp-cw-weighted-plus{font-size: 1.125rem; font-weight: 700; color: #cbd5e1;}.sp-modern .sp-cw-weighted-equals{font-size: 1.25rem; font-weight: 800; color: #94a3b8;}.sp-modern .sp-cw-weighted-total-inline{display: flex; flex-direction: column; align-items: center; padding: 0.75rem 1.25rem; background: rgba(139, 92, 246, 0.06); border-radius: 1rem; border: 2px solid rgba(139, 92, 246, 0.15);}.sp-modern .sp-cw-weighted-total-inline__label{font-size: 0.625rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.03em;}.sp-modern .sp-cw-weighted-total-inline__value{font-size: 1.25rem; font-weight: 800; color: #7c3aed;}.sp-modern .sp-cw-weighted-total{display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; background: rgba(139, 92, 246, 0.06); border-radius: 1rem; border: 1px solid rgba(139, 92, 246, 0.15);}.sp-modern .sp-cw-weighted-total__label{font-size: 0.875rem; font-weight: 600; color: #64748b;}.sp-modern .sp-cw-weighted-total__value{font-size: 1.25rem; font-weight: 800; color: #7c3aed;}.sp-modern .sp-cw-att-risk-banner{display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-radius: 1rem; margin-bottom: 1.25rem; animation: cwFadeIn 0.5s ease-out;}.sp-modern .sp-cw-att-risk-banner--warning{background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.2);}.sp-modern .sp-cw-att-risk-banner--critical{background: rgba(244, 63, 94, 0.08); border: 1px solid rgba(244, 63, 94, 0.2);}.sp-modern .sp-cw-att-risk-banner__icon{width: 2.75rem; height: 2.75rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cw-att-risk-banner__icon .material-icons{font-size: 1.5rem; color: #ffffff;}.sp-modern .sp-cw-att-risk-banner--warning .sp-modern .sp-cw-att-risk-banner__icon{background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);}.sp-modern .sp-cw-att-risk-banner--critical .sp-modern .sp-cw-att-risk-banner__icon{background: linear-gradient(135deg, #f43f5e, #e11d48); box-shadow: 0 4px 10px rgba(244, 63, 94, 0.3);}.sp-modern .sp-cw-att-risk-banner__body{flex: 1; min-width: 0;}.sp-modern .sp-cw-att-risk-banner__title{font-size: 0.875rem; font-weight: 700; margin-bottom: 2px;}.sp-modern .sp-cw-att-risk-banner--warning .sp-modern .sp-cw-att-risk-banner__title{color: #d97706;}.sp-modern .sp-cw-att-risk-banner--critical .sp-modern .sp-cw-att-risk-banner__title{color: #e11d48;}.sp-modern .sp-cw-att-risk-banner__desc{font-size: 0.75rem; color: #64748b; line-height: 1.5;}.sp-modern .sp-cw-att-risk-banner__count{text-align: center; flex-shrink: 0;}.sp-modern .sp-cw-att-risk-banner__count-value{font-size: 1.5rem; font-weight: 800; line-height: 1;}.sp-modern .sp-cw-att-risk-banner--warning .sp-modern .sp-cw-att-risk-banner__count-value{color: #d97706;}.sp-modern .sp-cw-att-risk-banner--critical .sp-modern .sp-cw-att-risk-banner__count-value{color: #e11d48;}.sp-modern .sp-cw-att-risk-banner__count-label{font-size: 0.625rem; font-weight: 600; color: #94a3b8; margin-top: 2px;}.sp-modern .sp-cw-comp-bars{display: flex; flex-direction: column; gap: 1rem;}.sp-modern .sp-cw-comp-bar-row{padding: 0.75rem 0; border-bottom: 1px solid rgba(226, 232, 240, 0.5);}.sp-modern .sp-cw-comp-bar-row:last-child{border-bottom: none;}.sp-modern .sp-cw-comp-bar-row__label{font-size: 0.75rem; font-weight: 700; color: #475569; text-transform: capitalize; margin-bottom: 0.5rem;}.sp-modern .sp-cw-comp-bar-row__bars{display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-cw-comp-bar-line{display: grid; grid-template-columns: 36px 1fr 50px; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-comp-bar-line__tag{font-size: 0.625rem; font-weight: 700; color: #7c3aed; text-transform: uppercase;}.sp-modern .sp-cw-comp-bar-line__tag--class{color: #94a3b8;}.sp-modern .sp-cw-comp-bar-line__score{font-size: 0.75rem; font-weight: 700; text-align: right;}.sp-modern .sp-cw-comp-bar{height: 10px; background: #f1f5f9; border-radius: 5px; overflow: hidden;}.sp-modern .sp-cw-comp-bar__fill{height: 100%; border-radius: 5px; transition: width 0.8s ease;}.sp-modern .sp-cw-comp-bar__fill--student{background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-modern .sp-cw-comp-bar__fill--class{background: linear-gradient(90deg, #cbd5e1, #94a3b8);}.sp-modern .sp-cw-comp-legend{display: flex; gap: 1rem; margin-top: 0.75rem; font-size: 0.75rem; color: #64748b;}.sp-modern .sp-cw-comp-legend__item{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cw-comp-legend__dot{width: 10px; height: 10px; border-radius: 5px;}.sp-modern .sp-cw-comp-legend__dot--student{background: #8b5cf6;}.sp-modern .sp-cw-comp-legend__dot--class{background: #94a3b8;}.sp-modern .sp-cw-cprog{display: flex; align-items: center; gap: 1.5rem; padding: 1rem 0;}.sp-modern .sp-cw-cprog__ring-wrap{position: relative; flex-shrink: 0; width: 130px; height: 130px;}.sp-modern .sp-cw-cprog__svg{width: 100%; height: 100%;}.sp-modern .sp-cw-cprog__ring-bg{stroke: #f1f5f9;}.sp-modern .sp-cw-cprog__ring-fill{stroke: #8b5cf6; transition: stroke-dashoffset 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.sp-modern .sp-cw-cprog__ring-center{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}.sp-modern .sp-cw-cprog__ring-pct{font-size: 1.5rem; font-weight: 800; color: #7c3aed; line-height: 1;}.sp-modern .sp-cw-cprog__ring-label{font-size: 0.625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px;}.sp-modern .sp-cw-cprog__details{flex: 1; min-width: 0;}.sp-modern .sp-cw-cprog__title{font-size: 1.125rem; font-weight: 800; color: #1e293b; margin: 0 0 0.5rem 0;}.sp-modern .sp-cw-cprog__date-range{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;}.sp-modern .sp-cw-cprog__date-range .material-icons{font-size: 0.875rem; color: #cbd5e1;}.sp-modern .sp-cw-cprog__date{font-size: 0.75rem; font-weight: 600; color: #64748b; padding: 2px 0.5rem; background: #f8fafc; border-radius: 0.5rem;}.sp-modern .sp-cw-cprog__week-label{font-size: 0.75rem; font-weight: 600; color: #8b5cf6; margin-bottom: 0.75rem;}.sp-modern .sp-cw-cprog__stats{display: flex; gap: 1.25rem; margin-bottom: 0.75rem;}.sp-modern .sp-cw-cprog__stat{display: flex; align-items: center; gap: 0.25rem;}.sp-modern .sp-cw-cprog__stat .material-icons{font-size: 1rem; color: #94a3b8;}.sp-modern .sp-cw-cprog__stat-value{font-size: 1rem; font-weight: 800; color: #334155;}.sp-modern .sp-cw-cprog__stat-label{font-size: 0.75rem; font-weight: 500; color: #94a3b8;}.sp-modern .sp-cw-cprog__bar-wrap{position: relative; height: 8px; background: #f1f5f9; border-radius: 4px; overflow: visible;}.sp-modern .sp-cw-cprog__bar-fill{height: 100%; background: linear-gradient(135deg, #8b5cf6, #9333ea); border-radius: 4px; transition: width 1s ease-out;}.sp-modern .sp-cw-cprog__markers{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); pointer-events: none;}.sp-modern .sp-cw-cprog__marker{position: absolute; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; border: 2px solid #ffffff; pointer-events: auto; cursor: pointer; transition: transform 0.2s;}.sp-modern .sp-cw-cprog__marker:hover{transform: translate(-50%, -50%) scale(1.5); z-index: 2;}.sp-modern.sp-dark-mode .sp-cw-section{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-color: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cw-section__header h3, .sp-modern.sp-dark-mode .sp-cw-section__header .h3, .sp-modern.sp-dark-mode .sp-cw-section__header h4, .sp-modern.sp-dark-mode .sp-cw-section__header .h4{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-section__count{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-section__code{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-badge--component{background: rgba(167, 139, 250, 0.2); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-badge--component-sm{background: rgba(167, 139, 250, 0.15); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-badge--faculty{background: rgba(56, 189, 248, 0.2); color: #38bdf8;}.sp-modern.sp-dark-mode .sp-cw-badge--info{background: rgba(148, 163, 184, 0.2); color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-badge--success{background: rgba(52, 211, 153, 0.2); color: #34d399;}.sp-modern.sp-dark-mode .sp-cw-badge--pending{background: rgba(251, 191, 36, 0.2); color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cw-badge--warning{background: rgba(251, 191, 36, 0.2); color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cw-badge--danger{background: rgba(251, 113, 133, 0.2); color: #fb7185;}.sp-modern.sp-dark-mode .sp-cw-badge--assessment{background: rgba(167, 139, 250, 0.15); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-badge--weightage{background: rgba(129, 140, 248, 0.15); color: #818cf8;}.sp-modern.sp-dark-mode .sp-cw-insight-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-insight-card__value{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-insight-card__label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-announcement-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-left-color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-announcement-card__body{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-announcement-card__body h4, .sp-modern.sp-dark-mode .sp-cw-announcement-card__body .h4, .sp-modern.sp-dark-mode .sp-cw-announcement-card__body h5, .sp-modern.sp-dark-mode .sp-cw-announcement-card__body .h5{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-announcement-card__footer{border-top-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-announcement-card__date{background: rgba(52, 211, 153, 0.2); color: #34d399;}.sp-modern.sp-dark-mode .sp-cw-attachment-indicator{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-upcoming-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-upcoming-card__info h4, .sp-modern.sp-dark-mode .sp-cw-upcoming-card__info .h4, .sp-modern.sp-dark-mode .sp-cw-upcoming-card__info h5, .sp-modern.sp-dark-mode .sp-cw-upcoming-card__info .h5{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-upcoming-card__date{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-upcoming-card__marks{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-material-mini-card{background: rgba(255, 255, 255, 0.05);}.sp-modern.sp-dark-mode .sp-cw-material-mini-card:hover{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-material-mini-card__info{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-submission-mini-card{background: rgba(255, 255, 255, 0.05);}.sp-modern.sp-dark-mode .sp-cw-submission-mini-card:hover{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-submission-mini-card__info{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-submission-mini-card__deadline{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-filter-tabs{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-filter-tab{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-filter-tab:hover{color: #e2e8f0; background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-filter-tab--active{background: rgba(255, 255, 255, 0.12); color: #f1f5f9; box-shadow: none;}.sp-modern.sp-dark-mode .sp-cw-assessment-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-assessment-card__type-label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__date{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__separator{color: #475569;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__max{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__no-marks{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__footer{border-top-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-assessment-card__weightage{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__weightage span{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-assessment-card__pct{background: rgba(167, 139, 250, 0.2); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-assessment-name{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-submission-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-submission-card__body h4, .sp-modern.sp-dark-mode .sp-cw-submission-card__body .h4, .sp-modern.sp-dark-mode .sp-cw-submission-card__body h5, .sp-modern.sp-dark-mode .sp-cw-submission-card__body .h5{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-submission-card__desc{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-submission-card__dates{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-submission-card__footer{border-top-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-eval-component__header{color: #e2e8f0; border-bottom-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-table-wrap{border-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-table thead th{background: rgba(255, 255, 255, 0.05); color: #94a3b8; border-bottom-color: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cw-table tbody td{color: #cbd5e1; border-bottom-color: rgba(255, 255, 255, 0.05);}.sp-modern.sp-dark-mode .sp-cw-table tbody tr:hover{background: rgba(167, 139, 250, 0.05);}.sp-modern.sp-dark-mode .sp-cw-table__total-row td{color: #f1f5f9; background: rgba(255, 255, 255, 0.06); border-top-color: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cw-gradebook-type__header{background: rgba(255, 255, 255, 0.05);}.sp-modern.sp-dark-mode .sp-cw-gradebook-type__header h4, .sp-modern.sp-dark-mode .sp-cw-gradebook-type__header .h4, .sp-modern.sp-dark-mode .sp-cw-gradebook-type__header h5, .sp-modern.sp-dark-mode .sp-cw-gradebook-type__header .h5{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-type-label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-pct-label{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-projected-grade{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-color: rgba(167, 139, 250, 0.2);}.sp-modern.sp-dark-mode .sp-cw-projected-grade__label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-projected-grade__label + span, .sp-modern.sp-dark-mode .sp-cw-projected-grade__label + strong{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-attendance-ring-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-ring-bg{stroke: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cw-attendance-ring-pct{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-attendance-ring-info{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-attendance-detail-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-attendance-detail-card__header{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-att-stat--present{background: rgba(52, 211, 153, 0.15);}.sp-modern.sp-dark-mode .sp-cw-att-stat--absent{background: rgba(251, 113, 133, 0.15);}.sp-modern.sp-dark-mode .sp-cw-att-stat--late{background: rgba(251, 191, 36, 0.15);}.sp-modern.sp-dark-mode .sp-cw-att-stat--leave{background: rgba(56, 189, 248, 0.15);}.sp-modern.sp-dark-mode .sp-cw-att-stat--total{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-att-stat--total .sp-cw-att-stat__value{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-att-stat__label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-chart-container{background: rgba(255, 255, 255, 0.04);}.sp-modern.sp-dark-mode .sp-cw-heatmap__legend-item{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-heatmap__month-label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-heatmap__day-hdr{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-heatmap__cell{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-heatmap-empty{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-material-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-material-card__body h4, .sp-modern.sp-dark-mode .sp-cw-material-card__body .h4, .sp-modern.sp-dark-mode .sp-cw-material-card__body h5, .sp-modern.sp-dark-mode .sp-cw-material-card__body .h5{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-material-card__desc{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-material-card__footer, .sp-modern.sp-dark-mode .sp-cw-material-card__action{border-top-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-material-card__action a{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-material-card__action a:hover{color: #c5b2fc;}.sp-modern.sp-dark-mode .sp-cw-outline-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-outline-card__header h4, .sp-modern.sp-dark-mode .sp-cw-outline-card__header .h4, .sp-modern.sp-dark-mode .sp-cw-outline-card__header h5, .sp-modern.sp-dark-mode .sp-cw-outline-card__header .h5{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-outline-card__content{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-book-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-left-color: #34d399;}.sp-modern.sp-dark-mode .sp-cw-book-card--reference{border-left-color: #38bdf8;}.sp-modern.sp-dark-mode .sp-cw-book-card__body h4, .sp-modern.sp-dark-mode .sp-cw-book-card__body .h4, .sp-modern.sp-dark-mode .sp-cw-book-card__body h5, .sp-modern.sp-dark-mode .sp-cw-book-card__body .h5{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-book-card__meta{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-book-card__desc{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-resource-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-resource-card__body h4, .sp-modern.sp-dark-mode .sp-cw-resource-card__body .h4, .sp-modern.sp-dark-mode .sp-cw-resource-card__body h5, .sp-modern.sp-dark-mode .sp-cw-resource-card__body .h5{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-resource-card__body span{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-additional-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-additional-card__header h4, .sp-modern.sp-dark-mode .sp-cw-additional-card__header .h4, .sp-modern.sp-dark-mode .sp-cw-additional-card__header h5, .sp-modern.sp-dark-mode .sp-cw-additional-card__header .h5{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-additional-card__body{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-faculty-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-faculty-card__info h4, .sp-modern.sp-dark-mode .sp-cw-faculty-card__info .h4, .sp-modern.sp-dark-mode .sp-cw-faculty-card__info h5, .sp-modern.sp-dark-mode .sp-cw-faculty-card__info .h5{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-faculty-card__info span{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-progress-bar{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-empty-state .material-icons{color: #475569;}.sp-modern.sp-dark-mode .sp-cw-empty-state p{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-accordion__trigger, .sp-modern.sp-dark-mode .sp-cw-accordion__toggle{background: rgba(255, 255, 255, 0.05);}.sp-modern.sp-dark-mode .sp-cw-accordion__trigger:hover, .sp-modern.sp-dark-mode .sp-cw-accordion__toggle:hover{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-accordion__title{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-accordion__panel, .sp-modern.sp-dark-mode .sp-cw-accordion__body{background: rgba(255, 255, 255, 0.02); border-top-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-streak-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-streak-card__count{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-streak-card__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-streak-card__sub{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-att-calc-input label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-att-calc-input__field{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-att-calc-input__field:focus{border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);}.sp-modern.sp-dark-mode .sp-cw-att-calc-btn{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-att-calc-btn:hover{background: rgba(167, 139, 250, 0.15); border-color: #a78bfa; color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-att-scenario{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-att-scenario__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-att-scenario__detail{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-att-goal{background: rgba(255, 255, 255, 0.04);}.sp-modern.sp-dark-mode .sp-cw-att-goal--achieved{background: rgba(52, 211, 153, 0.08);}.sp-modern.sp-dark-mode .sp-cw-att-goal__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-att-goal__bar{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-peer-bar-row__name{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-peer-bar{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-peer-bar-line__tag{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-peer-bar-line__tag--class{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-peer-bar-line__score{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-peer-bar-line__score--class{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-peer-percentile{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-comp-bar-row{border-bottom-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-comp-bar-row__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-comp-bar-line__tag{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-comp-bar-line__tag--class{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-comp-bar{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-recommendation-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-recommendation-card__body h4, .sp-modern.sp-dark-mode .sp-cw-recommendation-card__body .h4{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-recommendation-card__body p{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-chart-container--sm{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-insight-card__sub{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-timeline__track{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-timeline__dot{background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.2);}.sp-modern.sp-dark-mode .sp-cw-timeline__dot--completed{background: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-timeline__dot--current{background: #a78bfa; box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.25);}.sp-modern.sp-dark-mode .sp-cw-timeline__label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-timeline__tooltip{background: #e2e8f0; color: #1e293b;}.sp-modern.sp-dark-mode .sp-cw-timeline__tooltip::after{border-top-color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-perf-ring-bg{stroke: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cw-perf-ring-fill{stroke: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-perf-ring-pct{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-perf-ring-label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-perf-ring-stat__label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-perf-ring-stat__value{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-insight-card__detail{border-top-color: rgba(255, 255, 255, 0.08); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-view-toggle{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-view-toggle__btn{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-view-toggle__btn:hover{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-view-toggle__btn--active{background: rgba(255, 255, 255, 0.12); color: #f1f5f9; box-shadow: none;}.sp-modern.sp-dark-mode .sp-cw-cal-month__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-cal-header{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-cal-cell{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-cal-cell--today{color: #f1f5f9; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);}.sp-modern.sp-dark-mode .sp-cw-cal-legend{border-top-color: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-cal-legend-item{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-peer-bar-card{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sp-modern.sp-dark-mode .sp-cw-weighted-chip{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cw-weighted-chip__formula{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-weighted-chip__result{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-weighted-plus{color: #475569;}.sp-modern.sp-dark-mode .sp-cw-weighted-equals{color: #475569;}.sp-modern.sp-dark-mode .sp-cw-weighted-total-inline{background: rgba(167, 139, 250, 0.08); border-color: rgba(167, 139, 250, 0.2);}.sp-modern.sp-dark-mode .sp-cw-weighted-total-inline__label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-weighted-total-inline__value{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-weighted-total{background: rgba(167, 139, 250, 0.08); border-color: rgba(167, 139, 250, 0.2);}.sp-modern.sp-dark-mode .sp-cw-weighted-total__label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-weighted-total__value{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner--warning{background: rgba(251, 191, 36, 0.08); border-color: rgba(251, 191, 36, 0.2);}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner--critical{background: rgba(251, 113, 133, 0.08); border-color: rgba(251, 113, 133, 0.2);}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner--warning .sp-modern.sp-dark-mode .sp-cw-att-risk-banner__title{color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner--critical .sp-modern.sp-dark-mode .sp-cw-att-risk-banner__title{color: #fb7185;}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner__desc{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner--warning .sp-modern.sp-dark-mode .sp-cw-att-risk-banner__count-value{color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner--critical .sp-modern.sp-dark-mode .sp-cw-att-risk-banner__count-value{color: #fb7185;}.sp-modern.sp-dark-mode .sp-cw-att-risk-banner__count-label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-comp-bar-row__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cw-comp-bar-row__pct{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-comp-bar{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cw-comp-legend{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-cprog__ring-bg{stroke: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-cprog__ring-fill{stroke: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-cprog__ring-pct{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-cprog__ring-label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-cprog__title{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cw-cprog__date{background: rgba(255, 255, 255, 0.06); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cw-cprog__week-label{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cw-cprog__stat-value{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cw-cprog__stat-label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-cprog__stat .material-icons{color: #64748b;}.sp-modern.sp-dark-mode .sp-cw-cprog__bar-wrap{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cw-cprog__marker{border-color: rgba(255, 255, 255, 0.2);}@media (max-width: 768px){.sp-modern .sp-cw-section{padding: 1rem; border-radius: 1rem;}.sp-modern .sp-cw-insights-row{grid-template-columns: 1fr 1fr; gap: 0.75rem;}.sp-modern .sp-cw-insight-card{padding: 0.75rem 1rem;}.sp-modern .sp-cw-announcement-card{padding: 1rem;}.sp-modern .sp-cw-announcement-card__header{flex-wrap: wrap;}.sp-modern .sp-cw-announcement-card__meta{margin-left: 0; width: 100%; margin-top: 0.5rem;}.sp-modern .sp-cw-upcoming-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-assessment-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-submissions-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-materials-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-attendance-detail-card__stats{grid-template-columns: repeat(3, 1fr);}.sp-modern .sp-cw-outline-cards{grid-template-columns: 1fr;}.sp-modern .sp-cw-books-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-resources-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-additional-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-faculty-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-filter-tabs{width: 100%; justify-content: center;}.sp-modern .sp-cw-table-wrap{margin-left: -1rem; margin-right: -1rem; border-radius: 0; border-left: none; border-right: none;}.sp-modern .sp-cw-heatmap__months{overflow-x: auto; flex-wrap: nowrap; padding-bottom: 0.75rem;}.sp-modern .sp-cw-streak-row{grid-template-columns: 1fr;}.sp-modern .sp-cw-att-scenarios{grid-template-columns: 1fr 1fr;}.sp-modern .sp-cw-att-calc-input{flex-direction: column; align-items: flex-start;}.sp-modern .sp-cw-att-goal{grid-template-columns: 100px 1fr auto; gap: 0.75rem;}.sp-modern .sp-cw-peer-bar-row{grid-template-columns: 1fr; gap: 0.5rem;}.sp-modern .sp-cw-recommendations-grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-timeline__label{font-size: 0.55rem;}.sp-modern .sp-cw-perf-ring-container{flex-direction: column; text-align: center;}.sp-modern .sp-cw-perf-ring-info{align-items: center;}.sp-modern .sp-cw-cal-month{min-width: auto; display: block; margin-right: 0;}.sp-modern .sp-cw-peer-bars--grid{grid-template-columns: 1fr;}.sp-modern .sp-cw-weighted-formula{justify-content: center;}.sp-modern .sp-cw-weighted-chip{min-width: 80px; padding: 0.5rem 0.75rem;}.sp-modern .sp-cw-att-risk-banner{flex-direction: column; text-align: center;}.sp-modern .sp-cw-att-risk-banner__count{margin-top: 0.5rem;}.sp-modern .sp-cw-row-2col{grid-template-columns: 1fr;}.sp-modern .sp-cw-comp-bar-row{grid-template-columns: 1fr; gap: 0.5rem;}.sp-modern .sp-cw-cprog{flex-direction: column; text-align: center;}.sp-modern .sp-cw-cprog__stats{justify-content: center;}.sp-modern .sp-cw-cprog__date-range{justify-content: center;}.sp-modern .sp-cw-view-toggle{flex-wrap: wrap;}}@media (max-width: 480px){.sp-modern .sp-cw-section{padding: 0.75rem; margin-bottom: 0.75rem; border-radius: 0.75rem;}.sp-modern .sp-cw-section__header{flex-direction: column; align-items: flex-start; gap: 0.5rem;}.sp-modern .sp-cw-section__header h3, .sp-modern .sp-cw-section__header .h3, .sp-modern .sp-cw-section__header h4, .sp-modern .sp-cw-section__header .h4{font-size: 1rem;}.sp-modern .sp-cw-insights-row{grid-template-columns: 1fr;}.sp-modern .sp-cw-insight-card__value{font-size: 1.125rem;}.sp-modern .sp-cw-header-badges{gap: 0.25rem;}.sp-modern .sp-cw-badge{font-size: 0.625rem; padding: 2px 0.5rem;}.sp-modern .sp-cw-upcoming-card{flex-direction: column; align-items: flex-start;}.sp-modern .sp-cw-upcoming-card__right{text-align: left; margin-top: 0.5rem;}.sp-modern .sp-cw-assessment-card{padding: 1rem;}.sp-modern .sp-cw-attendance-rings{grid-template-columns: 1fr;}.sp-modern .sp-cw-att-stat{min-width: 48px; padding: 0.25rem 0.5rem;}.sp-modern .sp-cw-att-stat__value{font-size: 0.875rem;}.sp-modern .sp-cw-accordion__trigger, .sp-modern .sp-cw-accordion__toggle{padding: 0.75rem 1rem;}.sp-modern .sp-cw-accordion__panel, .sp-modern .sp-cw-accordion__body{padding: 0.75rem 1rem;}.sp-modern .sp-cw-material-card{padding: 1rem;}.sp-modern .sp-cw-book-card{flex-direction: column; gap: 0.75rem;}.sp-modern .sp-cw-faculty-card{padding: 1rem;}.sp-modern .sp-cw-streak-card{padding: 1rem;}.sp-modern .sp-cw-streak-card__count{font-size: 1.25rem;}.sp-modern .sp-cw-att-scenarios{grid-template-columns: 1fr;}.sp-modern .sp-cw-att-goal{grid-template-columns: 1fr; text-align: center;}.sp-modern .sp-cw-att-goal__label{justify-content: center;}.sp-modern .sp-cw-timeline__dots{display: none;}.sp-modern .sp-cw-timeline__milestones{display: none;}.sp-modern .sp-cw-perf-ring-svg{width: 110px; height: 110px;}.sp-modern .sp-cw-perf-ring-pct{font-size: 1.25rem;}.sp-modern .sp-cw-cal-grid{gap: 2px;}.sp-modern .sp-cw-weighted-formula{gap: 0.5rem;}.sp-modern .sp-cw-weighted-chip{min-width: 70px; padding: 0.5rem;}.sp-modern .sp-cw-weighted-chip__result{font-size: 0.875rem;}.sp-modern .sp-cw-weighted-plus{font-size: 1rem;}.sp-modern .sp-cw-att-risk-banner{padding: 0.75rem 1rem;}.sp-modern .sp-cw-cprog__ring-wrap{width: 100px; height: 100px;}.sp-modern .sp-cw-cprog__ring-pct{font-size: 1.125rem;}.sp-modern .sp-cw-cprog__stats{flex-direction: column; gap: 0.5rem; align-items: center;}.sp-modern .sp-cw-view-toggle__btn{padding: 0.25rem 0.5rem; font-size: 0.625rem;}} /* /odoocms_student_portal/static/src/scss/_complaints.scss */ .sp-modern .sp-cmp-stat-clickable{cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cmp-stat-clickable--active{transform: translateY(-2px);}.sp-modern .sp-cmp-stat-clickable--active.sp-stat-card--violet{box-shadow: 0 0 0 2px #8b5cf6, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cmp-stat-clickable--active.sp-stat-card--sky{box-shadow: 0 0 0 2px #0ea5e9, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cmp-stat-clickable--active.sp-stat-card--amber{box-shadow: 0 0 0 2px #f59e0b, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cmp-stat-clickable--active.sp-stat-card--emerald{box-shadow: 0 0 0 2px #10b981, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cmp-status-toast{display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 1rem 1.25rem; margin-bottom: 1.25rem; border-radius: 1rem; background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%); border: 1px solid rgba(14, 165, 233, 0.2); opacity: 0; transform: translateY(-12px); transition: opacity 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}.sp-modern .sp-cmp-status-toast--visible{opacity: 1; transform: translateY(0);}.sp-modern .sp-cmp-status-toast--hiding{opacity: 0; transform: translateY(-12px);}.sp-modern .sp-cmp-status-toast__content{display: flex; align-items: center; gap: 0.75rem; font-size: 0.875rem; font-weight: 600; color: #334155; line-height: 1.4;}.sp-modern .sp-cmp-status-toast__content .material-icons{font-size: 1.25rem; color: #0ea5e9; flex-shrink: 0;}.sp-modern .sp-cmp-status-toast__dismiss{border: none; background: rgba(100, 116, 139, 0.08); color: #94a3b8; cursor: pointer; padding: 0.25rem; border-radius: 0.5rem; flex-shrink: 0; transition: all 0.15s ease;}.sp-modern .sp-cmp-status-toast__dismiss .material-icons{font-size: 1rem;}.sp-modern .sp-cmp-status-toast__dismiss:hover{color: #475569; background: rgba(100, 116, 139, 0.15);}.sp-modern .sp-cmp-tabs{display: flex; gap: 0.5rem; margin-bottom: 1.5rem;}.sp-modern .sp-cmp-tabs__btn{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border-radius: 9999px; border: 2px solid #e2e8f0; background: #ffffff; color: #64748b; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cmp-tabs__btn .material-icons{font-size: 1.125rem;}.sp-modern .sp-cmp-tabs__btn:hover{border-color: #a78bfa; color: #7c3aed; background: rgba(139, 92, 246, 0.04);}.sp-modern .sp-cmp-tabs__btn--active{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; border-color: transparent; box-shadow: 0 4px 14px rgba(139, 92, 246, 0.35);}.sp-modern .sp-cmp-tabs__btn--active:hover{color: #ffffff; background: linear-gradient(135deg, #8b5cf6, #9333ea);}.sp-modern .sp-cmp-panel{display: none;}.sp-modern .sp-cmp-panel--active{display: block;}.sp-modern .sp-cmp-filter-bar{display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-modern .sp-cmp-filter-bar__search{flex: 1; min-width: 200px; position: relative;}.sp-modern .sp-cmp-filter-bar__search .material-icons{position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 1.25rem;}.sp-modern .sp-cmp-filter-bar__search input{width: 100%; padding: 0.75rem 1rem 0.75rem 2.5rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff; font-size: 0.875rem; color: #1e293b; transition: border-color 0.15s ease;}.sp-modern .sp-cmp-filter-bar__search input::placeholder{color: #94a3b8;}.sp-modern .sp-cmp-filter-bar__search input:focus{outline: none; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-cmp-filter-bar__select{position: relative;}.sp-modern .sp-cmp-filter-bar__select select{appearance: none; padding: 0.75rem 2.5rem 0.75rem 1rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center; font-size: 0.875rem; color: #334155; cursor: pointer; transition: border-color 0.15s ease; min-width: 140px;}.sp-modern .sp-cmp-filter-bar__select select:focus{outline: none; border-color: #a78bfa;}.sp-modern .sp-cmp-view-bar{display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem;}.sp-modern .sp-cmp-view-toggle{display: flex; gap: 0.25rem; background: #f1f5f9; border-radius: 1rem; padding: 3px;}.sp-modern .sp-cmp-view-toggle__btn{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 0.75rem; border: none; background: transparent; color: #94a3b8; cursor: pointer; transition: all 0.15s ease;}.sp-modern .sp-cmp-view-toggle__btn .material-icons{font-size: 1.125rem;}.sp-modern .sp-cmp-view-toggle__btn:hover{color: #8b5cf6; background: rgba(139, 92, 246, 0.08);}.sp-modern .sp-cmp-view-toggle__btn--active{background: #ffffff; color: #7c3aed; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-cmp-dashboard-row{display: flex; gap: 1rem; margin-bottom: 1.5rem; align-items: stretch;}.sp-modern .sp-cmp-dashboard-row__stats{flex: 0 0 35%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem;}.sp-modern .sp-cmp-dashboard-row__chart{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); flex: 0 0 38%; border-radius: 1.25rem; padding: 0.75rem 1rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); display: flex; flex-direction: column;}.sp-modern .sp-cmp-dashboard-row__chart canvas{width: 100% !important; flex: 1; min-height: 0; max-height: 130px;}.sp-modern .sp-cmp-dashboard-row__metric{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); flex: 1; border-radius: 1.25rem; padding: 0.75rem 1rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); display: flex; flex-direction: column;}.sp-modern .sp-cmp-stat-compact{padding: 0.5rem 0.75rem !important; border-radius: 1rem !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5rem !important;}.sp-modern .sp-cmp-stat-compact .sp-stat-card__icon{width: 28px !important; height: 28px !important; min-width: 28px; border-radius: 0.75rem !important; box-shadow: none !important;}.sp-modern .sp-cmp-stat-compact .sp-stat-card__icon .material-icons{font-size: 0.85rem !important;}.sp-modern .sp-cmp-stat-compact .sp-stat-card__body{display: flex; flex-direction: column;}.sp-modern .sp-cmp-stat-compact .sp-stat-card__label{font-size: 0.6rem; margin: 0;}.sp-modern .sp-cmp-stat-compact .sp-stat-card__value{font-size: 1.1rem; margin: 0; line-height: 1.2;}.sp-modern .sp-cmp-analytics__header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-modern .sp-cmp-analytics__header .material-icons{font-size: 1.125rem; color: #8b5cf6;}.sp-modern .sp-cmp-analytics__header h4, .sp-modern .sp-cmp-analytics__header .h4{font-size: 0.75rem; font-weight: 700; color: #334155; margin: 0;}.sp-modern .sp-cmp-resolution{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}.sp-modern .sp-cmp-resolution__value{margin-bottom: 0.75rem;}.sp-modern .sp-cmp-resolution__number{font-size: 2rem; font-weight: 800; background: linear-gradient(135deg, #8b5cf6, #9333ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; display: block;}.sp-modern .sp-cmp-resolution__unit{font-size: 0.6rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 0.25rem; display: block;}.sp-modern .sp-cmp-resolution__details{display: flex; flex-direction: column; gap: 0.25rem; width: 100%;}.sp-modern .sp-cmp-resolution__detail{display: flex; align-items: center; gap: 0.25rem; font-size: 0.7rem; color: #64748b;}.sp-modern .sp-cmp-resolution__detail .material-icons{font-size: 0.75rem; color: #94a3b8;}.sp-modern .sp-cmp-resolution__detail strong{color: #334155;}.sp-modern .sp-cmp-resolution--empty{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: #94a3b8; font-size: 0.875rem;}.sp-modern .sp-cmp-resolution--empty .material-icons{font-size: 2rem; opacity: 0.5;}.sp-modern .sp-cmp-filter-bar__date{display: flex; align-items: center; gap: 0.5rem;}.sp-modern .sp-cmp-filter-bar__date > .material-icons{font-size: 1.125rem; color: #94a3b8;}.sp-modern .sp-cmp-filter-bar__date input[type="date"]{padding: 0.5rem 0.75rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff; font-size: 0.75rem; color: #334155; transition: border-color 0.15s ease; min-width: 130px;}.sp-modern .sp-cmp-filter-bar__date input[type="date"]:focus{outline: none; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-cmp-filter-bar__date-sep{color: #cbd5e1; font-size: 0.75rem;}.sp-modern .sp-cmp-priority{display: inline-flex; align-items: center; gap: 3px; padding: 2px 0.5rem; border-radius: 9999px; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;}.sp-modern .sp-cmp-priority .material-icons{font-size: 0.7rem;}.sp-modern .sp-cmp-priority--low{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-modern .sp-cmp-priority--medium{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-modern .sp-cmp-priority--high{background: rgba(244, 63, 94, 0.1); color: #e11d48; animation: sp-cmp-pulse 2s ease-in-out infinite;}@keyframes sp-cmp-pulse{0%, 100%{opacity: 1;}50%{opacity: 0.7;}}.sp-modern .sp-cmp-list{display: flex; flex-direction: column; gap: 1rem;}.sp-modern .sp-cmp-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem 1.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-left: 4px solid #cbd5e1; cursor: pointer; position: relative; overflow: hidden;}.sp-modern .sp-cmp-card::before{content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(139, 92, 246, 0.02), transparent); opacity: 0; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none;}.sp-modern .sp-cmp-card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern .sp-cmp-card:hover::before{opacity: 1;}.sp-modern .sp-cmp-card--submitted{border-left-color: #0ea5e9;}.sp-modern .sp-cmp-card--progress{border-left-color: #f59e0b;}.sp-modern .sp-cmp-card--closed{border-left-color: #10b981;}.sp-modern .sp-cmp-card--rejected{border-left-color: #f43f5e;}.sp-modern .sp-cmp-card__top{display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem;}.sp-modern .sp-cmp-card__ref{font-size: 0.75rem; font-weight: 700; color: #7c3aed; letter-spacing: 0.03em;}.sp-modern .sp-cmp-card__subject{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0.25rem 0; line-height: 1.4;}.sp-modern .sp-cmp-card__meta{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem;}.sp-modern .sp-cmp-card__meta-item{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #64748b;}.sp-modern .sp-cmp-card__meta-item .material-icons{font-size: 0.875rem; color: #94a3b8;}.sp-modern .sp-cmp-card__actions{display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0;}.sp-modern .sp-cmp-card__view-btn{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 0.75rem; border-radius: 0.75rem; border: 1.5px solid #e2e8f0; background: #ffffff; color: #7c3aed; font-size: 0.75rem; font-weight: 600; cursor: pointer; transition: all 0.15s ease; text-decoration: none;}.sp-modern .sp-cmp-card__view-btn .material-icons{font-size: 0.875rem;}.sp-modern .sp-cmp-card__view-btn:hover{background: rgba(139, 92, 246, 0.08); border-color: #a78bfa; color: #7c3aed; text-decoration: none;}.sp-modern .sp-cmp-card__doc-btn{display: inline-flex; align-items: center; padding: 0.5rem; border-radius: 0.75rem; border: 1.5px solid #e2e8f0; background: #ffffff; color: #64748b; cursor: pointer; transition: all 0.15s ease; text-decoration: none;}.sp-modern .sp-cmp-card__doc-btn .material-icons{font-size: 1rem;}.sp-modern .sp-cmp-card__doc-btn:hover{background: rgba(16, 185, 129, 0.08); border-color: #34d399; color: #059669; text-decoration: none;}.sp-modern .sp-cmp-card__resolution{display: inline-flex; align-items: center; gap: 0.25rem; padding: 2px 0.5rem; border-radius: 9999px; background: rgba(16, 185, 129, 0.08); font-size: 0.625rem; font-weight: 600; color: #059669;}.sp-modern .sp-cmp-card__resolution .material-icons{font-size: 0.75rem;}.sp-modern .sp-cmp-timeline__track{position: relative; padding-left: 2rem;}.sp-modern .sp-cmp-timeline__track::before{content: ''; position: absolute; left: 14px; top: 0; bottom: 0; width: 2px; background: #e2e8f0; border-radius: 9999px;}.sp-modern .sp-cmp-timeline__node{position: relative; padding-bottom: 1.25rem;}.sp-modern .sp-cmp-timeline__node:last-child{padding-bottom: 0;}.sp-modern .sp-cmp-timeline__dot{position: absolute; left: -26px; top: 0.25rem; width: 12px; height: 12px; border-radius: 50%; background: #cbd5e1; border: 2px solid #ffffff; z-index: 1; box-shadow: 0 0 0 3px rgba(203, 213, 225, 0.2); transition: all 0.15s ease;}.sp-cmp-timeline__node--submitted .sp-modern .sp-cmp-timeline__dot{background: #0ea5e9; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);}.sp-cmp-timeline__node--progress .sp-modern .sp-cmp-timeline__dot{background: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);}.sp-cmp-timeline__node--closed .sp-modern .sp-cmp-timeline__dot{background: #10b981; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);}.sp-cmp-timeline__node--rejected .sp-modern .sp-cmp-timeline__dot{background: #f43f5e; box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.2);}.sp-modern .sp-cmp-timeline__content{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); display: block; border-radius: 1rem; padding: 1rem 1.25rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); text-decoration: none; color: inherit; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-left: 3px solid transparent;}.sp-cmp-timeline__node--submitted .sp-modern .sp-cmp-timeline__content{border-left-color: #0ea5e9;}.sp-cmp-timeline__node--progress .sp-modern .sp-cmp-timeline__content{border-left-color: #f59e0b;}.sp-cmp-timeline__node--closed .sp-modern .sp-cmp-timeline__content{border-left-color: #10b981;}.sp-cmp-timeline__node--rejected .sp-modern .sp-cmp-timeline__content{border-left-color: #f43f5e;}.sp-modern .sp-cmp-timeline__content:hover{transform: translateX(4px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); text-decoration: none; color: inherit;}.sp-modern .sp-cmp-timeline__date{font-size: 0.625rem; color: #94a3b8; font-weight: 600; letter-spacing: 0.03em; margin-bottom: 0.25rem;}.sp-modern .sp-cmp-timeline__subject{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 0.5rem; line-height: 1.4;}.sp-modern .sp-cmp-timeline__footer{display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;}.sp-modern .sp-cmp-timeline__ref{font-size: 0.625rem; font-weight: 700; color: #7c3aed; letter-spacing: 0.03em;}.sp-modern .sp-cmp-badge{display: inline-flex; align-items: center; gap: 0.25rem; padding: 3px 0.75rem; border-radius: 9999px; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;}.sp-modern .sp-cmp-badge .material-icons{font-size: 0.75rem;}.sp-modern .sp-cmp-badge--submitted{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-modern .sp-cmp-badge--progress{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-modern .sp-cmp-badge--closed{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-modern .sp-cmp-badge--rejected{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-modern .sp-cmp-empty{text-align: center; padding: 3rem 1.5rem;}.sp-modern .sp-cmp-empty__icon{width: 80px; height: 80px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;}.sp-modern .sp-cmp-empty__icon .material-icons{font-size: 2.5rem; color: #a78bfa;}.sp-modern .sp-cmp-empty__title{font-size: 1.125rem; font-weight: 700; color: #334155; margin-bottom: 0.5rem;}.sp-modern .sp-cmp-empty__text{font-size: 0.875rem; color: #94a3b8;}.sp-modern .sp-cmp-form{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 2rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-cmp-form__header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem;}.sp-modern .sp-cmp-form__header .material-icons{font-size: 1.5rem; color: #8b5cf6;}.sp-modern .sp-cmp-form__header h3, .sp-modern .sp-cmp-form__header .h3{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-modern .sp-cmp-form__grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;}.sp-modern .sp-cmp-form__group{display: flex; flex-direction: column; gap: 0.5rem;}.sp-modern .sp-cmp-form__group--full{grid-column: 1 / -1;}.sp-modern .sp-cmp-form__label{font-size: 0.875rem; font-weight: 600; color: #334155;}.sp-modern .sp-cmp-form__label .sp-cmp-form__required{color: #f43f5e; margin-left: 2px;}.sp-modern .sp-cmp-form__input, .sp-modern .sp-cmp-form__select, .sp-modern .sp-cmp-form__textarea{padding: 0.75rem 1rem; border-radius: 0.75rem; border: 1.5px solid #e2e8f0; background: #ffffff; font-size: 0.875rem; color: #1e293b; transition: all 0.15s ease; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}.sp-modern .sp-cmp-form__input::placeholder, .sp-modern .sp-cmp-form__select::placeholder, .sp-modern .sp-cmp-form__textarea::placeholder{color: #94a3b8;}.sp-modern .sp-cmp-form__input:focus, .sp-modern .sp-cmp-form__select:focus, .sp-modern .sp-cmp-form__textarea:focus{outline: none; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-cmp-form__select{appearance: none; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center; cursor: pointer;}.sp-modern .sp-cmp-form__textarea{min-height: 120px; resize: vertical;}.sp-modern .sp-cmp-form__upload{grid-column: 1 / -1; border: 2px dashed #e2e8f0; border-radius: 1rem; padding: 1.5rem; text-align: center; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative;}.sp-modern .sp-cmp-form__upload:hover{border-color: #a78bfa; background: rgba(139, 92, 246, 0.02);}.sp-modern .sp-cmp-form__upload__icon{width: 48px; height: 48px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;}.sp-modern .sp-cmp-form__upload__icon .material-icons{font-size: 1.5rem; color: #8b5cf6;}.sp-modern .sp-cmp-form__upload__text{font-size: 0.875rem; color: #475569; margin-bottom: 0.25rem;}.sp-modern .sp-cmp-form__upload__hint{font-size: 0.75rem; color: #94a3b8;}.sp-modern .sp-cmp-form__upload input[type="file"]{position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}.sp-modern .sp-cmp-form__upload--has-file{border-color: #34d399; background: rgba(16, 185, 129, 0.03);}.sp-modern .sp-cmp-form__preview{display: none; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; background: rgba(16, 185, 129, 0.06); border-radius: 0.75rem; margin-top: 0.75rem;}.sp-modern .sp-cmp-form__preview--visible{display: flex;}.sp-modern .sp-cmp-form__preview .material-icons{color: #10b981; font-size: 1.25rem;}.sp-modern .sp-cmp-form__preview-name{flex: 1; font-size: 0.75rem; color: #475569; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-modern .sp-cmp-form__preview-remove{border: none; background: none; color: #94a3b8; cursor: pointer; padding: 0.25rem; border-radius: 0.5rem; transition: color 0.15s ease;}.sp-modern .sp-cmp-form__preview-remove .material-icons{font-size: 1rem;}.sp-modern .sp-cmp-form__preview-remove:hover{color: #f43f5e;}.sp-modern .sp-cmp-form__template-badge{display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; margin-top: 0.5rem; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.08); border: 1px solid rgba(139, 92, 246, 0.15); font-size: 0.75rem; font-weight: 600; color: #7c3aed;}.sp-modern .sp-cmp-form__template-badge .material-icons{font-size: 0.875rem; color: #8b5cf6;}.sp-modern .sp-cmp-form__template-clear{display: inline-flex; align-items: center; gap: 2px; margin-left: auto; border: none; background: none; color: #94a3b8; font-size: 0.625rem; font-weight: 600; cursor: pointer; padding: 0.25rem 0.5rem; border-radius: 0.5rem; transition: color 0.15s ease;}.sp-modern .sp-cmp-form__template-clear .material-icons{font-size: 0.75rem;}.sp-modern .sp-cmp-form__template-clear:hover{color: #f43f5e;}.sp-modern .sp-cmp-form__duplicate-warning{display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: 1rem; margin-bottom: 1rem; border-radius: 1rem; background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.2); animation: sp-cmp-slide-down 0.3s ease-out;}.sp-modern .sp-cmp-form__duplicate-warning-content{display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; color: #d97706; line-height: 1.5;}.sp-modern .sp-cmp-form__duplicate-warning-content .material-icons{font-size: 1.25rem; color: #f59e0b; flex-shrink: 0; margin-top: 1px;}.sp-modern .sp-cmp-form__duplicate-warning-dismiss{border: none; background: none; color: #fbbf24; cursor: pointer; padding: 0.25rem; border-radius: 0.5rem; flex-shrink: 0; transition: color 0.15s ease;}.sp-modern .sp-cmp-form__duplicate-warning-dismiss .material-icons{font-size: 1rem;}.sp-modern .sp-cmp-form__duplicate-warning-dismiss:hover{color: #d97706;}@keyframes sp-cmp-slide-down{from{opacity: 0; transform: translateY(-8px);}to{opacity: 1; transform: translateY(0);}}.sp-modern .sp-cmp-form__actions{display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #f1f5f9;}.sp-modern .sp-cmp-form__submit{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 2rem; border-radius: 1rem; border: none; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; font-size: 0.875rem; font-weight: 700; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 14px rgba(139, 92, 246, 0.35);}.sp-modern .sp-cmp-form__submit .material-icons{font-size: 1.125rem;}.sp-modern .sp-cmp-form__submit:hover{transform: translateY(-1px); box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);}.sp-modern .sp-cmp-form__submit:active{transform: translateY(0);}.sp-modern .sp-cmp-form__reset{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff; color: #475569; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.15s ease;}.sp-modern .sp-cmp-form__reset:hover{border-color: #cbd5e1; background: #f8fafc;}.sp-modern .sp-cmp-confirm-overlay{position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity 0.3s ease;}.sp-modern .sp-cmp-confirm-overlay--visible{opacity: 1;}.sp-modern .sp-cmp-confirm-overlay--visible .sp-cmp-confirm{transform: scale(1) translateY(0); opacity: 1;}.sp-modern .sp-cmp-confirm{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); width: 420px; max-width: calc(100vw - 2rem); padding: 2rem 1.5rem 1.5rem; text-align: center; transform: scale(0.92) translateY(12px); opacity: 0; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;}.sp-modern .sp-cmp-confirm__icon{width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #8b5cf6, #9333ea); display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; box-shadow: 0 8px 24px rgba(139, 92, 246, 0.3);}.sp-modern .sp-cmp-confirm__icon .material-icons{font-size: 1.5rem; color: #ffffff;}.sp-modern .sp-cmp-confirm__title{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem;}.sp-modern .sp-cmp-confirm__desc{font-size: 0.875rem; color: #64748b; line-height: 1.6; margin: 0 0 1.5rem;}.sp-modern .sp-cmp-confirm__desc strong{color: #334155; font-weight: 600;}.sp-modern .sp-cmp-confirm__actions{display: flex; gap: 0.75rem; justify-content: center;}.sp-modern .sp-cmp-confirm__cancel{padding: 0.75rem 1.5rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff; color: #475569; font-size: 0.875rem; font-weight: 600; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; cursor: pointer; transition: all 0.15s ease;}.sp-modern .sp-cmp-confirm__cancel:hover{background: #f8fafc; border-color: #cbd5e1;}.sp-modern .sp-cmp-confirm__submit{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border-radius: 1rem; border: none; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; font-size: 0.875rem; font-weight: 600; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(139, 92, 246, 0.35); transition: all 0.15s ease;}.sp-modern .sp-cmp-confirm__submit .material-icons{font-size: 1.1rem;}.sp-modern .sp-cmp-confirm__submit:hover{box-shadow: 0 6px 20px rgba(139, 92, 246, 0.45); transform: translateY(-1px);}.sp-modern .sp-cmp-detail__header{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.5rem 2rem; margin-bottom: 1.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem;}.sp-modern .sp-cmp-detail__title-wrap{flex: 1;}.sp-modern .sp-cmp-detail__ref{font-size: 0.75rem; font-weight: 700; color: #7c3aed; letter-spacing: 0.04em; margin-bottom: 0.25rem;}.sp-modern .sp-cmp-detail__subject{font-size: 1.25rem; font-weight: 800; color: #1e293b; margin: 0 0 0.75rem; line-height: 1.3;}.sp-modern .sp-cmp-detail__meta-row{display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;}.sp-modern .sp-cmp-detail__meta-chip{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #64748b;}.sp-modern .sp-cmp-detail__meta-chip .material-icons{font-size: 0.875rem; color: #94a3b8;}.sp-modern .sp-cmp-detail__status-wrap{flex-shrink: 0;}.sp-modern .sp-cmp-detail__stepper{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.5rem 2rem; margin-bottom: 1.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-cmp-detail__stepper-track{display: flex; align-items: center; gap: 0; position: relative;}.sp-modern .sp-cmp-detail__step{display: flex; flex-direction: column; align-items: center; flex: 1; position: relative; z-index: 1;}.sp-modern .sp-cmp-detail__step-dot{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid #e2e8f0; background: #ffffff; margin-bottom: 0.5rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-modern .sp-cmp-detail__step-dot .material-icons{font-size: 1.125rem; color: #cbd5e1;}.sp-modern .sp-cmp-detail__step-label{font-size: 0.625rem; font-weight: 600; color: #94a3b8; text-align: center;}.sp-modern .sp-cmp-detail__step--done .sp-modern .sp-cmp-detail__step-dot{background: #10b981; border-color: #10b981;}.sp-modern .sp-cmp-detail__step--done .sp-modern .sp-cmp-detail__step-dot .material-icons{color: #ffffff;}.sp-modern .sp-cmp-detail__step--done .sp-modern .sp-cmp-detail__step-label{color: #059669;}.sp-modern .sp-cmp-detail__step--active .sp-modern .sp-cmp-detail__step-dot{background: #8b5cf6; border-color: #8b5cf6; box-shadow: 0 0 0 6px rgba(139, 92, 246, 0.15);}.sp-modern .sp-cmp-detail__step--active .sp-modern .sp-cmp-detail__step-dot .material-icons{color: #ffffff;}.sp-modern .sp-cmp-detail__step--active .sp-modern .sp-cmp-detail__step-label{color: #7c3aed; font-weight: 700;}.sp-modern .sp-cmp-detail__step--rejected .sp-modern .sp-cmp-detail__step-dot{background: #f43f5e; border-color: #f43f5e;}.sp-modern .sp-cmp-detail__step--rejected .sp-modern .sp-cmp-detail__step-dot .material-icons{color: #ffffff;}.sp-modern .sp-cmp-detail__step--rejected .sp-modern .sp-cmp-detail__step-label{color: #e11d48;}.sp-modern .sp-cmp-detail__step:not(:last-child)::after{content: ''; position: absolute; top: 18px; left: calc(50% + 22px); right: calc(-50% + 22px); height: 3px; background: #e2e8f0; z-index: -1;}.sp-modern .sp-cmp-detail__step--done:not(:last-child)::after{background: #10b981;}.sp-modern .sp-cmp-detail__step--active:not(:last-child)::after{background: #8b5cf6;}.sp-modern .sp-cmp-detail__step--rejected:not(:last-child)::after{background: #f43f5e;}.sp-modern .sp-cmp-detail__body{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}.sp-modern .sp-cmp-detail__section{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-cmp-detail__section--full{grid-column: 1 / -1;}.sp-modern .sp-cmp-detail__section-title{display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 700; color: #1e293b; margin-bottom: 1.25rem;}.sp-modern .sp-cmp-detail__section-title .material-icons{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-cmp-detail__info-row{display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9;}.sp-modern .sp-cmp-detail__info-row:last-child{border-bottom: none;}.sp-modern .sp-cmp-detail__info-label{font-size: 0.875rem; color: #64748b; font-weight: 500;}.sp-modern .sp-cmp-detail__info-value{font-size: 0.875rem; color: #1e293b; font-weight: 600;}.sp-modern .sp-cmp-detail__description-box{background: #f8fafc; border-radius: 1rem; padding: 1.25rem; font-size: 0.875rem; color: #334155; line-height: 1.7; border: 1px solid #f1f5f9;}.sp-modern .sp-cmp-detail__remarks-box{background: rgba(245, 158, 11, 0.04); border: 1px solid rgba(245, 158, 11, 0.15); border-radius: 1rem; padding: 1.25rem; font-size: 0.875rem; color: #334155; line-height: 1.7;}.sp-modern .sp-cmp-detail__remarks-box--empty{text-align: center; color: #94a3b8; font-style: italic;}.sp-modern .sp-cmp-detail__doc-card{display: flex; align-items: center; gap: 1rem; padding: 1rem; background: #f8fafc; border-radius: 1rem; border: 1px solid #f1f5f9;}.sp-modern .sp-cmp-detail__doc-card-icon{width: 44px; height: 44px; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center;}.sp-modern .sp-cmp-detail__doc-card-icon .material-icons{font-size: 1.25rem; color: #8b5cf6;}.sp-modern .sp-cmp-detail__doc-card-info{flex: 1;}.sp-modern .sp-cmp-detail__doc-card-name{font-size: 0.875rem; font-weight: 600; color: #1e293b;}.sp-modern .sp-cmp-detail__doc-card-hint{font-size: 0.625rem; color: #94a3b8;}.sp-modern .sp-cmp-detail__doc-card-download{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 1rem; border-radius: 0.75rem; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; font-size: 0.75rem; font-weight: 600; text-decoration: none; transition: all 0.15s ease; border: none; cursor: pointer;}.sp-modern .sp-cmp-detail__doc-card-download .material-icons{font-size: 0.875rem;}.sp-modern .sp-cmp-detail__doc-card-download:hover{box-shadow: 0 4px 12px rgba(139, 92, 246, 0.35); color: #ffffff; text-decoration: none;}.sp-modern .sp-cmp-detail__back-link{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff; color: #475569; font-size: 0.875rem; font-weight: 600; text-decoration: none; transition: all 0.15s ease; margin-top: 1.5rem;}.sp-modern .sp-cmp-detail__back-link .material-icons{font-size: 1rem;}.sp-modern .sp-cmp-detail__back-link:hover{border-color: #a78bfa; color: #7c3aed; text-decoration: none;}.sp-modern .sp-cmp-activity{position: relative; padding-left: 2rem;}.sp-modern .sp-cmp-activity::before{content: ''; position: absolute; left: 15px; top: 0; bottom: 0; width: 2px; background: #e2e8f0; border-radius: 9999px;}.sp-modern .sp-cmp-activity__item{position: relative; padding-bottom: 1.25rem;}.sp-modern .sp-cmp-activity__item:last-child{padding-bottom: 0;}.sp-modern .sp-cmp-activity__dot{position: absolute; left: -27px; top: 0.25rem; width: 24px; height: 24px; border-radius: 50%; background: #e2e8f0; display: flex; align-items: center; justify-content: center; z-index: 1; border: 2px solid #ffffff; box-shadow: 0 0 0 3px rgba(203, 213, 225, 0.2);}.sp-modern .sp-cmp-activity__dot .material-icons{font-size: 0.75rem; color: #ffffff;}.sp-cmp-activity__item--sky .sp-modern .sp-cmp-activity__dot{background: #0ea5e9; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);}.sp-cmp-activity__item--amber .sp-modern .sp-cmp-activity__dot{background: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);}.sp-cmp-activity__item--emerald .sp-modern .sp-cmp-activity__dot{background: #10b981; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);}.sp-cmp-activity__item--rose .sp-modern .sp-cmp-activity__dot{background: #f43f5e; box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.2);}.sp-cmp-activity__item--violet .sp-modern .sp-cmp-activity__dot{background: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);}.sp-modern .sp-cmp-activity__content{background: #f8fafc; border-radius: 1rem; padding: 1rem 1.25rem; border: 1px solid #f1f5f9; transition: all 0.15s ease;}.sp-modern .sp-cmp-activity__content:hover{border-color: #e2e8f0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}.sp-modern .sp-cmp-activity__label{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 0.25rem;}.sp-modern .sp-cmp-activity__desc{font-size: 0.75rem; color: #64748b; margin-bottom: 0.5rem;}.sp-modern .sp-cmp-activity__date{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.625rem; color: #94a3b8; font-weight: 500;}.sp-modern .sp-cmp-activity__date .material-icons{font-size: 0.75rem;}.sp-modern .sp-cmp-rating{text-align: center;}.sp-modern .sp-cmp-rating__stars{display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-modern .sp-cmp-rating__star{font-size: 2.25rem; color: #e2e8f0; cursor: pointer; transition: all 0.15s ease;}.sp-modern .sp-cmp-rating__star:hover{color: #fcd34d; transform: scale(1.15);}.sp-modern .sp-cmp-rating__star--filled{color: #fbbf24;}.sp-modern .sp-cmp-rating__star--hover{color: #fcd34d;}.sp-modern .sp-cmp-rating__stars--locked .sp-cmp-rating__star{cursor: default;}.sp-modern .sp-cmp-rating__stars--locked .sp-cmp-rating__star:hover{transform: none;}.sp-modern .sp-cmp-rating__label{font-size: 0.875rem; color: #64748b;}.sp-modern .sp-cmp-rating__label strong{color: #334155;}.sp-modern .sp-cmp-msg__count{display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 0.25rem; border-radius: 9999px; background: rgba(139, 92, 246, 0.1); color: #7c3aed; font-size: 0.625rem; font-weight: 700; margin-left: 0.5rem;}.sp-modern .sp-cmp-msg__list{display: flex; flex-direction: column; gap: 1rem; max-height: 400px; overflow-y: auto; margin-bottom: 1rem;}.sp-modern .sp-cmp-msg__item{display: flex; gap: 0.75rem;}.sp-modern .sp-cmp-msg__avatar{width: 32px; height: 32px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-modern .sp-cmp-msg__avatar .material-icons{font-size: 1.25rem; color: #a78bfa;}.sp-modern .sp-cmp-msg__bubble{flex: 1; background: #f8fafc; border-radius: 1rem; padding: 0.75rem 1rem; border: 1px solid #f1f5f9;}.sp-modern .sp-cmp-msg__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;}.sp-modern .sp-cmp-msg__author{font-size: 0.75rem; font-weight: 700; color: #334155;}.sp-modern .sp-cmp-msg__time{font-size: 0.625rem; color: #94a3b8;}.sp-modern .sp-cmp-msg__body{font-size: 0.875rem; color: #475569; line-height: 1.6;}.sp-modern .sp-cmp-msg__body p{margin: 0;}.sp-modern .sp-cmp-msg__empty{display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 1.5rem; color: #94a3b8; font-size: 0.875rem;}.sp-modern .sp-cmp-msg__empty .material-icons{font-size: 2rem; opacity: 0.5;}.sp-modern .sp-cmp-msg__compose{display: flex; gap: 0.75rem; align-items: flex-end; padding-top: 1rem; border-top: 1px solid #f1f5f9;}.sp-modern .sp-cmp-msg__input{flex: 1; padding: 0.75rem 1rem; border-radius: 1rem; border: 1.5px solid #e2e8f0; background: #ffffff; font-size: 0.875rem; color: #1e293b; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; resize: vertical; min-height: 60px; transition: border-color 0.15s ease;}.sp-modern .sp-cmp-msg__input::placeholder{color: #94a3b8;}.sp-modern .sp-cmp-msg__input:focus{outline: none; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-modern .sp-cmp-msg__send{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.75rem 1.25rem; border-radius: 1rem; border: none; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; font-size: 0.875rem; font-weight: 700; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 14px rgba(139, 92, 246, 0.35); white-space: nowrap;}.sp-modern .sp-cmp-msg__send .material-icons{font-size: 1rem;}.sp-modern .sp-cmp-msg__send:hover{transform: translateY(-1px); box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);}.sp-modern .sp-cmp-msg__send:disabled, .sp-modern .sp-cmp-msg__send.o_wysiwyg_loader{opacity: 0.6; cursor: not-allowed; transform: none;}.sp-modern.sp-dark-mode .sp-cmp-stat-clickable--active.sp-stat-card--violet{box-shadow: 0 0 0 2px #a78bfa, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-stat-clickable--active.sp-stat-card--sky{box-shadow: 0 0 0 2px #38bdf8, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-stat-clickable--active.sp-stat-card--amber{box-shadow: 0 0 0 2px #fbbf24, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-stat-clickable--active.sp-stat-card--emerald{box-shadow: 0 0 0 2px #34d399, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-view-toggle{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-view-toggle__btn{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-view-toggle__btn:hover{color: #a78bfa; background: rgba(139, 92, 246, 0.12);}.sp-modern.sp-dark-mode .sp-cmp-view-toggle__btn--active{background: rgba(255, 255, 255, 0.1); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-timeline__track::before{background: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-timeline__dot{border-color: #1e293b;}.sp-modern.sp-dark-mode .sp-cmp-timeline__content{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-timeline__content:hover{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-timeline__date{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-timeline__subject{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cmp-timeline__ref{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-tabs__btn{border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.05); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-tabs__btn:hover{border-color: #8b5cf6; color: #a78bfa; background: rgba(139, 92, 246, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-tabs__btn--active{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; border-color: transparent;}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__search input{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__search input::placeholder{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__search input:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__select select{background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-card{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06); border-left-color: #475569;}.sp-modern.sp-dark-mode .sp-cmp-card--submitted{border-left-color: #38bdf8;}.sp-modern.sp-dark-mode .sp-cmp-card--progress{border-left-color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cmp-card--closed{border-left-color: #34d399;}.sp-modern.sp-dark-mode .sp-cmp-card--rejected{border-left-color: #fb7185;}.sp-modern.sp-dark-mode .sp-cmp-card__ref{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-card__subject{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cmp-card__meta-item{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-card__meta-item .material-icons{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-card__view-btn{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-card__view-btn:hover{background: rgba(139, 92, 246, 0.15); border-color: #8b5cf6;}.sp-modern.sp-dark-mode .sp-cmp-card__doc-btn{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-card__doc-btn:hover{background: rgba(16, 185, 129, 0.15); border-color: #10b981; color: #34d399;}.sp-modern.sp-dark-mode .sp-cmp-empty__icon{background: rgba(139, 92, 246, 0.15);}.sp-modern.sp-dark-mode .sp-cmp-empty__title{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-empty__text{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-form{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-form__header h3, .sp-modern.sp-dark-mode .sp-cmp-form__header .h3{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cmp-form__label{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cmp-form__input, .sp-modern.sp-dark-mode .sp-cmp-form__select, .sp-modern.sp-dark-mode .sp-cmp-form__textarea{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-form__input::placeholder, .sp-modern.sp-dark-mode .sp-cmp-form__select::placeholder, .sp-modern.sp-dark-mode .sp-cmp-form__textarea::placeholder{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-form__input:focus, .sp-modern.sp-dark-mode .sp-cmp-form__select:focus, .sp-modern.sp-dark-mode .sp-cmp-form__textarea:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}.sp-modern.sp-dark-mode .sp-cmp-form__upload{border-color: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-form__upload:hover{border-color: #8b5cf6; background: rgba(139, 92, 246, 0.05);}.sp-modern.sp-dark-mode .sp-cmp-form__upload__text{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-form__upload__hint{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-form__preview{background: rgba(16, 185, 129, 0.08);}.sp-modern.sp-dark-mode .sp-cmp-form__preview-name{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cmp-form__actions{border-top-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-form__reset{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-form__reset:hover{background: rgba(255, 255, 255, 0.08);}.sp-modern.sp-dark-mode .sp-cmp-form__template-badge{background: rgba(139, 92, 246, 0.12); border-color: rgba(139, 92, 246, 0.2); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-form__template-clear{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-form__template-clear:hover{color: #fb7185;}.sp-modern.sp-dark-mode .sp-cmp-form__duplicate-warning{background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.2);}.sp-modern.sp-dark-mode .sp-cmp-form__duplicate-warning-content{color: #fcd34d;}.sp-modern.sp-dark-mode .sp-cmp-form__duplicate-warning-dismiss{color: #f59e0b;}.sp-modern.sp-dark-mode .sp-cmp-form__duplicate-warning-dismiss:hover{color: #fcd34d;}.sp-modern.sp-dark-mode .sp-cmp-status-toast{background: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%); border-color: rgba(14, 165, 233, 0.2);}.sp-modern.sp-dark-mode .sp-cmp-status-toast__content{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-status-toast__content .material-icons{color: #38bdf8;}.sp-modern.sp-dark-mode .sp-cmp-status-toast__dismiss{background: rgba(255, 255, 255, 0.05); color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-status-toast__dismiss:hover{color: #cbd5e1; background: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-confirm-overlay{background: rgba(15, 23, 42, 0.7);}.sp-modern.sp-dark-mode .sp-cmp-confirm{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-confirm__title{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cmp-confirm__desc{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-confirm__desc strong{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-confirm__cancel{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-confirm__cancel:hover{background: rgba(255, 255, 255, 0.08); color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-detail__header, .sp-modern.sp-dark-mode .sp-cmp-detail__stepper, .sp-modern.sp-dark-mode .sp-cmp-detail__section{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-detail__ref{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-detail__subject{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cmp-detail__meta-chip{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-detail__meta-chip .material-icons{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-detail__section-title{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-detail__step-dot{border-color: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05);}.sp-modern.sp-dark-mode .sp-cmp-detail__step-dot .material-icons{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-detail__step-label{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-detail__step:not(:last-child)::after{background: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-detail__step--done .sp-modern.sp-dark-mode .sp-cmp-detail__step-dot{background: #10b981; border-color: #10b981;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--done .sp-modern.sp-dark-mode .sp-cmp-detail__step-dot .material-icons{color: #ffffff;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--done .sp-modern.sp-dark-mode .sp-cmp-detail__step-label{color: #34d399;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--done:not(:last-child)::after{background: #10b981;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--active .sp-modern.sp-dark-mode .sp-cmp-detail__step-dot{background: #8b5cf6; border-color: #8b5cf6;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--active .sp-modern.sp-dark-mode .sp-cmp-detail__step-dot .material-icons{color: #ffffff;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--active .sp-modern.sp-dark-mode .sp-cmp-detail__step-label{color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--active:not(:last-child)::after{background: #8b5cf6;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--rejected .sp-modern.sp-dark-mode .sp-cmp-detail__step-dot{background: #f43f5e; border-color: #f43f5e;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--rejected .sp-modern.sp-dark-mode .sp-cmp-detail__step-dot .material-icons{color: #ffffff;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--rejected .sp-modern.sp-dark-mode .sp-cmp-detail__step-label{color: #fb7185;}.sp-modern.sp-dark-mode .sp-cmp-detail__step--rejected:not(:last-child)::after{background: #f43f5e;}.sp-modern.sp-dark-mode .sp-cmp-detail__info-row{border-bottom-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-detail__info-label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-detail__info-value{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-detail__description-box{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06); color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cmp-detail__remarks-box{background: rgba(245, 158, 11, 0.06); border-color: rgba(245, 158, 11, 0.12); color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cmp-detail__remarks-box--empty{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-detail__doc-card{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-detail__doc-card-name{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-detail__doc-card-hint{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-detail__back-link{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-detail__back-link:hover{border-color: #8b5cf6; color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-dashboard-row__chart, .sp-modern.sp-dark-mode .sp-cmp-dashboard-row__metric{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-analytics__header h4, .sp-modern.sp-dark-mode .sp-cmp-analytics__header .h4{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-resolution__unit{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-resolution__detail{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-resolution__detail .material-icons{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-resolution__detail strong{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-resolution--empty{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-priority--low{background: rgba(16, 185, 129, 0.15); color: #34d399;}.sp-modern.sp-dark-mode .sp-cmp-priority--medium{background: rgba(245, 158, 11, 0.15); color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cmp-priority--high{background: rgba(244, 63, 94, 0.15); color: #fb7185;}.sp-modern.sp-dark-mode .sp-cmp-card__resolution{background: rgba(16, 185, 129, 0.12); color: #34d399;}.sp-modern.sp-dark-mode .sp-cmp-activity::before{background: rgba(255, 255, 255, 0.1);}.sp-modern.sp-dark-mode .sp-cmp-activity__dot{border-color: #1e293b;}.sp-modern.sp-dark-mode .sp-cmp-activity__content{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-activity__content:hover{background: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-activity__label{color: #f1f5f9;}.sp-modern.sp-dark-mode .sp-cmp-activity__desc{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-activity__date{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__date input[type="date"]{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__date input[type="date"]:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}.sp-modern.sp-dark-mode .sp-cmp-filter-bar__date-sep{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-rating__star{color: rgba(255, 255, 255, 0.15);}.sp-modern.sp-dark-mode .sp-cmp-rating__star--filled{color: #fbbf24;}.sp-modern.sp-dark-mode .sp-cmp-rating__star:hover{color: #fcd34d;}.sp-modern.sp-dark-mode .sp-cmp-rating__label{color: #94a3b8;}.sp-modern.sp-dark-mode .sp-cmp-rating__label strong{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-msg__count{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.sp-modern.sp-dark-mode .sp-cmp-msg__avatar{background: rgba(139, 92, 246, 0.12);}.sp-modern.sp-dark-mode .sp-cmp-msg__bubble{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06);}.sp-modern.sp-dark-mode .sp-cmp-msg__author{color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-msg__time{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-msg__body{color: #cbd5e1;}.sp-modern.sp-dark-mode .sp-cmp-msg__empty{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-msg__input{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-modern.sp-dark-mode .sp-cmp-msg__input::placeholder{color: #64748b;}.sp-modern.sp-dark-mode .sp-cmp-msg__input:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}.sp-modern.sp-dark-mode .sp-cmp-msg__compose{border-top-color: rgba(255, 255, 255, 0.06);}@media (max-width: 768px){.sp-modern .sp-cmp-dashboard-row{flex-direction: column;}.sp-modern .sp-cmp-dashboard-row__stats{flex: none; grid-template-columns: repeat(2, 1fr);}.sp-modern .sp-cmp-dashboard-row__chart, .sp-modern .sp-cmp-dashboard-row__metric{flex: none;}.sp-modern .sp-cmp-tabs{overflow-x: auto; -webkit-overflow-scrolling: touch;}.sp-modern .sp-cmp-filter-bar{flex-direction: column; align-items: stretch;}.sp-modern .sp-cmp-filter-bar__date{width: 100%;}.sp-modern .sp-cmp-msg__compose{flex-direction: column;}.sp-modern .sp-cmp-msg__send{width: 100%; justify-content: center;}.sp-modern .sp-cmp-view-bar{flex-wrap: wrap;}.sp-modern .sp-cmp-timeline__track{padding-left: 1.5rem;}.sp-modern .sp-cmp-timeline__track::before{left: 10px;}.sp-modern .sp-cmp-timeline__dot{left: -22px; width: 10px; height: 10px;}.sp-modern .sp-cmp-status-toast{padding: 0.75rem 1rem;}.sp-modern .sp-cmp-status-toast__content{font-size: 0.75rem;}.sp-modern .sp-cmp-form{padding: 1.25rem;}.sp-modern .sp-cmp-form__grid{grid-template-columns: 1fr;}.sp-modern .sp-cmp-form__actions{flex-direction: column-reverse;}.sp-modern .sp-cmp-form__submit, .sp-modern .sp-cmp-form__reset{width: 100%; justify-content: center;}.sp-modern .sp-cmp-form__duplicate-warning{padding: 0.75rem;}.sp-modern .sp-cmp-form__duplicate-warning-content{font-size: 0.75rem;}.sp-modern .sp-cmp-detail__header{flex-direction: column; padding: 1.25rem;}.sp-modern .sp-cmp-detail__body{grid-template-columns: 1fr;}.sp-modern .sp-cmp-detail__stepper{padding: 1.25rem; overflow-x: auto;}}@media (max-width: 480px){.sp-modern .sp-cmp-card{padding: 1rem;}.sp-modern .sp-cmp-card__top{flex-direction: column; gap: 0.5rem;}.sp-modern .sp-cmp-card__actions{align-self: flex-start;}.sp-modern .sp-cmp-timeline__content{padding: 0.75rem 1rem;}} /* /odoocms_student_portal/static/src/scss/_enrolled_courses.scss */ .sp-enrolled{min-height: 100vh; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; background: linear-gradient(135deg, #f8fafc 0%, rgba(139, 92, 246, 0.03) 50%, #f8fafc 100%); position: relative; overflow-x: hidden;}.sp-enrolled--loading{display: flex; align-items: center; justify-content: center;}.sp-enrolled__loader{text-align: center; color: #64748b; font-size: 0.875rem;}.sp-enrolled__loader p{margin-top: 1rem;}.sp-enrolled__spinner{width: 40px; height: 40px; border: 3px solid #e2e8f0; border-top-color: #8b5cf6; border-radius: 50%; margin: 0 auto; animation: sp-spin 0.8s linear infinite;}@keyframes sp-spin{to{transform: rotate(360deg);}}.sp-enrolled--error{display: flex; align-items: center; justify-content: center;}.sp-enrolled__error-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); padding: 2rem; border-radius: 1.25rem; text-align: center; max-width: 400px;}.sp-enrolled__error-card .material-icons{font-size: 48px; color: #f43f5e; margin-bottom: 1rem;}.sp-enrolled__error-card h3, .sp-enrolled__error-card .h3{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin-bottom: 0.5rem;}.sp-enrolled__error-card p{font-size: 0.875rem; color: #64748b;}.sp-enrolled__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-enrolled__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-enrolled__main{padding-left: 5rem; padding-right: 5rem;}}.sp-enrolled__header{margin-bottom: 1.5rem;}.sp-enrolled__header h1, .sp-enrolled__header .h1{font-size: 1.875rem; font-weight: 800; color: #1e293b; letter-spacing: -0.02em;}.sp-enrolled__header p{font-size: 0.875rem; color: #64748b; margin-top: 0.25rem;}.sp-enrolled__stats{display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-enrolled__stat{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); padding: 1rem 1.25rem; border-radius: 1rem; display: flex; align-items: center; gap: 0.75rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-enrolled__stat:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-enrolled__stat > .material-icons{font-size: 28px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; flex-shrink: 0;}.sp-enrolled__stat--violet > .material-icons{background: rgba(139, 92, 246, 0.12); color: #8b5cf6;}.sp-enrolled__stat--emerald > .material-icons{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-enrolled__stat--sky > .material-icons{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-enrolled__stat--amber > .material-icons{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-enrolled__stat--rose > .material-icons{background: rgba(244, 63, 94, 0.12); color: #f43f5e;}.sp-enrolled__stat-info{display: flex; flex-direction: column;}.sp-enrolled__stat-value{font-size: 1.5rem; font-weight: 800; color: #1e293b; line-height: 1.1;}.sp-enrolled__stat-label{font-size: 0.625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;}.sp-enrolled__filters{display: flex; gap: 1rem; margin-bottom: 1.5rem;}.sp-enrolled__search{flex: 1; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; display: flex; align-items: center; padding: 0 1rem; gap: 0.5rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-enrolled__search:focus-within{border-color: rgba(139, 92, 246, 0.5); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-enrolled__search .material-icons{color: #94a3b8; font-size: 20px;}.sp-enrolled__search input{flex: 1; border: none; background: transparent; padding: 0.75rem 0; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; font-size: 0.875rem; color: #334155; outline: none;}.sp-enrolled__search input::placeholder{color: #94a3b8;}.sp-enrolled__term-filter{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; display: flex; align-items: center; padding: 0 1rem; gap: 0.5rem;}.sp-enrolled__term-filter .material-icons{color: #94a3b8; font-size: 20px;}.sp-enrolled__term-filter select{border: none; background: transparent; padding: 0.75rem 1.5rem 0.75rem 0; font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; font-size: 0.875rem; color: #334155; outline: none; cursor: pointer; appearance: none;}.sp-enrolled__term{margin-bottom: 1.5rem;}.sp-enrolled__term-header{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: rgba(139, 92, 246, 0.05); border-radius: 1rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(139, 92, 246, 0.08);}.sp-enrolled__term-header:hover{background: rgba(139, 92, 246, 0.08);}.sp-enrolled__term-title{display: flex; align-items: center; gap: 0.5rem;}.sp-enrolled__term-title .material-icons{color: #8b5cf6; font-size: 24px;}.sp-enrolled__term-title h2, .sp-enrolled__term-title .h2{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-enrolled__term-badge{font-size: 0.625rem; font-weight: 700; padding: 0.25rem 0.5rem; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em;}.sp-enrolled__term-badge--summer{background: rgba(245, 158, 11, 0.15); color: #d97706;}.sp-enrolled__term-meta{font-size: 0.75rem; color: #64748b; font-weight: 500;}.sp-enrolled__courses{display: flex; flex-direction: column; gap: 0.75rem; margin-top: 0.75rem;}.sp-enrolled__card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; display: flex; align-items: stretch; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; color: inherit;}.sp-enrolled__card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); text-decoration: none; color: inherit;}.sp-enrolled__card-accent{width: 4px; flex-shrink: 0;}.sp-enrolled__card-accent--emerald{background: #10b981;}.sp-enrolled__card-accent--sky{background: #0ea5e9;}.sp-enrolled__card-accent--amber{background: #f59e0b;}.sp-enrolled__card-accent--orange{background: #f97316;}.sp-enrolled__card-accent--rose{background: #f43f5e;}.sp-enrolled__card-accent--slate{background: #94a3b8;}.sp-enrolled__card-accent--violet{background: #8b5cf6;}.sp-enrolled__card-body{flex: 1; padding: 1rem 1.25rem; min-width: 0;}.sp-enrolled__card-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.25rem; flex-wrap: wrap; gap: 0.5rem;}.sp-enrolled__card-code{font-size: 0.75rem; font-weight: 700; color: #7c3aed; text-transform: uppercase; letter-spacing: 0.03em;}.sp-enrolled__card-badges{display: flex; gap: 0.25rem; flex-wrap: wrap;}.sp-enrolled__badge{font-size: 0.625rem; font-weight: 600; padding: 2px 0.5rem; border-radius: 9999px; line-height: 1.4;}.sp-enrolled__badge--violet{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-enrolled__badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-enrolled__badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-enrolled__badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-enrolled__badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-enrolled__badge--orange{background: rgba(249, 115, 22, 0.12); color: #d97706;}.sp-enrolled__badge--slate{background: rgba(148, 163, 184, 0.15); color: #475569;}.sp-enrolled__card-name{font-size: 1rem; font-weight: 600; color: #1e293b; margin: 0 0 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-enrolled__card-bottom{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;}.sp-enrolled__card-credits, .sp-enrolled__card-section{display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #64748b; font-weight: 500;}.sp-enrolled__card-credits .material-icons, .sp-enrolled__card-section .material-icons{font-size: 14px;}.sp-enrolled__grade{font-size: 0.75rem; font-weight: 800; padding: 2px 0.5rem; border-radius: 0.5rem; min-width: 28px; text-align: center;}.sp-enrolled__grade--emerald{background: rgba(16, 185, 129, 0.15); color: #059669;}.sp-enrolled__grade--sky{background: rgba(14, 165, 233, 0.15); color: #0284c7;}.sp-enrolled__grade--amber{background: rgba(245, 158, 11, 0.15); color: #d97706;}.sp-enrolled__grade--orange{background: rgba(249, 115, 22, 0.15); color: #d97706;}.sp-enrolled__grade--rose{background: rgba(244, 63, 94, 0.15); color: #e11d48;}.sp-enrolled__grade--slate{background: rgba(148, 163, 184, 0.15); color: #475569;}.sp-enrolled__grade--violet{background: rgba(139, 92, 246, 0.15); color: #7c3aed;}.sp-enrolled__status{font-size: 0.625rem; font-weight: 600; padding: 2px 0.5rem; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.03em;}.sp-enrolled__status--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-enrolled__status--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-enrolled__status--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-enrolled__status--slate{background: rgba(148, 163, 184, 0.12); color: #475569;}.sp-enrolled__card-arrow{display: flex; align-items: center; padding: 0 0.75rem; color: #cbd5e1; transition: color 0.15s ease;}.sp-enrolled__card:hover .sp-enrolled__card-arrow{color: #8b5cf6;}.sp-enrolled__empty{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 3rem; text-align: center; margin-top: 2rem;}.sp-enrolled__empty > .material-icons{font-size: 64px; color: #cbd5e1; margin-bottom: 1rem;}.sp-enrolled__empty h3, .sp-enrolled__empty .h3{font-size: 1.125rem; font-weight: 700; color: #334155; margin-bottom: 0.5rem;}.sp-enrolled__empty p{font-size: 0.875rem; color: #94a3b8;}html.dark .sp-enrolled, .sp-enrolled.dark{background: linear-gradient(135deg, #0f172a 0%, rgba(139, 92, 246, 0.05) 50%, #0f172a 100%);}html.dark .sp-enrolled .sp-enrolled__header h1, html.dark .sp-enrolled .sp-enrolled__header .h1, .sp-enrolled.dark .sp-enrolled__header h1, .sp-enrolled.dark .sp-enrolled__header .h1{color: #f1f5f9;}html.dark .sp-enrolled .sp-enrolled__header p, .sp-enrolled.dark .sp-enrolled__header p{color: #94a3b8;}html.dark .sp-enrolled .sp-enrolled__stat, .sp-enrolled.dark .sp-enrolled__stat{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}html.dark .sp-enrolled .sp-enrolled__stat-value, .sp-enrolled.dark .sp-enrolled__stat-value{color: #f1f5f9;}html.dark .sp-enrolled .sp-enrolled__stat-label, .sp-enrolled.dark .sp-enrolled__stat-label{color: #64748b;}html.dark .sp-enrolled .sp-enrolled__search, html.dark .sp-enrolled .sp-enrolled__term-filter, .sp-enrolled.dark .sp-enrolled__search, .sp-enrolled.dark .sp-enrolled__term-filter{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}html.dark .sp-enrolled .sp-enrolled__search input, html.dark .sp-enrolled .sp-enrolled__search select, html.dark .sp-enrolled .sp-enrolled__term-filter input, html.dark .sp-enrolled .sp-enrolled__term-filter select, .sp-enrolled.dark .sp-enrolled__search input, .sp-enrolled.dark .sp-enrolled__search select, .sp-enrolled.dark .sp-enrolled__term-filter input, .sp-enrolled.dark .sp-enrolled__term-filter select{color: #e2e8f0;}html.dark .sp-enrolled .sp-enrolled__search .material-icons, html.dark .sp-enrolled .sp-enrolled__term-filter .material-icons, .sp-enrolled.dark .sp-enrolled__search .material-icons, .sp-enrolled.dark .sp-enrolled__term-filter .material-icons{color: #64748b;}html.dark .sp-enrolled .sp-enrolled__term-header, .sp-enrolled.dark .sp-enrolled__term-header{background: rgba(139, 92, 246, 0.08); border-color: rgba(139, 92, 246, 0.12);}html.dark .sp-enrolled .sp-enrolled__term-title h2, html.dark .sp-enrolled .sp-enrolled__term-title .h2, .sp-enrolled.dark .sp-enrolled__term-title h2, .sp-enrolled.dark .sp-enrolled__term-title .h2{color: #f1f5f9;}html.dark .sp-enrolled .sp-enrolled__term-meta, .sp-enrolled.dark .sp-enrolled__term-meta{color: #64748b;}html.dark .sp-enrolled .sp-enrolled__card, .sp-enrolled.dark .sp-enrolled__card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}html.dark .sp-enrolled .sp-enrolled__card-code, .sp-enrolled.dark .sp-enrolled__card-code{color: #a78bfa;}html.dark .sp-enrolled .sp-enrolled__card-name, .sp-enrolled.dark .sp-enrolled__card-name{color: #f1f5f9;}html.dark .sp-enrolled .sp-enrolled__card-credits, html.dark .sp-enrolled .sp-enrolled__card-section, .sp-enrolled.dark .sp-enrolled__card-credits, .sp-enrolled.dark .sp-enrolled__card-section{color: #94a3b8;}html.dark .sp-enrolled .sp-enrolled__card-arrow, .sp-enrolled.dark .sp-enrolled__card-arrow{color: #475569;}html.dark .sp-enrolled .sp-enrolled__card:hover .sp-enrolled__card-arrow, .sp-enrolled.dark .sp-enrolled__card:hover .sp-enrolled__card-arrow{color: #a78bfa;}html.dark .sp-enrolled .sp-enrolled__error-card, .sp-enrolled.dark .sp-enrolled__error-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}html.dark .sp-enrolled .sp-enrolled__error-card h3, html.dark .sp-enrolled .sp-enrolled__error-card .h3, .sp-enrolled.dark .sp-enrolled__error-card h3, .sp-enrolled.dark .sp-enrolled__error-card .h3{color: #f1f5f9;}html.dark .sp-enrolled .sp-enrolled__error-card p, .sp-enrolled.dark .sp-enrolled__error-card p{color: #94a3b8;}html.dark .sp-enrolled .sp-enrolled__empty, .sp-enrolled.dark .sp-enrolled__empty{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}html.dark .sp-enrolled .sp-enrolled__empty > .material-icons, .sp-enrolled.dark .sp-enrolled__empty > .material-icons{color: #475569;}html.dark .sp-enrolled .sp-enrolled__empty h3, html.dark .sp-enrolled .sp-enrolled__empty .h3, .sp-enrolled.dark .sp-enrolled__empty h3, .sp-enrolled.dark .sp-enrolled__empty .h3{color: #cbd5e1;}html.dark .sp-enrolled .sp-enrolled__empty p, .sp-enrolled.dark .sp-enrolled__empty p{color: #64748b;}@media (max-width: 1024px){.sp-enrolled__main{padding-left: 1.5rem;}.sp-enrolled__stats{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px){.sp-enrolled__main{padding: 1rem 1rem 2rem;}.sp-enrolled__header h1, .sp-enrolled__header .h1{font-size: 1.5rem;}.sp-enrolled__stats{grid-template-columns: repeat(2, 1fr); gap: 0.75rem;}.sp-enrolled__stat{padding: 0.75rem;}.sp-enrolled__filters{flex-direction: column; gap: 0.75rem;}.sp-enrolled__card-name{white-space: normal;}.sp-enrolled__card-bottom{gap: 0.5rem;}}@media (max-width: 480px){.sp-enrolled__stats{grid-template-columns: 1fr;}.sp-enrolled__stat > .material-icons{width: 36px; height: 36px; font-size: 22px;}.sp-enrolled__stat-value{font-size: 1.25rem;}} /* /odoocms_student_portal/static/src/scss/_enrollment.scss */ .sp-enroll{min-height: 100vh; padding: 1.5rem 2.5rem 3rem; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); position: relative; overflow-x: hidden;}.sp-enroll--loading, .sp-enroll--error{display: flex; align-items: center; justify-content: center;}.sp-enroll .sp-bg-elements{position: fixed; inset: 0; pointer-events: none; z-index: 0;}.sp-enroll__main{position: relative; z-index: 1; max-width: 1700px; margin: 0 auto; padding-left: 2.5rem; padding-right: 2.5rem;}@media (min-width: 1280px){.sp-enroll__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-enroll__main{padding-left: 5rem; padding-right: 5rem;}}.sp-enroll__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-enroll__header-text h1, .sp-enroll__header-text .h1{font-size: 1.75rem; font-weight: 800; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0;}.sp-enroll__header-text p{color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0;}.sp-enroll__header-actions{display: flex; gap: 0.75rem; flex-wrap: wrap;}.sp-enroll__welcome{display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-enroll__welcome-left{flex: 1; min-width: 0;}.sp-enroll__welcome-title{font-size: 1.75rem; font-weight: 800; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__welcome-title .material-icons{font-size: 1.75rem; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-enroll__welcome-sub{display: flex; align-items: center; gap: 0.375rem; color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0; flex-wrap: wrap;}.sp-enroll__welcome-name{font-weight: 600; color: #374151;}.sp-enroll__welcome-sep{color: #d1d5db; font-weight: 300;}.sp-enroll__hero{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1.25rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-enroll__hero:hover{transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-enroll__hero-top{display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; flex-wrap: wrap;}.sp-enroll__hero-term{display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 700; color: #374151;}.sp-enroll__hero-term .material-icons{font-size: 1.25rem; color: #6d28d9;}.sp-enroll__hero-type{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.3rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600;}.sp-enroll__hero-type .material-icons{font-size: 0.95rem;}.sp-enroll__hero-progress + .sp-enroll__hero-progress{margin-top: 0.75rem;}.sp-enroll__hero-progress-row{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.375rem;}.sp-enroll__hero-progress-label{display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; font-weight: 500; color: #6b7280;}.sp-enroll__hero-progress-label .material-icons{font-size: 1rem; color: #8b5cf6;}.sp-enroll__hero-progress-value{font-size: 0.8125rem; font-weight: 700; color: #374151;}.sp-enroll__hero-bar{height: 8px; border-radius: 4px; background: rgba(0, 0, 0, 0.06); overflow: hidden;}.sp-enroll__hero-bar-fill{height: 100%; border-radius: 4px; transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1); min-width: 2px;}.sp-enroll__hero-bar-fill--emerald{background: linear-gradient(90deg, #10b981, #34d399);}.sp-enroll__hero-bar-fill--amber{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-enroll__hero-bar-fill--rose{background: linear-gradient(90deg, #f43f5e, #fb7185);}.sp-enroll__stats-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-enroll__stat-card{position: relative; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); display: flex; align-items: center; gap: 1rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-enroll__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-enroll__stat-icon{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; flex-shrink: 0;}.sp-enroll__stat-icon .material-icons{font-size: 1.5rem;}.sp-enroll__stat-card--courses .sp-enroll__stat-icon{background: rgba(109, 40, 217, 0.1); color: #6d28d9;}.sp-enroll__stat-card--credits .sp-enroll__stat-icon{background: rgba(14, 165, 233, 0.1); color: #0ea5e9;}.sp-enroll__stat-card--cart .sp-enroll__stat-icon{background: rgba(245, 158, 11, 0.1); color: #f59e0b;}.sp-enroll__stat-card--status .sp-enroll__stat-icon{border-radius: 0.75rem;}.sp-enroll__stat-info{display: flex; flex-direction: column; gap: 0.125rem; min-width: 0;}.sp-enroll__stat-value{font-size: 1.25rem; font-weight: 700; color: #1f2937; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-enroll__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-enroll__btn{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.25rem; border-radius: 12px; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer;}.sp-enroll__btn .material-icons{font-size: 1.1rem;}.sp-enroll__btn--primary{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff !important; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);}.sp-enroll__btn--primary .material-icons{color: #fff !important;}.sp-enroll__btn--primary:hover, .sp-enroll__btn--primary:focus, .sp-enroll__btn--primary:active, .sp-enroll__btn--primary:visited{transform: translateY(-1px); box-shadow: 0 6px 16px rgba(109, 40, 217, 0.3); color: #fff !important; text-decoration: none;}.sp-enroll__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #6b7280; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-enroll__btn--ghost:hover{background: rgba(255, 255, 255, 0.9); color: #374151; text-decoration: none;}.sp-enroll__btn--primary, .sp-enroll__btn--selection{position: relative;}.sp-enroll__cart-badge{background: #ef4444; color: #fff; font-size: 0.65rem; font-weight: 700; min-width: 18px; height: 18px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; position: absolute; top: -6px; right: -6px; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3); pointer-events: none;}.sp-enroll__alert{display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; border-radius: 0.75rem; margin-bottom: 1.5rem; font-size: 0.8125rem; background: rgba(139, 92, 246, 0.06); border: 1px solid rgba(139, 92, 246, 0.15); color: #6d28d9;}.sp-enroll__alert .material-icons{font-size: 1.2rem;}.sp-enroll__alert--error{background: rgba(239, 68, 68, 0.08); border-color: rgba(239, 68, 68, 0.15); color: #dc2626;}.sp-enroll__tabs{display: flex; gap: 0.5rem; margin-bottom: 1rem; overflow-x: auto; padding-bottom: 0.25rem;}.sp-enroll__tabs::-webkit-scrollbar{height: 4px;}.sp-enroll__tabs::-webkit-scrollbar-thumb{background: rgba(139, 92, 246, 0.2); border-radius: 2px;}.sp-enroll__tab{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.6); color: #6b7280; cursor: pointer; transition: all 0.2s; white-space: nowrap; font-family: inherit;}.sp-enroll__tab .material-icons{font-size: 1rem;}.sp-enroll__tab:hover{background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-enroll__tab--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);}.sp-enroll__tab-count{background: rgba(255, 255, 255, 0.2); padding: 0.1rem 0.45rem; border-radius: 6px; font-size: 0.7rem;}.sp-enroll__tab--active .sp-enroll__tab-count{background: rgba(255, 255, 255, 0.25);}.sp-enroll__courses{display: flex; flex-direction: column; gap: 0.75rem;}.sp-enroll__course-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s;}.sp-enroll__course-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); transform: translateY(-2px);}.sp-enroll__course-header{display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; cursor: pointer; transition: background 0.15s;}.sp-enroll__course-header:hover{background: rgba(139, 92, 246, 0.03);}.sp-enroll__course-info{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.15rem;}.sp-enroll__course-code{font-weight: 700; font-size: 0.85rem; color: #6d28d9;}.sp-enroll__course-name{font-size: 0.82rem; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-enroll__course-badges{display: flex; gap: 0.4rem; flex-wrap: wrap; flex-shrink: 0;}.sp-enroll__course-toggle{color: #9ca3af; transition: transform 0.2s; flex-shrink: 0;}.sp-enroll__sections{border-top: 1px solid rgba(139, 92, 246, 0.08); padding: 0.5rem 1rem 1rem; display: flex; flex-direction: column; gap: 0.5rem;}.sp-enroll__coreq{display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.8rem; border-radius: 10px; background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.15); font-size: 0.8rem; color: #92400e;}.sp-enroll__coreq .material-icons{font-size: 1rem; color: #f59e0b;}.sp-enroll__section-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem;}.sp-enroll__sec-card{display: flex; flex-direction: column; gap: 0.45rem; padding: 0.7rem 0.8rem; border-radius: 12px; background: rgba(255, 255, 255, 0.6); border: 1.5px solid rgba(148, 163, 184, 0.12); transition: all 0.2s; cursor: pointer; position: relative;}.sp-enroll__sec-card:hover{background: rgba(255, 255, 255, 0.9); border-color: rgba(139, 92, 246, 0.2); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); transform: translateY(-1px);}.sp-enroll__sec-card--selected{background: rgba(16, 185, 129, 0.06) !important; border-color: rgba(16, 185, 129, 0.3) !important; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.08);}.sp-enroll__sec-card--added{background: rgba(14, 165, 233, 0.04); border-color: rgba(14, 165, 233, 0.2);}.sp-enroll__sec-card--disabled{opacity: 0.45; cursor: not-allowed !important; pointer-events: none;}.sp-enroll__sec-card-head{display: flex; align-items: center; justify-content: space-between; gap: 0.4rem;}.sp-enroll__sec-card-action{flex-shrink: 0;}.sp-enroll__sec-card-action .material-icons{font-size: 1.2rem;}.sp-enroll__sec-card-name{display: flex; align-items: baseline; gap: 0.35rem; flex-wrap: wrap; min-height: 1.1em;}.sp-enroll__sec-card-schedule{display: flex; flex-wrap: wrap; gap: 0.25rem;}.sp-enroll__sec-card-foot{display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin-top: auto; padding-top: 0.35rem; border-top: 1px solid rgba(148, 163, 184, 0.08);}.sp-enroll__section-status{font-size: 0.65rem; font-weight: 700; padding: 0.12rem 0.4rem; border-radius: 5px; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap;}.sp-enroll__section-status--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-enroll__section-status--amber{background: rgba(245, 158, 11, 0.12); color: #b45309;}.sp-enroll__section-status--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-enroll__section-name{font-weight: 600; font-size: 0.78rem; color: #374151; word-break: break-word;}.sp-enroll__section-inst{font-size: 0.72rem; color: #6b7280;}.sp-enroll__section-shift{font-size: 0.68rem; color: #9ca3af;}.sp-enroll__schedule-tag{font-size: 0.66rem; font-weight: 500; padding: 0.15rem 0.4rem; border-radius: 5px; background: rgba(139, 92, 246, 0.06); color: #6d28d9; white-space: nowrap;}.sp-enroll__section-seats, .sp-enroll__section-faculty{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.7rem; color: #6b7280;}.sp-enroll__section-seats .material-icons, .sp-enroll__section-faculty .material-icons{font-size: 0.8rem;}.sp-enroll__section-add{display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 1rem; border-radius: 10px; font-size: 0.8rem; font-weight: 600; border: none; cursor: pointer; transition: all 0.2s; background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2); flex-shrink: 0;}.sp-enroll__section-add .material-icons{font-size: 1rem;}.sp-enroll__section-add:hover{transform: translateY(-1px); box-shadow: 0 4px 10px rgba(139, 92, 246, 0.35);}.sp-enroll__section-add:disabled, .sp-enroll__section-add.o_wysiwyg_loader{opacity: 0.6; cursor: not-allowed; transform: none;}.sp-enroll__section-added{display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.8rem; font-weight: 600; color: #059669; flex-shrink: 0;}.sp-enroll__section-added .material-icons{font-size: 1rem;}.sp-enroll__prereq-notice{display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.8rem 1rem; border-top: 1px solid rgba(244, 63, 94, 0.1); background: rgba(244, 63, 94, 0.04); font-size: 0.8rem; color: #e11d48; animation: spSlideDown 0.2s ease; flex-wrap: wrap;}.sp-enroll__prereq-notice .material-icons{font-size: 1.1rem; margin-top: 0.1rem;}.sp-enroll__prereq-notice .uk-badge{display: inline-block; padding: 0.2rem 0.5rem; border-radius: 6px; font-size: 0.72rem; font-weight: 600; margin: 2px; line-height: 1.3;}.sp-enroll__prereq-notice .uk-badge-danger{background: rgba(244, 63, 94, 0.12); color: #be123c; border: 1px solid rgba(244, 63, 94, 0.2);}.sp-enroll__prereq-notice .uk-badge-success{background: rgba(16, 185, 129, 0.12); color: #047857; border: 1px solid rgba(16, 185, 129, 0.2);}.sp-enroll__prereq-notice .uk-badge-primary{background: rgba(99, 102, 241, 0.12); color: #4338ca; border: 1px solid rgba(99, 102, 241, 0.2);}.sp-enroll__prereq-notice .uk-badge-secondary{background: rgba(100, 116, 139, 0.1); color: #475569; border: 1px solid rgba(100, 116, 139, 0.15);}.sp-enroll__toast{position: fixed; top: 80px; right: 1.5rem; display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1.25rem; border-radius: 12px; font-size: 0.85rem; font-weight: 500; backdrop-filter: blur(16px); z-index: 9999; cursor: pointer; animation: spToastIn 0.3s ease; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.sp-enroll__toast .material-icons{font-size: 1.2rem;}.sp-enroll__toast--success{background: rgba(16, 185, 129, 0.95); color: #fff;}.sp-enroll__toast--error{background: rgba(239, 68, 68, 0.95); color: #fff;}@keyframes spToastIn{from{opacity: 0; transform: translateX(20px);}to{opacity: 1; transform: translateX(0);}}.sp-enroll__empty{text-align: center; padding: 4rem 2rem;}.sp-enroll__empty .material-icons{font-size: 3.5rem; color: #c4b5fd; margin-bottom: 1rem;}.sp-enroll__empty h3, .sp-enroll__empty .h3{font-size: 1.2rem; font-weight: 700; color: #374151; margin-bottom: 0.5rem;}.sp-enroll__empty p{color: #9ca3af; font-size: 0.9rem;}.sp-enroll__cart-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-enroll__limits{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-enroll__limit-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; padding: 1.25rem;}.sp-enroll__limit-label{font-size: 0.75rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0.5rem;}.sp-enroll__limit-values{display: flex; align-items: baseline; gap: 0.35rem; margin-bottom: 0.5rem;}.sp-enroll__limit-current{font-size: 1.4rem; font-weight: 800; color: #6d28d9;}.sp-enroll__limit-max{font-size: 0.85rem; color: #9ca3af;}.sp-enroll__limit-bar{height: 6px; border-radius: 3px; background: rgba(139, 92, 246, 0.1); overflow: hidden;}.sp-enroll__limit-fill{height: 100%; border-radius: 3px; background: linear-gradient(90deg, #6d28d9, #a78bfa); transition: width 0.5s ease;}.sp-enroll__limit-fill--warning{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-enroll__limit-fill--danger{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-enroll__cart-list{display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.5rem;}.sp-enroll__cart-row{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; padding: 1.25rem; display: flex; align-items: center; gap: 1rem; transition: all 0.2s;}.sp-enroll__cart-row:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); transform: translateY(-1px);}.sp-enroll__cart-row--error{border-color: rgba(239, 68, 68, 0.2); background: rgba(255, 255, 255, 0.5);}.sp-enroll__cart-course{flex: 1; min-width: 0;}.sp-enroll__cart-code{font-weight: 700; font-size: 0.85rem; color: #6d28d9;}.sp-enroll__cart-name{font-size: 0.8rem; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-enroll__cart-section{font-size: 0.78rem; color: #6b7280; display: flex; align-items: center; gap: 0.3rem;}.sp-enroll__cart-credits{font-weight: 700; font-size: 0.9rem; color: #374151; text-align: center; min-width: 40px;}.sp-enroll__cart-schedule{display: flex; flex-wrap: wrap; gap: 0.3rem;}.sp-enroll__cart-actions{display: flex; gap: 0.5rem; flex-shrink: 0;}.sp-enroll__cart-del{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.2s; background: rgba(239, 68, 68, 0.08); color: #ef4444;}.sp-enroll__cart-del .material-icons{font-size: 1.1rem;}.sp-enroll__cart-del:hover{background: rgba(239, 68, 68, 0.15); transform: scale(1.05);}.sp-enroll__cart-del:disabled, .sp-enroll__cart-del.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed;}.sp-enroll__select-section{display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.35rem 0.75rem; border-radius: 8px; font-size: 0.75rem; font-weight: 600; border: 1px dashed rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.04); color: #6d28d9; cursor: pointer; transition: all 0.2s;}.sp-enroll__select-section .material-icons{font-size: 0.9rem;}.sp-enroll__select-section:hover{background: rgba(139, 92, 246, 0.1); border-style: solid;}.sp-enroll__cart-error{font-size: 0.75rem; color: #ef4444; display: flex; align-items: center; gap: 0.3rem; margin-top: 0.25rem;}.sp-enroll__cart-error .material-icons{font-size: 0.85rem;}.sp-enroll__enrolled-section{margin-bottom: 1.5rem;}.sp-enroll__enrolled-title{font-size: 1rem; font-weight: 700; color: #374151; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__enrolled-title .material-icons{font-size: 1.2rem; color: #6d28d9;}.sp-enroll__requirements{background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; padding: 1.25rem; margin-bottom: 1.5rem;}.sp-enroll__req-title{font-size: 0.9rem; font-weight: 700; color: #374151; margin-bottom: 0.75rem;}.sp-enroll__req-item{display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0; font-size: 0.82rem; color: #6b7280;}.sp-enroll__req-item .material-icons{font-size: 1rem;}.sp-enroll__req-item--met .material-icons{color: #10b981;}.sp-enroll__req-item--unmet .material-icons{color: #ef4444;}.sp-enroll__action-bar{position: sticky; bottom: 1rem; display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 16px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08); z-index: 50; flex-wrap: wrap;}.sp-enroll__action-info{flex: 1; font-size: 0.82rem; color: #6b7280;}.sp-enroll__modal-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); z-index: 9990; display: flex; align-items: center; justify-content: center; animation: spFadeIn 0.2s ease;}@keyframes spFadeIn{from{opacity: 0;}to{opacity: 1;}}.sp-enroll__modal{background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 20px; padding: 1.5rem; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); animation: spModalIn 0.25s ease;}@keyframes spModalIn{from{opacity: 0; transform: scale(0.95) translateY(10px);}to{opacity: 1; transform: scale(1) translateY(0);}}.sp-enroll__modal-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}.sp-enroll__modal-header h3, .sp-enroll__modal-header .h3{font-size: 1.1rem; font-weight: 700; color: #374151; margin: 0;}.sp-enroll__modal-close{width: 32px; height: 32px; border-radius: 8px; border: none; background: rgba(0, 0, 0, 0.05); color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.15s;}.sp-enroll__modal-close:hover{background: rgba(0, 0, 0, 0.1);}.sp-enroll__modal-sections{display: flex; flex-direction: column; gap: 0.5rem;}.sp-enroll__confirm-body{text-align: center; padding: 1rem 0;}.sp-enroll__confirm-body .material-icons{font-size: 3rem; color: #6d28d9; margin-bottom: 0.75rem;}.sp-enroll__confirm-body p{color: #6b7280; font-size: 0.9rem; margin: 0;}.sp-enroll__confirm-actions{display: flex; gap: 0.75rem; justify-content: center; margin-top: 1.25rem;}.sp-enroll__course-card--selected{border-color: rgba(16, 185, 129, 0.25); background: rgba(16, 185, 129, 0.04); box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.1);}.sp-enroll__course-card--in-cart{border-color: rgba(14, 165, 233, 0.25); background: rgba(14, 165, 233, 0.04); box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.1);}.sp-enroll__course-card--unavailable{border-color: rgba(148, 163, 184, 0.2); background: rgba(148, 163, 184, 0.04); opacity: 0.6;}.sp-enroll__course-card--unavailable .sp-enroll__course-code, .sp-enroll__course-card--unavailable .sp-enroll__course-name{color: #9ca3af;}.sp-enroll__course-card--unavailable .sp-enroll__course-toggle{color: #cbd5e1;}.sp-enroll__course-card--prereq{border-color: rgba(244, 63, 94, 0.15); background: rgba(244, 63, 94, 0.03); opacity: 0.65;}.sp-enroll__course-card--prereq .sp-enroll__course-code, .sp-enroll__course-card--prereq .sp-enroll__course-name{color: #9ca3af;}.sp-enroll__course-credits{font-size: 0.72rem; font-weight: 600; color: #6d28d9; background: rgba(139, 92, 246, 0.08); padding: 0.1rem 0.4rem; border-radius: 4px;}.sp-enroll__section-status--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-enroll__section-check{font-size: 1.2rem; color: #10b981;}.sp-enroll__section-check--done{color: #0ea5e9;}.sp-enroll__section-radio{font-size: 1.2rem; color: #cbd5e1; transition: color 0.15s;}.sp-enroll__sec-card:hover .sp-enroll__section-radio{color: #6d28d9;}.sp-enroll__section-clash-icon{font-size: 1.1rem; color: #f59e0b;}.sp-enroll__section-closed{font-size: 1.1rem; color: #e11d48;}.sp-enroll__tab-selected{font-size: 0.65rem; font-weight: 700; color: #10b981; background: rgba(16, 185, 129, 0.12); padding: 0.1rem 0.4rem; border-radius: 4px;}.sp-enroll__tab--active .sp-enroll__tab-selected{background: rgba(255, 255, 255, 0.2); color: #ecfdf5;}.sp-enroll__clash-warning{display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.6rem 1rem; margin: 0 1rem; border-radius: 8px; background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.15); font-size: 0.78rem; color: #92400e; animation: spSlideDown 0.2s ease;}.sp-enroll__clash-warning .material-icons{font-size: 1rem; color: #f59e0b; flex-shrink: 0; margin-top: 0.1rem;}.sp-enroll__clash-warning span{display: block; line-height: 1.4;}.sp-enroll__limits-mini{display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; font-weight: 600; color: #6b7280;}.sp-enroll__limits-mini .material-icons{font-size: 1rem; color: #6d28d9;}.sp-enroll__limits-bar-mini{width: 80px; height: 5px; border-radius: 3px; background: rgba(0, 0, 0, 0.06); overflow: hidden;}.sp-enroll__limits-fill{height: 100%; border-radius: 3px; transition: width 0.4s ease;}.sp-enroll__limits-fill--emerald{background: linear-gradient(90deg, #10b981, #34d399);}.sp-enroll__limits-fill--amber{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-enroll__limits-fill--rose{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-enroll__btn--assist{background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);}.sp-enroll__btn--assist:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4); color: #fff; text-decoration: none;}.sp-enroll__btn--selection{background: rgba(16, 185, 129, 0.1); color: #059669; border: 1px solid rgba(16, 185, 129, 0.2);}.sp-enroll__btn--selection:hover{background: rgba(16, 185, 129, 0.15); color: #059669; text-decoration: none;}.sp-enroll__btn--ghost-sm{display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 10px; font-size: 0.8rem; font-weight: 600; border: 1px solid rgba(239, 68, 68, 0.2); background: rgba(239, 68, 68, 0.06); color: #ef4444; cursor: pointer; transition: all 0.2s;}.sp-enroll__btn--ghost-sm .material-icons{font-size: 1rem;}.sp-enroll__btn--ghost-sm:hover{background: rgba(239, 68, 68, 0.1);}.sp-enroll__btn--submit{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.5rem; border-radius: 12px; font-size: 0.85rem; font-weight: 700; border: none; cursor: pointer; background: linear-gradient(135deg, #10b981, #059669); color: #fff; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3); transition: all 0.2s;}.sp-enroll__btn--submit .material-icons{font-size: 1.1rem;}.sp-enroll__btn--submit:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);}.sp-enroll__btn--submit--disabled, .sp-enroll__btn--submit:disabled, .sp-enroll__btn--submit.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed; transform: none !important; box-shadow: none !important;}.sp-enroll__btn--generate{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.5rem; border-radius: 12px; font-size: 0.85rem; font-weight: 700; border: none; cursor: pointer; background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3); transition: all 0.2s; width: 100%; justify-content: center; margin-top: 0.75rem;}.sp-enroll__btn--generate .material-icons{font-size: 1.1rem;}.sp-enroll__btn--generate:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);}.sp-enroll__btn--generate:disabled, .sp-enroll__btn--generate.o_wysiwyg_loader{opacity: 0.6; cursor: not-allowed; transform: none;}.sp-enroll__btn--apply{display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 10px; font-size: 0.8rem; font-weight: 600; border: none; cursor: pointer; background: linear-gradient(135deg, #10b981, #059669); color: #fff; transition: all 0.2s; width: 100%; justify-content: center; margin-top: 0.75rem;}.sp-enroll__btn--apply .material-icons{font-size: 1rem;}.sp-enroll__btn--apply:hover{transform: translateY(-1px); box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);}.sp-enroll__main--cart-open{padding-bottom: 300px;}.sp-enroll__local-cart{position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; max-height: 50vh; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(24px); border-top: 1px solid rgba(139, 92, 246, 0.15); box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; animation: spCartSlideUp 0.3s ease;}@keyframes spCartSlideUp{from{transform: translateY(100%);}to{transform: translateY(0);}}.sp-enroll__local-cart-header{display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); flex-shrink: 0;}.sp-enroll__local-cart-title{display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__local-cart-title .material-icons{font-size: 1.2rem; color: #6d28d9;}.sp-enroll__local-cart-title h3, .sp-enroll__local-cart-title .h3{font-size: 0.95rem; font-weight: 700; color: #374151; margin: 0;}.sp-enroll__local-cart-credits{font-size: 0.8rem; font-weight: 600; color: #6d28d9; background: rgba(139, 92, 246, 0.08); padding: 0.15rem 0.5rem; border-radius: 6px;}.sp-enroll__local-cart-close{width: 30px; height: 30px; border-radius: 8px; border: none; background: rgba(0, 0, 0, 0.05); color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center;}.sp-enroll__local-cart-close:hover{background: rgba(0, 0, 0, 0.1);}.sp-enroll__local-cart-limits{padding: 0.5rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); flex-shrink: 0;}.sp-enroll__limits-info{display: flex; justify-content: space-between; font-size: 0.75rem; font-weight: 600; color: #6b7280; margin-bottom: 0.35rem;}.sp-enroll__limits-bar{height: 5px; border-radius: 3px; background: rgba(0, 0, 0, 0.06); overflow: hidden; margin-bottom: 0.25rem;}.sp-enroll__limit-warning{display: flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-weight: 600; color: #ef4444; margin-top: 0.25rem;}.sp-enroll__limit-warning .material-icons{font-size: 0.85rem;}.sp-enroll__local-cart-items{flex: 1; overflow-y: auto; padding: 0.5rem 1.5rem; display: flex; flex-direction: column; gap: 0.4rem;}.sp-enroll__local-cart-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.75rem; border-radius: 10px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.04); transition: all 0.15s; position: relative;}.sp-enroll__local-cart-item:hover{background: rgba(255, 255, 255, 0.8);}.sp-enroll__local-cart-item--clash{border-color: rgba(245, 158, 11, 0.2); background: rgba(245, 158, 11, 0.04);}.sp-enroll__local-cart-item-info{flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;}.sp-enroll__local-cart-item-code{font-weight: 700; font-size: 0.8rem; color: #6d28d9;}.sp-enroll__local-cart-item-name{font-size: 0.78rem; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;}.sp-enroll__local-cart-item-section{font-size: 0.72rem; color: #9ca3af;}.sp-enroll__local-cart-item-credits{font-size: 0.72rem; font-weight: 700; color: #6d28d9;}.sp-enroll__local-cart-item-clash{font-size: 0.72rem; color: #f59e0b; display: flex; align-items: center; gap: 0.2rem;}.sp-enroll__local-cart-item-clash .material-icons{font-size: 0.8rem;}.sp-enroll__local-cart-item-remove{width: 24px; height: 24px; border-radius: 6px; border: none; background: rgba(239, 68, 68, 0.08); color: #ef4444; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s;}.sp-enroll__local-cart-item-remove .material-icons{font-size: 0.85rem;}.sp-enroll__local-cart-item-remove:hover{background: rgba(239, 68, 68, 0.15);}.sp-enroll__local-cart-actions{display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; padding: 0.75rem 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06); flex-shrink: 0;}.sp-enroll__toast--warning{background: rgba(245, 158, 11, 0.95); color: #fff;}.sp-enroll__schedule-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(6px); z-index: 9990; display: flex; align-items: center; justify-content: center; animation: spFadeIn 0.2s ease;}.sp-enroll__schedule-modal{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 24px; max-width: 800px; width: 95%; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2); animation: spModalIn 0.25s ease;}.sp-enroll__schedule-modal-header{display: flex; align-items: flex-start; justify-content: space-between; padding: 1.5rem 1.5rem 0;}.sp-enroll__schedule-modal-header h2, .sp-enroll__schedule-modal-header .h2{font-size: 1.15rem; font-weight: 800; color: #374151; margin: 0; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__schedule-modal-header h2 .material-icons, .sp-enroll__schedule-modal-header .h2 .material-icons{font-size: 1.3rem; color: #f59e0b;}.sp-enroll__schedule-modal-header p{color: #9ca3af; font-size: 0.82rem; margin: 0.25rem 0 0;}.sp-enroll__schedule-modal-close{width: 34px; height: 34px; border-radius: 10px; border: none; background: rgba(0, 0, 0, 0.05); color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-enroll__schedule-modal-close:hover{background: rgba(0, 0, 0, 0.1);}.sp-enroll__schedule-modal-body{flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem 1.5rem;}.sp-enroll__schedule-prefs{background: rgba(139, 92, 246, 0.03); border: 1px solid rgba(139, 92, 246, 0.08); border-radius: 16px; padding: 1.25rem; margin-bottom: 1.5rem;}.sp-enroll__pref-group{margin-bottom: 0.75rem;}.sp-enroll__pref-group label{display: block; font-size: 0.8rem; font-weight: 600; color: #374151; margin-bottom: 0.4rem;}.sp-enroll__pref-group select, .sp-enroll__pref-group input[type="time"]{width: 100%; padding: 0.5rem 0.75rem; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.82rem; font-family: inherit; background: #fff; color: #374151; outline: none; transition: border-color 0.15s;}.sp-enroll__pref-group select:focus, .sp-enroll__pref-group input[type="time"]:focus{border-color: #6d28d9;}.sp-enroll__pref-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-enroll__pref-days{display: flex; gap: 0.4rem; flex-wrap: wrap;}.sp-enroll__pref-day{padding: 0.4rem 0.8rem; border-radius: 8px; font-size: 0.75rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.8); color: #6b7280; cursor: pointer; transition: all 0.15s;}.sp-enroll__pref-day:hover{border-color: #6d28d9; color: #6d28d9;}.sp-enroll__pref-day--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);}.sp-enroll__schedule-results h3, .sp-enroll__schedule-results .h3{font-size: 1rem; font-weight: 700; color: #374151; margin-bottom: 1rem;}.sp-enroll__schedule-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; padding: 1rem 1.25rem; margin-bottom: 1rem; cursor: pointer; transition: all 0.2s;}.sp-enroll__schedule-card:hover{box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-1px);}.sp-enroll__schedule-card--selected{border-color: rgba(139, 92, 246, 0.3); box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.1);}.sp-enroll__schedule-card-header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-enroll__schedule-rank{font-size: 0.85rem; font-weight: 700; color: #374151; flex: 1;}.sp-enroll__schedule-score{display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.8rem; font-weight: 600; color: #f59e0b;}.sp-enroll__schedule-score .material-icons{font-size: 0.9rem;}.sp-enroll__schedule-stats{display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.75rem;}.sp-enroll__schedule-stats span{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; font-weight: 500; color: #6b7280;}.sp-enroll__schedule-stats span .material-icons{font-size: 0.85rem; color: #9ca3af;}.sp-enroll__schedule-courses{display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.5rem;}.sp-enroll__schedule-course-chip{font-size: 0.72rem; font-weight: 600; padding: 0.2rem 0.55rem; border-radius: 6px; background: rgba(139, 92, 246, 0.08); color: #6d28d9;}.sp-enroll__schedule-courses-picker{background: rgba(139, 92, 246, 0.03); border: 1px solid rgba(139, 92, 246, 0.08); border-radius: 16px; padding: 1rem 1.25rem; margin-bottom: 1rem;}.sp-enroll__picker-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;}.sp-enroll__picker-header label{font-size: 0.85rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.35rem;}.sp-enroll__picker-header label .material-icons{font-size: 1rem; color: #6d28d9;}.sp-enroll__picker-toggle-all{display: inline-flex; align-items: center; gap: 0.3rem; background: none; border: none; cursor: pointer; font-size: 0.75rem; font-weight: 600; color: #6d28d9; padding: 0.3rem 0.5rem; border-radius: 6px; transition: background 0.15s;}.sp-enroll__picker-toggle-all .material-icons{font-size: 1rem;}.sp-enroll__picker-toggle-all:hover{background: rgba(139, 92, 246, 0.08);}.sp-enroll__picker-grid{display: flex; flex-wrap: wrap; gap: 0.4rem;}.sp-enroll__picker-chip{display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.65rem; border-radius: 8px; border: 1px solid rgba(148, 163, 184, 0.2); background: rgba(255, 255, 255, 0.7); cursor: pointer; font-size: 0.72rem; transition: all 0.15s;}.sp-enroll__picker-chip .material-icons{font-size: 0.95rem; color: #9ca3af;}.sp-enroll__picker-chip--active{border-color: rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.06);}.sp-enroll__picker-chip--active .material-icons{color: #6d28d9;}.sp-enroll__picker-chip:hover{border-color: rgba(139, 92, 246, 0.25); background: rgba(139, 92, 246, 0.04);}.sp-enroll__picker-code{font-weight: 700; color: #1e293b;}.sp-enroll__picker-cr{color: #6b7280; font-size: 0.65rem;}.sp-enroll__picker-sec{color: #9ca3af; font-size: 0.62rem;}.sp-enroll__picker-summary{margin-top: 0.5rem; font-size: 0.72rem; color: #9ca3af; text-align: right;}.sp-enroll__mini-timetable{display: table; width: 100%; border-collapse: collapse; margin-bottom: 0.5rem; border-radius: 8px; overflow: hidden; border: 1px solid rgba(148, 163, 184, 0.12);}.sp-enroll__mini-tt-header-row{display: table-row;}.sp-enroll__mini-tt-time-hdr{display: table-cell; width: 65px; min-width: 65px; background: rgba(148, 163, 184, 0.06); padding: 0.3rem 0.4rem; border-bottom: 1px solid rgba(148, 163, 184, 0.12);}.sp-enroll__mini-tt-day-hdr{display: table-cell; text-align: center; font-size: 0.65rem; font-weight: 700; color: #6b7280; background: rgba(148, 163, 184, 0.06); padding: 0.35rem 0.25rem; border-bottom: 1px solid rgba(148, 163, 184, 0.12); border-left: 1px solid rgba(148, 163, 184, 0.08); text-transform: uppercase; letter-spacing: 0.03em;}.sp-enroll__mini-tt-row{display: table-row;}.sp-enroll__mini-tt-row:last-child .sp-enroll__mini-tt-time-cell, .sp-enroll__mini-tt-row:last-child .sp-enroll__mini-tt-cell{border-bottom: none;}.sp-enroll__mini-tt-time-cell{display: table-cell; vertical-align: middle; font-size: 0.6rem; font-weight: 600; color: #9ca3af; padding: 0.25rem 0.4rem; white-space: nowrap; background: rgba(148, 163, 184, 0.03); border-bottom: 1px solid rgba(148, 163, 184, 0.08); width: 65px; min-width: 65px;}.sp-enroll__mini-tt-cell{display: table-cell; vertical-align: middle; text-align: center; padding: 0.25rem 0.2rem; border-left: 1px solid rgba(148, 163, 184, 0.08); border-bottom: 1px solid rgba(148, 163, 184, 0.08); min-width: 60px;}.sp-enroll__mini-tt-cell--empty{background: transparent;}.sp-enroll__mini-tt-cell--violet{background: rgba(139, 92, 246, 0.12);}.sp-enroll__mini-tt-cell--sky{background: rgba(14, 165, 233, 0.12);}.sp-enroll__mini-tt-cell--emerald{background: rgba(16, 185, 129, 0.12);}.sp-enroll__mini-tt-cell--amber{background: rgba(245, 158, 11, 0.12);}.sp-enroll__mini-tt-cell--rose{background: rgba(244, 63, 94, 0.12);}.sp-enroll__mini-tt-cell--indigo{background: rgba(99, 102, 241, 0.12);}.sp-enroll__mini-tt-cell--pink{background: rgba(236, 72, 153, 0.12);}.sp-enroll__mini-tt-cell--teal{background: rgba(20, 184, 166, 0.12);}.sp-enroll__mini-tt-code{display: block; font-size: 0.62rem; font-weight: 700; color: #1e293b; line-height: 1.2;}.sp-enroll__mini-tt-sec{display: block; font-size: 0.55rem; font-weight: 400; color: #6b7280; line-height: 1.2;}.sp-enroll__schedule-empty{text-align: center; padding: 2rem 1rem;}.sp-enroll__schedule-empty .material-icons{font-size: 2.5rem; color: #c4b5fd; margin-bottom: 0.75rem;}.sp-enroll__schedule-empty p{font-size: 0.85rem; color: #9ca3af; max-width: 400px; margin: 0 auto;}.sp-enroll__strategy-bar{margin-bottom: 1rem;}.sp-enroll__strategy-bar > label{font-size: 0.85rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.35rem; margin-bottom: 0.5rem;}.sp-enroll__strategy-bar > label .material-icons{font-size: 1rem; color: #f59e0b;}.sp-enroll__strategy-btns{display: flex; gap: 0.5rem; flex-wrap: wrap;}.sp-enroll__strategy-btn{display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 0.85rem; border-radius: 10px; font-size: 0.75rem; font-weight: 600; border: 1px solid rgba(148, 163, 184, 0.2); background: rgba(255, 255, 255, 0.8); color: #6b7280; cursor: pointer; transition: all 0.2s;}.sp-enroll__strategy-btn .material-icons{font-size: 0.95rem;}.sp-enroll__strategy-btn:hover{border-color: #f59e0b; color: #d97706;}.sp-enroll__strategy-btn--active{background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; border-color: transparent; box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);}.sp-enroll__pref-hint{font-weight: 400; color: #9ca3af; font-size: 0.68rem;}.sp-enroll__faculty-prefs{display: flex; flex-wrap: wrap; gap: 0.4rem;}.sp-enroll__faculty-chip{display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.35rem 0.65rem; border-radius: 8px; font-size: 0.72rem; font-weight: 500; border: 1px solid rgba(148, 163, 184, 0.15); background: rgba(255, 255, 255, 0.7); color: #6b7280; cursor: pointer; transition: all 0.15s;}.sp-enroll__faculty-chip .material-icons{font-size: 0.85rem;}.sp-enroll__faculty-chip--neutral .material-icons{color: #d1d5db;}.sp-enroll__faculty-chip--prefer{border-color: rgba(16, 185, 129, 0.3); background: rgba(16, 185, 129, 0.08); color: #059669;}.sp-enroll__faculty-chip--prefer .material-icons{color: #10b981;}.sp-enroll__faculty-chip--avoid{border-color: rgba(239, 68, 68, 0.3); background: rgba(239, 68, 68, 0.06); color: #dc2626;}.sp-enroll__faculty-chip--avoid .material-icons{color: #ef4444;}.sp-enroll__faculty-chip:hover{transform: translateY(-1px);}.sp-enroll__score-toggle{background: none; border: none; cursor: pointer; color: #9ca3af; padding: 0.15rem; margin-left: auto; border-radius: 6px; transition: background 0.15s;}.sp-enroll__score-toggle .material-icons{font-size: 1rem;}.sp-enroll__score-toggle:hover{background: rgba(0, 0, 0, 0.05); color: #6b7280;}.sp-enroll__score-breakdown{background: rgba(248, 250, 252, 0.8); border: 1px solid rgba(148, 163, 184, 0.1); border-radius: 10px; padding: 0.6rem 0.8rem; margin-bottom: 0.75rem;}.sp-enroll__score-breakdown-row{display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0; font-size: 0.72rem;}.sp-enroll__score-breakdown-label{color: #6b7280; font-weight: 500;}.sp-enroll__score-breakdown-val{font-weight: 700; font-size: 0.75rem;}.sp-enroll__score-breakdown-val--emerald{color: #10b981;}.sp-enroll__score-breakdown-val--rose{color: #ef4444;}.sp-enroll__score-breakdown-val--sky{color: #0ea5e9;}.sp-enroll__score-breakdown-val--violet{color: #8b5cf6;}.sp-enroll__score-breakdown-total{display: flex; justify-content: space-between; border-top: 1px solid rgba(148, 163, 184, 0.15); margin-top: 0.4rem; padding-top: 0.4rem; font-size: 0.8rem; font-weight: 700; color: #374151;}.sp-enroll__picker-item{display: inline-flex; align-items: stretch; gap: 0;}.sp-enroll__picker-item:has(.sp-enroll__pin-expand) .sp-enroll__picker-chip{border-radius: 8px 0 0 8px; border-right: none;}.sp-enroll__pin-expand{display: flex; align-items: center; justify-content: center; width: 26px; border: 1px solid rgba(148, 163, 184, 0.2); border-left: none; border-radius: 0 8px 8px 0; background: rgba(255, 255, 255, 0.5); cursor: pointer; color: #9ca3af; transition: all 0.15s;}.sp-enroll__pin-expand .material-icons{font-size: 0.85rem;}.sp-enroll__pin-expand:hover{color: #6d28d9; background: rgba(139, 92, 246, 0.06);}.sp-enroll__pin-expand--open{color: #6d28d9; background: rgba(139, 92, 246, 0.08);}.sp-enroll__picker-chip--pinned{border-color: rgba(245, 158, 11, 0.3) !important; background: rgba(245, 158, 11, 0.06) !important;}.sp-enroll__picker-pin{display: inline-flex; align-items: center; gap: 0.15rem; font-size: 0.6rem; color: #d97706;}.sp-enroll__picker-pin .material-icons{font-size: 0.7rem;}.sp-enroll__pin-dropdown{flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 0.25rem; padding: 0.3rem 0 0.3rem 0.5rem;}.sp-enroll__pin-option{display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.25rem 0.55rem; border-radius: 6px; border: 1px solid rgba(148, 163, 184, 0.1); background: rgba(255, 255, 255, 0.6); font-size: 0.7rem; cursor: pointer; transition: all 0.15s;}.sp-enroll__pin-option .material-icons{font-size: 0.8rem; color: #9ca3af;}.sp-enroll__pin-option--active{border-color: rgba(245, 158, 11, 0.3); background: rgba(245, 158, 11, 0.06);}.sp-enroll__pin-option--active .material-icons{color: #d97706;}.sp-enroll__pin-option:hover{border-color: rgba(245, 158, 11, 0.2);}.sp-enroll__pin-option-faculty{color: #9ca3af; font-size: 0.62rem; margin-left: 0.3rem;}.sp-enroll__schedule-results-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}.sp-enroll__schedule-results-header h3, .sp-enroll__schedule-results-header .h3{margin: 0;}.sp-enroll__compare-check{cursor: pointer; display: flex; align-items: center; margin-right: 0.5rem;}.sp-enroll__compare-check .material-icons{font-size: 1.1rem; color: #9ca3af;}.sp-enroll__compare-check:hover .material-icons{color: #6d28d9;}.sp-enroll__btn--compare{display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.8rem; border-radius: 8px; font-size: 0.75rem; font-weight: 600; border: 1px solid rgba(14, 165, 233, 0.3); background: rgba(14, 165, 233, 0.08); color: #0284c7; cursor: pointer; transition: all 0.15s;}.sp-enroll__btn--compare .material-icons{font-size: 0.9rem;}.sp-enroll__btn--compare:hover{background: rgba(14, 165, 233, 0.15);}.sp-enroll__compare-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(6px); z-index: 9995; display: flex; align-items: center; justify-content: center; animation: spFadeIn 0.2s ease;}.sp-enroll__compare-modal{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 24px; max-width: 1000px; width: 95%; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);}.sp-enroll__compare-header{display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(148, 163, 184, 0.1);}.sp-enroll__compare-header h2, .sp-enroll__compare-header .h2{font-size: 1.1rem; font-weight: 800; color: #374151; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-enroll__compare-header h2 .material-icons, .sp-enroll__compare-header .h2 .material-icons{font-size: 1.2rem; color: #0ea5e9;}.sp-enroll__compare-body{flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem;}.sp-enroll__compare-grids{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;}.sp-enroll__compare-side h4, .sp-enroll__compare-side .h4{font-size: 0.85rem; font-weight: 700; color: #374151; margin: 0 0 0.5rem;}.sp-enroll__compare-score{font-weight: 600; color: #f59e0b; font-size: 0.75rem; margin-left: 0.5rem;}.sp-enroll__compare-stats{background: rgba(248, 250, 252, 0.8); border-radius: 12px; padding: 0.75rem 1rem; margin-bottom: 1rem;}.sp-enroll__compare-stat-row{display: grid; grid-template-columns: 100px 1fr 30px 1fr; align-items: center; padding: 0.3rem 0; font-size: 0.78rem; color: #6b7280;}.sp-enroll__compare-stat-row span:first-child{font-weight: 600; color: #374151;}.sp-enroll__compare-stat-row span:nth-child(3){text-align: center; color: #9ca3af; font-size: 0.7rem;}.sp-enroll__compare-diff{background: rgba(248, 250, 252, 0.8); border-radius: 12px; padding: 0.75rem 1rem;}.sp-enroll__compare-diff-group{margin-bottom: 0.5rem;}.sp-enroll__compare-diff-group label{font-size: 0.75rem; font-weight: 600; color: #374151; display: block; margin-bottom: 0.3rem;}.sp-enroll__compare-diff-group:last-child{margin-bottom: 0;}.sp-enroll__compare-diff-chip{display: inline-block; font-size: 0.7rem; font-weight: 600; padding: 0.15rem 0.5rem; border-radius: 5px; margin-right: 0.3rem;}.sp-enroll__compare-diff-chip--a{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-enroll__compare-diff-chip--b{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-enroll__compare-diff-chip--sec{background: rgba(139, 92, 246, 0.1); color: #6d28d9;}.sp-enroll__export-btn--buddy{background: rgba(236, 72, 153, 0.1); color: #db2777; border-color: rgba(236, 72, 153, 0.2);}.sp-enroll__export-btn--buddy:hover{background: rgba(236, 72, 153, 0.18);}.sp-enroll__export-btn--buddy .material-icons{font-size: 1rem;}.sp-enroll__buddy-overlay{position: fixed; inset: 0; z-index: 10000; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 1rem;}.sp-enroll__buddy-modal{background: #fff; border-radius: 20px; width: 100%; max-width: 480px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18); border: 1px solid rgba(148, 163, 184, 0.12); overflow: hidden;}.sp-enroll__buddy-header{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(148, 163, 184, 0.1);}.sp-enroll__buddy-header h3, .sp-enroll__buddy-header .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 0.4rem;}.sp-enroll__buddy-header h3 .material-icons, .sp-enroll__buddy-header .h3 .material-icons{font-size: 1.1rem; color: #db2777;}.sp-enroll__buddy-header button{background: none; border: none; cursor: pointer; color: #9ca3af; border-radius: 8px; padding: 0.3rem;}.sp-enroll__buddy-header button:hover{background: rgba(0, 0, 0, 0.05); color: #374151;}.sp-enroll__buddy-tabs{display: flex; border-bottom: 1px solid rgba(148, 163, 184, 0.1); padding: 0 1.25rem;}.sp-enroll__buddy-tab{flex: 1; text-align: center; padding: 0.6rem 0; font-size: 0.8rem; font-weight: 600; color: #9ca3af; cursor: pointer; border: none; background: none; border-bottom: 2px solid transparent; transition: all 0.2s;}.sp-enroll__buddy-tab:hover{color: #6b7280;}.sp-enroll__buddy-tab--active{color: #db2777; border-bottom-color: #db2777;}.sp-enroll__buddy-body{padding: 1.25rem;}.sp-enroll__buddy-info{font-size: 0.78rem; color: #6b7280; margin-bottom: 1rem; line-height: 1.5; display: flex; align-items: flex-start; gap: 0.4rem;}.sp-enroll__buddy-info .material-icons{font-size: 0.9rem; color: #db2777; flex-shrink: 0; margin-top: 0.1rem;}.sp-enroll__buddy-section{margin-bottom: 1rem;}.sp-enroll__buddy-section:last-child{margin-bottom: 0;}.sp-enroll__buddy-section label{display: block; font-size: 0.72rem; font-weight: 600; color: #374151; margin-bottom: 0.4rem; text-transform: uppercase; letter-spacing: 0.03em;}.sp-enroll__buddy-code-box{background: rgba(236, 72, 153, 0.04); border: 1px solid rgba(236, 72, 153, 0.15); border-radius: 12px; padding: 0.8rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;}.sp-enroll__buddy-code{font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 1.05rem; font-weight: 700; color: #db2777; word-break: break-all; flex: 1;}.sp-enroll__buddy-link-box{background: rgba(99, 102, 241, 0.04); border: 1px solid rgba(99, 102, 241, 0.12); border-radius: 10px; padding: 0.6rem 0.8rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;}.sp-enroll__buddy-link{font-size: 0.7rem; color: #6366f1; word-break: break-all; flex: 1; overflow: hidden; text-overflow: ellipsis;}.sp-enroll__buddy-copy{display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(236, 72, 153, 0.1); color: #db2777; border: 1px solid rgba(236, 72, 153, 0.2); border-radius: 8px; padding: 0.35rem 0.7rem; font-size: 0.72rem; font-weight: 600; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-enroll__buddy-copy:hover{background: rgba(236, 72, 153, 0.18);}.sp-enroll__buddy-copy .material-icons{font-size: 0.85rem;}.sp-enroll__buddy-copy--link{background: rgba(99, 102, 241, 0.1); color: #6366f1; border-color: rgba(99, 102, 241, 0.2);}.sp-enroll__buddy-copy--link:hover{background: rgba(99, 102, 241, 0.18);}.sp-enroll__buddy-picker{margin-bottom: 1rem;}.sp-enroll__buddy-picker > label{display: block; font-size: 0.72rem; font-weight: 600; color: #374151; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.03em;}.sp-enroll__buddy-group{margin-bottom: 0.6rem;}.sp-enroll__buddy-group:last-child{margin-bottom: 0;}.sp-enroll__buddy-group-hdr{display: flex; align-items: center; gap: 0.3rem; width: 100%; background: none; border: none; cursor: pointer; padding: 0.3rem 0; font-size: 0.72rem; font-weight: 700; color: #6b7280; transition: color 0.15s;}.sp-enroll__buddy-group-hdr .material-icons{font-size: 0.95rem;}.sp-enroll__buddy-group-hdr small, .sp-enroll__buddy-group-hdr .small{margin-left: auto; font-weight: 600; opacity: 0.6; font-size: 0.68rem;}.sp-enroll__buddy-group-hdr:hover{color: #374151;}.sp-enroll__buddy-group-hdr--reg .material-icons{color: #059669;}.sp-enroll__buddy-group-hdr--cart .material-icons{color: #0284c7;}.sp-enroll__buddy-group-hdr--new .material-icons{color: #db2777;}.sp-enroll__buddy-group-items{display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0.3rem 0 0 0.2rem;}.sp-enroll__buddy-course{display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.7rem; font-weight: 600; padding: 0.25rem 0.55rem; border-radius: 7px; border: 1.5px solid transparent; cursor: pointer; transition: all 0.15s; background: none;}.sp-enroll__buddy-course .material-icons{font-size: 0.78rem;}.sp-enroll__buddy-course--reg{background: rgba(16, 185, 129, 0.1); color: #059669; border-color: rgba(16, 185, 129, 0.2);}.sp-enroll__buddy-course--reg:hover{background: rgba(16, 185, 129, 0.18);}.sp-enroll__buddy-course--cart{background: rgba(14, 165, 233, 0.1); color: #0284c7; border-color: rgba(14, 165, 233, 0.2);}.sp-enroll__buddy-course--cart:hover{background: rgba(14, 165, 233, 0.18);}.sp-enroll__buddy-course--new{background: rgba(236, 72, 153, 0.1); color: #db2777; border-color: rgba(236, 72, 153, 0.2);}.sp-enroll__buddy-course--new:hover{background: rgba(236, 72, 153, 0.18);}.sp-enroll__buddy-course--off{background: rgba(148, 163, 184, 0.06); color: #9ca3af; border-color: rgba(148, 163, 184, 0.15); text-decoration: line-through; opacity: 0.65;}.sp-enroll__buddy-course--off .material-icons{color: #d1d5db;}.sp-enroll__buddy-course--off:hover{opacity: 0.85; background: rgba(148, 163, 184, 0.1);}.sp-enroll__buddy-chip{display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.68rem; font-weight: 600; padding: 0.2rem 0.5rem; border-radius: 6px;}.sp-enroll__buddy-chip .material-icons{font-size: 0.72rem;}.sp-enroll__buddy-chip--matched{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-enroll__buddy-chip--replaced{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-enroll__buddy-chip--replaced small, .sp-enroll__buddy-chip--replaced .small{opacity: 0.75; font-weight: 500;}.sp-enroll__buddy-chip--skipped{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-enroll__buddy-chip--skipped small, .sp-enroll__buddy-chip--skipped .small{opacity: 0.75; font-weight: 500;}.sp-enroll__buddy-empty{text-align: center; padding: 1.5rem 1rem; color: #9ca3af;}.sp-enroll__buddy-empty .material-icons{font-size: 2rem; margin-bottom: 0.4rem; opacity: 0.5; display: block;}.sp-enroll__buddy-empty p{font-size: 0.8rem; margin: 0;}.sp-enroll__buddy-input-row{display: flex; gap: 0.5rem; align-items: stretch;}.sp-enroll__buddy-input{flex: 1; padding: 0.55rem 0.8rem; border-radius: 10px; border: 1px solid rgba(148, 163, 184, 0.2); font-size: 0.82rem; background: rgba(248, 250, 252, 0.6); color: #1e293b; font-family: 'JetBrains Mono', 'Fira Code', monospace;}.sp-enroll__buddy-input::placeholder{color: #9ca3af; font-family: inherit;}.sp-enroll__buddy-input:focus{outline: none; border-color: rgba(236, 72, 153, 0.4); box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.08);}.sp-enroll__buddy-import-btn{display: inline-flex; align-items: center; gap: 0.3rem; background: linear-gradient(135deg, #ec4899, #db2777); color: #fff; border: none; border-radius: 10px; padding: 0.55rem 1rem; font-size: 0.78rem; font-weight: 600; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-enroll__buddy-import-btn:hover{filter: brightness(1.08); transform: translateY(-1px);}.sp-enroll__buddy-import-btn:disabled, .sp-enroll__buddy-import-btn.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed; transform: none; filter: none;}.sp-enroll__buddy-import-btn .material-icons{font-size: 0.9rem;}.sp-enroll__buddy-result{margin-top: 1rem; padding: 0.8rem; border-radius: 12px; background: rgba(248, 250, 252, 0.8); border: 1px solid rgba(148, 163, 184, 0.1);}.sp-enroll__buddy-result-group{margin-bottom: 0.6rem;}.sp-enroll__buddy-result-group:last-child{margin-bottom: 0;}.sp-enroll__buddy-result-group label{display: block; font-size: 0.7rem; font-weight: 600; color: #374151; margin-bottom: 0.3rem;}.sp-enroll__buddy-chips{display: flex; flex-wrap: wrap; gap: 0.3rem;}.sp-enroll__btn--timetable{background: rgba(99, 102, 241, 0.1); color: #6366f1; border: 1px solid rgba(99, 102, 241, 0.15);}.sp-enroll__btn--timetable:hover{background: rgba(99, 102, 241, 0.18);}.sp-enroll__live-tt{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border-radius: 16px; border: 1px solid rgba(148, 163, 184, 0.15); padding: 1.25rem; margin-bottom: 1.5rem; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);}.sp-enroll__live-tt--empty{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2rem; color: #9ca3af;}.sp-enroll__live-tt--empty .material-icons{font-size: 2.5rem; margin-bottom: 0.5rem; opacity: 0.5;}.sp-enroll__live-tt--empty p{font-size: 0.85rem; max-width: 400px;}.sp-enroll__live-tt-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.75rem;}.sp-enroll__live-tt-header h3, .sp-enroll__live-tt-header .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 0.4rem;}.sp-enroll__live-tt-header h3 .material-icons, .sp-enroll__live-tt-header .h3 .material-icons{font-size: 1.1rem; color: #6366f1;}.sp-enroll__live-tt-legend{display: flex; gap: 0.75rem; flex-wrap: wrap;}.sp-enroll__live-tt-legend-item{font-size: 0.68rem; font-weight: 600; padding: 0.15rem 0.55rem; border-radius: 6px; display: flex; align-items: center; gap: 0.3rem;}.sp-enroll__live-tt-legend-item::before{content: ''; width: 8px; height: 8px; border-radius: 2px;}.sp-enroll__live-tt-legend-item--slate{color: #6b7280; background: rgba(100, 116, 139, 0.08);}.sp-enroll__live-tt-legend-item--slate::before{background: #9ca3af;}.sp-enroll__live-tt-legend-item--sky{color: #0284c7; background: rgba(14, 165, 233, 0.08);}.sp-enroll__live-tt-legend-item--sky::before{background: #38bdf8;}.sp-enroll__live-tt-legend-item--violet{color: #6d28d9; background: rgba(139, 92, 246, 0.08);}.sp-enroll__live-tt-legend-item--violet::before{background: #8b5cf6;}.sp-enroll__live-tt-grid{display: flex; gap: 0; min-height: 300px; overflow-x: auto;}.sp-enroll__live-tt-times{display: flex; flex-direction: column; flex-shrink: 0; width: 52px;}.sp-enroll__live-tt-corner{height: 32px; flex-shrink: 0;}.sp-enroll__live-tt-time-col{position: relative; flex: 1; min-height: 260px;}.sp-enroll__live-tt-time{position: absolute; right: 6px; font-size: 0.62rem; font-weight: 600; color: #9ca3af; transform: translateY(-50%); white-space: nowrap;}.sp-enroll__live-tt-day-col{flex: 1; min-width: 90px; display: flex; flex-direction: column; border-left: 1px solid rgba(148, 163, 184, 0.12);}.sp-enroll__live-tt-day-header{height: 32px; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; color: #475569; background: rgba(148, 163, 184, 0.06); border-bottom: 1px solid rgba(148, 163, 184, 0.12); flex-shrink: 0;}.sp-enroll__live-tt-day-body{position: relative; flex: 1; min-height: 220px;}.sp-enroll__live-tt-gridline{position: absolute; left: 0; right: 0; height: 0; border-top: 1px dashed rgba(148, 163, 184, 0.12);}.sp-enroll__live-tt-slot{position: absolute; left: 3px; right: 3px; border-radius: 6px; padding: 0.2rem 0.3rem; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; min-height: 16px; max-height: 52px; z-index: 1; transition: transform 0.15s ease, box-shadow 0.15s ease;}.sp-enroll__live-tt-slot:hover{transform: scale(1.03); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12); z-index: 2;}.sp-enroll__live-tt-slot--slate{background: rgba(100, 116, 139, 0.15); border-left: 3px solid #9ca3af; color: #475569;}.sp-enroll__live-tt-slot--sky{background: rgba(14, 165, 233, 0.15); border-left: 3px solid #38bdf8; color: #0369a1;}.sp-enroll__live-tt-slot--violet{background: rgba(139, 92, 246, 0.15); border-left: 3px solid #8b5cf6; color: #6d28d9;}.sp-enroll__live-tt-slot--emerald{background: rgba(16, 185, 129, 0.15); border-left: 3px solid #34d399; color: #047857;}.sp-enroll__live-tt-slot--amber{background: rgba(245, 158, 11, 0.15); border-left: 3px solid #fbbf24; color: #92400e;}.sp-enroll__live-tt-slot--rose{background: rgba(244, 63, 94, 0.15); border-left: 3px solid #fb7185; color: #be123c;}.sp-enroll__live-tt-slot--indigo{background: rgba(99, 102, 241, 0.15); border-left: 3px solid #818cf8; color: #4338ca;}.sp-enroll__live-tt-slot--pink{background: rgba(236, 72, 153, 0.15); border-left: 3px solid #f472b6; color: #be185d;}.sp-enroll__live-tt-slot--teal{background: rgba(20, 184, 166, 0.15); border-left: 3px solid #2dd4bf; color: #0f766e;}.sp-enroll__live-tt-slot--clash{background: rgba(244, 63, 94, 0.2); border-left: 3px solid #f43f5e; color: #be123c; animation: sp-clash-pulse 1.5s ease-in-out infinite;}@keyframes sp-clash-pulse{0%, 100%{box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.2);}50%{box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.1);}}.sp-enroll__live-tt-slot-code{font-size: 0.62rem; font-weight: 700; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-enroll__live-tt-slot-name{font-size: 0.5rem; font-weight: 400; line-height: 1.15; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-enroll__live-tt-slot-time{position: absolute; top: 0.2rem; right: 0.3rem; font-size: 0.58rem; font-weight: 600; opacity: 0.75; line-height: 1; white-space: nowrap;}.dark .sp-enroll{background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #1a0a2e 100%);}.dark .sp-enroll__header-text h1, .dark .sp-enroll__header-text .h1{-webkit-text-fill-color: #f3f4f6;}.dark .sp-enroll__header-text p{color: #9ca3af;}.dark .sp-enroll__welcome-title{-webkit-text-fill-color: #f3f4f6; background: none; color: #f3f4f6;}.dark .sp-enroll__welcome-title .material-icons{-webkit-text-fill-color: #a78bfa; background: none; color: #a78bfa;}.dark .sp-enroll__welcome-sub{color: #9ca3af;}.dark .sp-enroll__welcome-name{color: #d1d5db;}.dark .sp-enroll__welcome-sep{color: #4b5563;}.dark .sp-enroll__hero{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__hero:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.dark .sp-enroll__hero-term{color: #f3f4f6;}.dark .sp-enroll__hero-term .material-icons{color: #a78bfa;}.dark .sp-enroll__hero-progress-label{color: #9ca3af;}.dark .sp-enroll__hero-progress-label .material-icons{color: #a78bfa;}.dark .sp-enroll__hero-progress-value{color: #d1d5db;}.dark .sp-enroll__hero-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__stat-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__stat-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); border-color: rgba(139, 92, 246, 0.2);}.dark .sp-enroll__stat-value{color: #f3f4f6;}.dark .sp-enroll__stat-label{color: #9ca3af;}.dark .sp-enroll__stat-card--courses .sp-enroll__stat-icon{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.dark .sp-enroll__stat-card--credits .sp-enroll__stat-icon{background: rgba(14, 165, 233, 0.15); color: #38bdf8;}.dark .sp-enroll__stat-card--cart .sp-enroll__stat-icon{background: rgba(245, 158, 11, 0.15); color: #fbbf24;}.dark .sp-enroll__alert{background: rgba(139, 92, 246, 0.12); border-color: rgba(139, 92, 246, 0.2); color: #c4b5fd;}.dark .sp-enroll__alert--error{background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.2); color: #fca5a5;}.dark .sp-enroll__tab{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__tab:hover{background: rgba(55, 48, 80, 0.5); color: #d1d5db;}.dark .sp-enroll__tab--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent;}.dark .sp-enroll__course-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__course-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); border-color: rgba(139, 92, 246, 0.2);}.dark .sp-enroll__course-header:hover{background: rgba(255, 255, 255, 0.03);}.dark .sp-enroll__course-name{color: #f3f4f6;}.dark .sp-enroll__course-toggle{color: #6b7280;}.dark .sp-enroll__sections{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__coreq{background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.2); color: #fbbf24;}.dark .sp-enroll__sec-card{background: rgba(30, 27, 46, 0.45); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__sec-card:hover{background: rgba(55, 48, 80, 0.5); border-color: rgba(139, 92, 246, 0.25); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.dark .sp-enroll__sec-card--selected{background: rgba(16, 185, 129, 0.08) !important; border-color: rgba(16, 185, 129, 0.25) !important; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.06);}.dark .sp-enroll__sec-card--added{background: rgba(14, 165, 233, 0.06); border-color: rgba(14, 165, 233, 0.2);}.dark .sp-enroll__sec-card-foot{border-top-color: rgba(255, 255, 255, 0.05);}.dark .sp-enroll__section-name{color: #f3f4f6;}.dark .sp-enroll__section-inst{color: #9ca3af;}.dark .sp-enroll__schedule-tag{background: rgba(139, 92, 246, 0.12); color: #a78bfa;}.dark .sp-enroll__section-seats, .dark .sp-enroll__section-faculty{color: #9ca3af;}.dark .sp-enroll__prereq-notice{border-top-color: rgba(244, 63, 94, 0.15); background: rgba(244, 63, 94, 0.06);}.dark .sp-enroll__prereq-notice .uk-badge-danger{background: rgba(244, 63, 94, 0.2); color: #fda4af; border-color: rgba(244, 63, 94, 0.3);}.dark .sp-enroll__prereq-notice .uk-badge-success{background: rgba(16, 185, 129, 0.2); color: #6ee7b7; border-color: rgba(16, 185, 129, 0.3);}.dark .sp-enroll__prereq-notice .uk-badge-primary{background: rgba(99, 102, 241, 0.2); color: #a5b4fc; border-color: rgba(99, 102, 241, 0.3);}.dark .sp-enroll__prereq-notice .uk-badge-secondary{background: rgba(100, 116, 139, 0.15); color: #9ca3af; border-color: rgba(100, 116, 139, 0.2);}.dark .sp-enroll__btn--ghost{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__btn--ghost:hover{background: rgba(255, 255, 255, 0.08); color: #d1d5db;}.dark .sp-enroll__empty h3, .dark .sp-enroll__empty .h3{color: #d1d5db;}.dark .sp-enroll__empty p{color: #6b7280;}.dark .sp-enroll__limit-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__limit-label{color: #9ca3af;}.dark .sp-enroll__limit-max{color: #6b7280;}.dark .sp-enroll__limit-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__cart-row{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__cart-row:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.dark .sp-enroll__cart-row--error{border-color: rgba(239, 68, 68, 0.2);}.dark .sp-enroll__cart-name{color: #f3f4f6;}.dark .sp-enroll__cart-credits{color: #f3f4f6;}.dark .sp-enroll__cart-section{color: #9ca3af;}.dark .sp-enroll__cart-del{background: rgba(239, 68, 68, 0.12);}.dark .sp-enroll__cart-del:hover{background: rgba(239, 68, 68, 0.2);}.dark .sp-enroll__select-section{border-color: rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.08); color: #a78bfa;}.dark .sp-enroll__select-section:hover{background: rgba(139, 92, 246, 0.15);}.dark .sp-enroll__enrolled-title{color: #f3f4f6;}.dark .sp-enroll__requirements{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__req-title{color: #f3f4f6;}.dark .sp-enroll__req-item{color: #9ca3af;}.dark .sp-enroll__action-bar{background: rgba(15, 23, 42, 0.9); border-color: rgba(255, 255, 255, 0.06); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);}.dark .sp-enroll__action-info{color: #9ca3af;}.dark .sp-enroll__modal-overlay{background: rgba(2, 6, 23, 0.6);}.dark .sp-enroll__modal{background: rgba(30, 27, 46, 0.95); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__modal-header h3, .dark .sp-enroll__modal-header .h3{color: #f3f4f6;}.dark .sp-enroll__modal-close{background: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__modal-close:hover{background: rgba(255, 255, 255, 0.1);}.dark .sp-enroll__confirm-body p{color: #9ca3af;}.dark .sp-enroll__course-card--selected{border-color: rgba(16, 185, 129, 0.2); background: rgba(16, 185, 129, 0.06);}.dark .sp-enroll__course-credits{background: rgba(139, 92, 246, 0.12); color: #a78bfa;}.dark .sp-enroll__section-radio{color: #6b7280;}.sp-enroll__sec-card:hover .dark .sp-enroll__section-radio{color: #a78bfa;}.dark .sp-enroll__clash-warning{background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.2); color: #fbbf24;}.dark .sp-enroll__limits-mini{color: #9ca3af;}.dark .sp-enroll__limits-bar-mini{background: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__local-cart{background: rgba(15, 23, 42, 0.95); border-top-color: rgba(139, 92, 246, 0.2); box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.3);}.dark .sp-enroll__local-cart-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__local-cart-title h3, .dark .sp-enroll__local-cart-title .h3{color: #f3f4f6;}.dark .sp-enroll__local-cart-credits{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.dark .sp-enroll__local-cart-close{background: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__local-cart-close:hover{background: rgba(255, 255, 255, 0.1);}.dark .sp-enroll__local-cart-limits{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-enroll__limits-info{color: #9ca3af;}.dark .sp-enroll__limits-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__local-cart-item{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__local-cart-item:hover{background: rgba(55, 48, 80, 0.4);}.dark .sp-enroll__local-cart-item--clash{border-color: rgba(245, 158, 11, 0.2); background: rgba(245, 158, 11, 0.06);}.dark .sp-enroll__local-cart-item-name{color: #f3f4f6;}.dark .sp-enroll__local-cart-item-section{color: #6b7280;}.dark .sp-enroll__local-cart-item-remove{background: rgba(239, 68, 68, 0.12);}.dark .sp-enroll__local-cart-item-remove:hover{background: rgba(239, 68, 68, 0.2);}.dark .sp-enroll__local-cart-actions{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__schedule-overlay{background: rgba(2, 6, 23, 0.7);}.dark .sp-enroll__schedule-modal{background: rgba(30, 27, 46, 0.97); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__schedule-modal-header h2, .dark .sp-enroll__schedule-modal-header .h2{color: #f3f4f6;}.dark .sp-enroll__schedule-modal-header p{color: #6b7280;}.dark .sp-enroll__schedule-modal-close{background: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__schedule-modal-close:hover{background: rgba(255, 255, 255, 0.1);}.dark .sp-enroll__schedule-prefs{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__pref-group label{color: #f3f4f6;}.dark .sp-enroll__pref-group select, .dark .sp-enroll__pref-group input[type="time"]{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-enroll__pref-day{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__pref-day:hover{border-color: #8b5cf6; color: #a78bfa;}.dark .sp-enroll__schedule-results h3, .dark .sp-enroll__schedule-results .h3{color: #f3f4f6;}.dark .sp-enroll__schedule-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__schedule-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.dark .sp-enroll__schedule-card--selected{border-color: rgba(139, 92, 246, 0.3);}.dark .sp-enroll__schedule-rank{color: #f3f4f6;}.dark .sp-enroll__schedule-stats span{color: #9ca3af;}.dark .sp-enroll__schedule-course-chip{background: rgba(139, 92, 246, 0.12); color: #a78bfa;}.dark .sp-enroll__mini-timetable{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__mini-tt-time-hdr, .dark .sp-enroll__mini-tt-day-hdr{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__mini-tt-time-cell{color: #6b7280; background: rgba(30, 27, 46, 0.3); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__mini-tt-cell{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__mini-tt-code{color: #f3f4f6;}.dark .sp-enroll__mini-tt-sec{color: #9ca3af;}.dark .sp-enroll__mini-tt-row .sp-enroll__mini-tt-cell{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__schedule-courses-picker{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__picker-header label{color: #f3f4f6;}.dark .sp-enroll__picker-chip{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__picker-chip--active{background: rgba(139, 92, 246, 0.12); border-color: rgba(139, 92, 246, 0.3);}.dark .sp-enroll__picker-chip:hover{background: rgba(139, 92, 246, 0.08); border-color: rgba(139, 92, 246, 0.2);}.dark .sp-enroll__picker-code{color: #f3f4f6;}.dark .sp-enroll__picker-cr{color: #9ca3af;}.dark .sp-enroll__picker-summary{color: #6b7280;}.dark .sp-enroll__schedule-empty p{color: #6b7280;}.dark .sp-enroll__strategy-bar > label{color: #f3f4f6;}.dark .sp-enroll__strategy-btn{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__strategy-btn:hover{border-color: #f59e0b; color: #fbbf24;}.dark .sp-enroll__pref-hint{color: #6b7280;}.dark .sp-enroll__faculty-chip{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__faculty-chip--prefer{background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.25); color: #34d399;}.dark .sp-enroll__faculty-chip--avoid{background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.2); color: #f87171;}.dark .sp-enroll__score-breakdown{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__score-breakdown-label{color: #9ca3af;}.dark .sp-enroll__score-breakdown-total{color: #f3f4f6; border-top-color: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__score-toggle{color: #6b7280;}.dark .sp-enroll__score-toggle:hover{background: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-enroll__pin-expand{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06); color: #6b7280;}.dark .sp-enroll__pin-option{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__pin-option-faculty{color: #6b7280;}.dark .sp-enroll__compare-modal{background: rgba(30, 27, 46, 0.97); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__compare-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__compare-header h2, .dark .sp-enroll__compare-header .h2{color: #f3f4f6;}.dark .sp-enroll__compare-side h4, .dark .sp-enroll__compare-side .h4{color: #f3f4f6;}.dark .sp-enroll__compare-stats{background: rgba(30, 27, 46, 0.5);}.dark .sp-enroll__compare-stat-row{color: #9ca3af;}.dark .sp-enroll__compare-stat-row span:first-child{color: #f3f4f6;}.dark .sp-enroll__compare-diff{background: rgba(30, 27, 46, 0.5);}.dark .sp-enroll__compare-diff-group label{color: #f3f4f6;}.dark .sp-enroll__btn--compare{background: rgba(14, 165, 233, 0.12); border-color: rgba(14, 165, 233, 0.25); color: #38bdf8;}.dark .sp-enroll__compare-check .material-icons{color: #6b7280;}.dark .sp-enroll__buddy-modal{background: rgba(30, 27, 46, 0.97); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__buddy-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__buddy-header h3, .dark .sp-enroll__buddy-header .h3{color: #f3f4f6;}.dark .sp-enroll__buddy-header h3 .material-icons, .dark .sp-enroll__buddy-header .h3 .material-icons{color: #f472b6;}.dark .sp-enroll__buddy-header button{color: #6b7280;}.dark .sp-enroll__buddy-header button:hover{background: rgba(255, 255, 255, 0.06); color: #d1d5db;}.dark .sp-enroll__buddy-tabs{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__buddy-tab{color: #6b7280;}.dark .sp-enroll__buddy-tab:hover{color: #9ca3af;}.dark .sp-enroll__buddy-tab--active{color: #f472b6; border-bottom-color: #f472b6;}.dark .sp-enroll__buddy-info{color: #9ca3af;}.dark .sp-enroll__buddy-info .material-icons{color: #f472b6;}.dark .sp-enroll__buddy-section label{color: #d1d5db;}.dark .sp-enroll__buddy-code-box{background: rgba(236, 72, 153, 0.06); border-color: rgba(236, 72, 153, 0.2);}.dark .sp-enroll__buddy-code{color: #f472b6;}.dark .sp-enroll__buddy-link-box{background: rgba(99, 102, 241, 0.06); border-color: rgba(99, 102, 241, 0.15);}.dark .sp-enroll__buddy-link{color: #a5b4fc;}.dark .sp-enroll__buddy-copy{background: rgba(236, 72, 153, 0.12); color: #f472b6; border-color: rgba(236, 72, 153, 0.25);}.dark .sp-enroll__buddy-copy--link{background: rgba(99, 102, 241, 0.12); color: #a5b4fc; border-color: rgba(99, 102, 241, 0.25);}.dark .sp-enroll__buddy-empty{color: #6b7280;}.dark .sp-enroll__buddy-input{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.08); color: #f3f4f6;}.dark .sp-enroll__buddy-input::placeholder{color: #6b7280;}.dark .sp-enroll__buddy-input:focus{border-color: rgba(236, 72, 153, 0.4); box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);}.dark .sp-enroll__buddy-result{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__buddy-result-group label{color: #d1d5db;}.dark .sp-enroll__buddy-chip--matched{background: rgba(16, 185, 129, 0.12); color: #34d399;}.dark .sp-enroll__buddy-chip--replaced{background: rgba(14, 165, 233, 0.12); color: #7dd3fc;}.dark .sp-enroll__buddy-chip--skipped{background: rgba(245, 158, 11, 0.12); color: #fbbf24;}.dark .sp-enroll__buddy-picker > label{color: #d1d5db;}.dark .sp-enroll__buddy-group-hdr{color: #9ca3af;}.dark .sp-enroll__buddy-group-hdr:hover{color: #d1d5db;}.dark .sp-enroll__buddy-course--reg{background: rgba(16, 185, 129, 0.12); color: #34d399; border-color: rgba(16, 185, 129, 0.25);}.dark .sp-enroll__buddy-course--cart{background: rgba(14, 165, 233, 0.12); color: #7dd3fc; border-color: rgba(14, 165, 233, 0.25);}.dark .sp-enroll__buddy-course--new{background: rgba(236, 72, 153, 0.12); color: #f472b6; border-color: rgba(236, 72, 153, 0.25);}.dark .sp-enroll__buddy-course--off{background: rgba(30, 27, 46, 0.3); color: #6b7280; border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__buddy-course--off .material-icons{color: #4b5563;}.dark .sp-enroll__btn--ghost-sm{background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.25);}.dark .sp-enroll__btn--selection{background: rgba(16, 185, 129, 0.12); color: #34d399; border-color: rgba(16, 185, 129, 0.25);}.dark .sp-enroll__btn--selection:hover{background: rgba(16, 185, 129, 0.18); color: #34d399;}.dark .sp-enroll__btn--timetable{background: rgba(99, 102, 241, 0.15); color: #a5b4fc; border-color: rgba(99, 102, 241, 0.25);}.dark .sp-enroll__btn--timetable:hover{background: rgba(99, 102, 241, 0.22); color: #c7d2fe;}.dark .sp-enroll__course-card--in-cart{border-color: rgba(14, 165, 233, 0.2); background: rgba(14, 165, 233, 0.06);}.dark .sp-enroll__course-card--unavailable{border-color: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.02); opacity: 0.45;}.dark .sp-enroll__course-card--unavailable .sp-enroll__course-code, .dark .sp-enroll__course-card--unavailable .sp-enroll__course-name{color: #475569;}.dark .sp-enroll__course-card--unavailable .sp-enroll__course-toggle{color: #374151;}.dark .sp-enroll__course-card--prereq{border-color: rgba(244, 63, 94, 0.12); background: rgba(244, 63, 94, 0.04); opacity: 0.5;}.dark .sp-enroll__course-card--prereq .sp-enroll__course-code, .dark .sp-enroll__course-card--prereq .sp-enroll__course-name{color: #475569;}.dark .sp-enroll__live-tt{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__live-tt--empty{color: #6b7280;}.dark .sp-enroll__live-tt--empty .material-icons{color: #475569;}.dark .sp-enroll__live-tt-header h3, .dark .sp-enroll__live-tt-header .h3{color: #f3f4f6;}.dark .sp-enroll__live-tt-header h3 .material-icons, .dark .sp-enroll__live-tt-header .h3 .material-icons{color: #a5b4fc;}.dark .sp-enroll__live-tt-legend-item--slate{color: #9ca3af; background: rgba(100, 116, 139, 0.12);}.dark .sp-enroll__live-tt-legend-item--sky{color: #7dd3fc; background: rgba(14, 165, 233, 0.12);}.dark .sp-enroll__live-tt-legend-item--violet{color: #c4b5fd; background: rgba(139, 92, 246, 0.12);}.dark .sp-enroll__live-tt-time{color: #475569;}.dark .sp-enroll__live-tt-day-col{border-left-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__live-tt-day-header{color: #9ca3af; background: rgba(255, 255, 255, 0.03); border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__live-tt-gridline{border-top-color: rgba(255, 255, 255, 0.04);}.dark .sp-enroll__live-tt-slot--slate{background: rgba(100, 116, 139, 0.2); border-left-color: #6b7280; color: #cbd5e1;}.dark .sp-enroll__live-tt-slot--sky{background: rgba(14, 165, 233, 0.2); border-left-color: #38bdf8; color: #7dd3fc;}.dark .sp-enroll__live-tt-slot--violet{background: rgba(139, 92, 246, 0.2); border-left-color: #8b5cf6; color: #c4b5fd;}.dark .sp-enroll__live-tt-slot--emerald{background: rgba(16, 185, 129, 0.2); border-left-color: #34d399; color: #6ee7b7;}.dark .sp-enroll__live-tt-slot--amber{background: rgba(245, 158, 11, 0.2); border-left-color: #fbbf24; color: #fcd34d;}.dark .sp-enroll__live-tt-slot--rose{background: rgba(244, 63, 94, 0.2); border-left-color: #fb7185; color: #fda4af;}.dark .sp-enroll__live-tt-slot--indigo{background: rgba(99, 102, 241, 0.2); border-left-color: #818cf8; color: #a5b4fc;}.dark .sp-enroll__live-tt-slot--pink{background: rgba(236, 72, 153, 0.2); border-left-color: #f472b6; color: #f9a8d4;}.dark .sp-enroll__live-tt-slot--teal{background: rgba(20, 184, 166, 0.2); border-left-color: #2dd4bf; color: #5eead4;}.dark .sp-enroll__live-tt-slot--clash{background: rgba(244, 63, 94, 0.25); border-left-color: #f43f5e; color: #fda4af;}@keyframes spSkeletonShimmer{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}.sp-enroll__skeleton{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem; position: relative; z-index: 1;}.sp-enroll__skeleton-header{margin-bottom: 1.5rem;}.sp-enroll__skeleton-line{background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSkeletonShimmer 1.8s ease infinite; border-radius: 0.75rem;}.sp-enroll__skeleton-line--title{height: 2rem; width: 280px; margin-bottom: 0.5rem;}.sp-enroll__skeleton-line--subtitle{height: 1rem; width: 400px;}.sp-enroll__skeleton-stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-enroll__skeleton-stat{background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSkeletonShimmer 1.8s ease infinite; border-radius: 0.75rem; height: 80px; border-radius: 1rem;}.sp-enroll__skeleton-tabs{display: flex; gap: 0.5rem; margin-bottom: 1rem;}.sp-enroll__skeleton-tab{background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSkeletonShimmer 1.8s ease infinite; border-radius: 0.75rem; height: 38px; width: 100px; border-radius: 0.75rem;}.sp-enroll__skeleton-cards{display: flex; flex-direction: column; gap: 0.75rem;}.sp-enroll__skeleton-card{background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSkeletonShimmer 1.8s ease infinite; border-radius: 0.75rem; height: 72px; border-radius: 1rem;}.sp-enroll__seat-badge{display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 8px; transition: all 0.2s;}.sp-enroll__seat-badge .material-icons{font-size: 0.85rem;}.sp-enroll__seat-badge--high{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-enroll__seat-badge--mid{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-enroll__seat-badge--low{background: rgba(239, 68, 68, 0.1); color: #dc2626; animation: spSeatPulse 2s ease infinite;}.sp-enroll__seat-badge--full{background: rgba(100, 116, 139, 0.1); color: #64748b; text-decoration: line-through;}.sp-enroll__seat-badge-label{font-weight: 500; font-size: 0.7rem; opacity: 0.8;}@keyframes spSeatPulse{0%, 100%{opacity: 1;}50%{opacity: 0.7;}}.sp-enrolled__badge--slate{background: rgba(100, 116, 139, 0.1); color: #64748b; font-size: 0.68rem;}.sp-enroll__countdown{display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 12px; background: rgba(139, 92, 246, 0.06); border: 1px solid rgba(139, 92, 246, 0.12); font-size: 0.8rem; color: #6d28d9; white-space: nowrap;}.sp-enroll__countdown .material-icons{font-size: 1.1rem;}.sp-enroll__countdown--urgent{background: rgba(239, 68, 68, 0.08); border-color: rgba(239, 68, 68, 0.15); color: #dc2626; animation: spCountdownPulse 1.5s ease infinite;}.sp-enroll__countdown--expired{background: rgba(100, 116, 139, 0.08); border-color: rgba(100, 116, 139, 0.12); color: #64748b;}.sp-enroll__countdown-label{font-weight: 500;}.sp-enroll__countdown-time{font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.02em;}@keyframes spCountdownPulse{0%, 100%{opacity: 1;}50%{opacity: 0.85; box-shadow: 0 0 12px rgba(239, 68, 68, 0.15);}}.sp-enroll__credit-summary{display: flex; align-items: center; gap: 1rem; padding: 0.75rem 1.25rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; margin-bottom: 1rem;}.sp-enroll__credit-summary-title{display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-weight: 600; color: #6b7280; white-space: nowrap;}.sp-enroll__credit-summary-title .material-icons{font-size: 1rem; color: #8b5cf6;}.sp-enroll__credit-summary-items{display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;}.sp-enroll__credit-chip{display: flex; align-items: center; gap: 0.35rem; padding: 0.3rem 0.7rem; border-radius: 8px; font-size: 0.75rem;}.sp-enroll__credit-chip--regular{background: rgba(109, 40, 217, 0.08);}.sp-enroll__credit-chip--regular .sp-enroll__credit-chip-val{color: #6d28d9;}.sp-enroll__credit-chip--repeat{background: rgba(245, 158, 11, 0.08);}.sp-enroll__credit-chip--repeat .sp-enroll__credit-chip-val{color: #d97706;}.sp-enroll__credit-chip--improve{background: rgba(14, 165, 233, 0.08);}.sp-enroll__credit-chip--improve .sp-enroll__credit-chip-val{color: #0284c7;}.sp-enroll__credit-chip--special{background: rgba(236, 72, 153, 0.08);}.sp-enroll__credit-chip--special .sp-enroll__credit-chip-val{color: #db2777;}.sp-enroll__credit-chip--total{background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.15);}.sp-enroll__credit-chip--total .sp-enroll__credit-chip-val{color: #059669;}.sp-enroll__credit-chip-val{font-weight: 700; font-size: 0.85rem;}.sp-enroll__credit-chip-label{color: #6b7280; font-weight: 500;}.sp-enrolled__search--compact{flex: 0 0 auto; max-width: 160px; min-width: 120px; margin-left: auto; overflow: hidden;}.sp-enrolled__search--compact input{font-size: 0.8rem; min-width: 0;}.sp-enroll__avail-btn{display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.75rem; border-radius: 8px; font-size: 0.75rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.5); color: #9ca3af; cursor: pointer; transition: all 0.2s; font-family: inherit; white-space: nowrap;}.sp-enroll__avail-btn .material-icons{font-size: 0.95rem;}.sp-enroll__avail-btn:hover{background: rgba(255, 255, 255, 0.9); color: #6b7280;}.sp-enroll__avail-btn--active{background: linear-gradient(135deg, #10b981, #34d399); color: #fff; border-color: transparent; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);}.sp-enroll__avail-btn--active .material-icons{color: #fff;}.sp-enroll__avail-btn--active:hover{background: linear-gradient(135deg, #059669, #10b981); color: #fff;}.sp-enroll__day-filters{display: flex; gap: 0.25rem; position: relative; z-index: 2;}.sp-enroll__day-btn{padding: 0.3rem 0.6rem; border-radius: 8px; font-size: 0.7rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.5); color: #9ca3af; cursor: pointer; transition: all 0.2s; font-family: inherit; position: relative; z-index: 2;}.sp-enroll__day-btn:hover{background: rgba(255, 255, 255, 0.9); color: #6b7280;}.sp-enroll__day-btn--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 2px 8px rgba(109, 40, 217, 0.2);}.sp-enroll__day-btn--active:hover{background: linear-gradient(135deg, #5b21b6, #7c3aed); color: #fff; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.35);}.sp-enroll__heatmap{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; padding: 1rem 1.25rem; margin-bottom: 1rem;}.sp-enroll__heatmap-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;}.sp-enroll__heatmap-header h4, .sp-enroll__heatmap-header .h4{display: flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; font-weight: 600; color: #374151; margin: 0;}.sp-enroll__heatmap-header h4 .material-icons, .sp-enroll__heatmap-header .h4 .material-icons{font-size: 1.1rem; color: #8b5cf6;}.sp-enroll__heatmap-total{font-size: 0.75rem; font-weight: 600; color: #6b7280; padding: 0.2rem 0.6rem; background: rgba(139, 92, 246, 0.06); border-radius: 6px;}.sp-enroll__heatmap-bars{display: flex; gap: 0.5rem; align-items: flex-end;}.sp-enroll__heatmap-col{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 0.25rem;}.sp-enroll__heatmap-bar-track{width: 100%; height: 80px; background: rgba(0, 0, 0, 0.03); border-radius: 6px; display: flex; align-items: flex-end; overflow: hidden;}.sp-enroll__heatmap-bar-fill{width: 100%; border-radius: 6px; transition: height 0.6s cubic-bezier(0.22, 1, 0.36, 1); min-height: 2px;}.sp-enroll__heatmap-bar-fill--none{height: 0; background: transparent;}.sp-enroll__heatmap-bar-fill--light{background: linear-gradient(180deg, #a78bfa, #c4b5fd);}.sp-enroll__heatmap-bar-fill--moderate{background: linear-gradient(180deg, #8b5cf6, #a78bfa);}.sp-enroll__heatmap-bar-fill--heavy{background: linear-gradient(180deg, #6d28d9, #8b5cf6);}.sp-enroll__heatmap-day{font-size: 0.65rem; font-weight: 700; color: #6b7280; text-transform: uppercase;}.sp-enroll__heatmap-hrs{font-size: 0.62rem; font-weight: 600; color: #8b5cf6;}.sp-enroll__gap-finder{margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(0, 0, 0, 0.04);}.sp-enroll__gap-header{display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #6b7280; margin-bottom: 0.5rem;}.sp-enroll__gap-header .material-icons{font-size: 1rem; color: #f59e0b;}.sp-enroll__gap-header strong{color: #374151;}.sp-enroll__gap-chips{display: flex; gap: 0.35rem; flex-wrap: wrap;}.sp-enroll__gap-chip{font-size: 0.7rem; font-weight: 500; padding: 0.2rem 0.5rem; border-radius: 6px; background: rgba(245, 158, 11, 0.06); color: #92400e;}.sp-enroll__sections{animation: spEnrollExpand 0.3s cubic-bezier(0.22, 1, 0.36, 1);}@keyframes spEnrollExpand{from{opacity: 0; max-height: 0; transform: translateY(-8px);}to{opacity: 1; max-height: 2000px; transform: translateY(0);}}.sp-enroll__courses{animation: spEnrollFadeIn 0.25s ease;}@keyframes spEnrollFadeIn{from{opacity: 0; transform: translateY(6px);}to{opacity: 1; transform: translateY(0);}}.sp-enroll__course-card{animation: spCardAppear 0.35s ease both;}.sp-enroll__course-card:nth-child(1){animation-delay: 0.03s;}.sp-enroll__course-card:nth-child(2){animation-delay: 0.06s;}.sp-enroll__course-card:nth-child(3){animation-delay: 0.09s;}.sp-enroll__course-card:nth-child(4){animation-delay: 0.12s;}.sp-enroll__course-card:nth-child(5){animation-delay: 0.15s;}.sp-enroll__course-card:nth-child(6){animation-delay: 0.18s;}.sp-enroll__course-card:nth-child(7){animation-delay: 0.21s;}.sp-enroll__course-card:nth-child(8){animation-delay: 0.24s;}.sp-enroll__course-card:nth-child(9){animation-delay: 0.27s;}.sp-enroll__course-card:nth-child(10){animation-delay: 0.3s;}.sp-enroll__course-card:nth-child(11){animation-delay: 0.33s;}.sp-enroll__course-card:nth-child(12){animation-delay: 0.36s;}@keyframes spCardAppear{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}.sp-enroll__local-cart{animation: spCartSlideUp 0.35s cubic-bezier(0.22, 1, 0.36, 1);}@keyframes spCartSlideUp{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}.sp-enroll__heatmap-bar-fill{animation: spBarGrow 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;}@keyframes spBarGrow{from{height: 0 !important;}}.sp-enroll__empty-tab{text-align: center; padding: 3rem 2rem; animation: spEnrollFadeIn 0.3s ease;}.sp-enroll__empty-tab h3, .sp-enroll__empty-tab .h3{font-size: 1.1rem; font-weight: 700; color: #374151; margin: 1rem 0 0.4rem;}.sp-enroll__empty-tab p{font-size: 0.85rem; color: #9ca3af; margin: 0;}.sp-enroll__empty-tab-art{display: flex; justify-content: center;}.sp-enroll__empty-icon-circle{width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: spEmptyBounce 2s ease infinite;}.sp-enroll__empty-icon-circle .material-icons{font-size: 2.5rem; color: #fff;}.sp-enroll__empty-icon-circle--emerald{background: linear-gradient(135deg, #10b981, #34d399); box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);}.sp-enroll__empty-icon-circle--sky{background: linear-gradient(135deg, #0ea5e9, #38bdf8); box-shadow: 0 8px 24px rgba(14, 165, 233, 0.25);}.sp-enroll__empty-icon-circle--amber{background: linear-gradient(135deg, #f59e0b, #fbbf24); box-shadow: 0 8px 24px rgba(245, 158, 11, 0.25);}.sp-enroll__empty-icon-circle--violet{background: linear-gradient(135deg, #8b5cf6, #a78bfa); box-shadow: 0 8px 24px rgba(139, 92, 246, 0.25);}@keyframes spEmptyBounce{0%, 100%{transform: translateY(0);}50%{transform: translateY(-6px);}}.sp-enroll__time-filter{display: flex; align-items: center; gap: 0.3rem;}.sp-enroll__time-filter .material-icons{font-size: 1rem; color: #9ca3af;}.sp-enroll__time-input{padding: 0.3rem 0.5rem; border-radius: 8px; font-size: 0.72rem; font-weight: 500; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); color: #374151; font-family: inherit; outline: none; transition: all 0.2s; width: 100px;}.sp-enroll__time-input:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-enroll__time-sep{color: #9ca3af; font-size: 0.8rem;}.sp-enroll__time-clear{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; border: none; background: rgba(239, 68, 68, 0.1); color: #ef4444; cursor: pointer; padding: 0; font-size: 0;}.sp-enroll__time-clear .material-icons{font-size: 14px;}.sp-enroll__time-clear:hover{background: rgba(239, 68, 68, 0.2);}.sp-enroll__sort-select{padding: 0.3rem 1.8rem 0.3rem 0.6rem; border-radius: 8px; font-size: 0.72rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 6px center; backdrop-filter: blur(8px); color: #6b7280; font-family: inherit; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; transition: all 0.2s;}.sp-enroll__sort-select:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-enroll__sort-select:hover{background-color: rgba(255, 255, 255, 0.8);}.sp-enroll__course-info-btn{font-size: 1.1rem !important; color: #9ca3af; cursor: pointer; transition: color 0.2s; margin-right: 0.15rem;}.sp-enroll__course-info-btn:hover{color: #6d28d9;}.sp-enroll__detail-drawer-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px); z-index: 9990; animation: spFadeIn 0.2s ease;}.sp-enroll__detail-drawer{position: fixed; top: 0; right: 0; bottom: 0; width: 420px; max-width: 90vw; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(20px); box-shadow: -8px 0 40px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; animation: spDrawerSlideIn 0.3s ease; z-index: 9991; overflow: hidden;}@keyframes spDrawerSlideIn{from{transform: translateX(100%);}to{transform: translateX(0);}}.sp-enroll__detail-drawer-header{display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-enroll__detail-drawer-header h3, .sp-enroll__detail-drawer-header .h3{font-size: 1rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__detail-drawer-header h3 .material-icons, .sp-enroll__detail-drawer-header .h3 .material-icons{font-size: 1.2rem; color: #6d28d9;}.sp-enroll__detail-drawer-close{border: none; background: rgba(0, 0, 0, 0.04); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280;}.sp-enroll__detail-drawer-close:hover{background: rgba(0, 0, 0, 0.08); color: #1f2937;}.sp-enroll__detail-drawer-body{flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem;}.sp-enroll__detail-loading{display: flex; flex-direction: column; gap: 0.75rem;}.sp-enroll__detail-course-name{font-size: 1rem; font-weight: 700; color: #1f2937; margin-bottom: 0.75rem;}.sp-enroll__detail-meta{display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1.25rem;}.sp-enroll__detail-section{margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-enroll__detail-section h5, .sp-enroll__detail-section .h5{font-size: 0.8rem; font-weight: 700; color: #6d28d9; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.35rem;}.sp-enroll__detail-section h5 .material-icons, .sp-enroll__detail-section .h5 .material-icons{font-size: 1rem;}.sp-enroll__detail-section p{font-size: 0.82rem; color: #4b5563; line-height: 1.6; margin: 0; white-space: pre-wrap;}.sp-enroll__detail-credit-table{width: 100%; border-collapse: collapse; font-size: 0.78rem;}.sp-enroll__detail-credit-table th{background: rgba(109, 40, 217, 0.06); color: #6d28d9; font-weight: 600; text-align: left; padding: 0.5rem 0.75rem; border-bottom: 2px solid rgba(109, 40, 217, 0.12);}.sp-enroll__detail-credit-table td{padding: 0.4rem 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); color: #374151; text-transform: capitalize;}.sp-enroll__detail-prereq-list{display: flex; flex-wrap: wrap; gap: 0.35rem;}.sp-enroll__detail-empty{text-align: center; padding: 2rem; color: #9ca3af;}.sp-enroll__detail-empty .material-icons{font-size: 2.5rem; display: block; margin-bottom: 0.75rem;}.sp-enroll__detail-empty p{font-size: 0.85rem;}.sp-enroll__course-card--coreq-highlight{border-color: rgba(245, 158, 11, 0.4) !important; box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15), 0 2px 12px rgba(245, 158, 11, 0.08) !important;}.sp-enroll__course-card--coreq-flash{animation: spCoReqFlash 1.5s ease;}@keyframes spCoReqFlash{0%{box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.5);}100%{box-shadow: none;}}.sp-enroll__coreq-link{cursor: default;}.sp-enroll__coreq-code{cursor: pointer; color: #92400e; font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}.sp-enroll__coreq-code:hover{color: #d97706;}.sp-enroll__coreq-tab-hint{font-size: 0.65rem; font-weight: 400; color: #9ca3af; font-style: italic;}.sp-enroll__course-card--focused{outline: 2px solid #8b5cf6 !important; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08) !important;}.sp-enroll__kbd-fab{position: fixed; bottom: 1.5rem; right: 1.5rem; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border: none; box-shadow: 0 4px 16px rgba(109, 40, 217, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 100; transition: transform 0.2s, box-shadow 0.2s;}.sp-enroll__kbd-fab .material-icons{font-size: 1.2rem;}.sp-enroll__kbd-fab:hover{transform: scale(1.1); box-shadow: 0 6px 24px rgba(109, 40, 217, 0.4);}@media (hover: none){.sp-enroll__kbd-fab{display: none;}}.sp-enroll__kbd-help{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(20px); border-radius: 20px; max-width: 420px; width: 90%; padding: 1.5rem; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); animation: spModalIn 0.25s ease;}.sp-enroll__kbd-help-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem;}.sp-enroll__kbd-help-header h2, .sp-enroll__kbd-help-header .h2{font-size: 1rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__kbd-help-header h2 .material-icons, .sp-enroll__kbd-help-header .h2 .material-icons{font-size: 1.2rem; color: #6d28d9;}.sp-enroll__kbd-help-header button{border: none; background: rgba(0, 0, 0, 0.04); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280;}.sp-enroll__kbd-help-grid{display: flex; flex-direction: column; gap: 0.6rem;}.sp-enroll__kbd-row{display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; color: #374151;}.sp-enroll__kbd-key{display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 6px; border-radius: 6px; background: linear-gradient(180deg, #f9fafb, #e5e7eb); border: 1px solid #d1d5db; box-shadow: 0 2px 0 #d1d5db; font-size: 0.72rem; font-weight: 700; color: #374151; font-family: monospace;}.sp-enroll__kbd-desc{margin-left: 0.5rem; color: #6b7280;}.sp-enroll__btn--cgpa{background: linear-gradient(135deg, #059669, #10b981) !important; color: #fff !important;}.sp-enroll__cgpa-modal{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(20px); border-radius: 20px; max-width: 600px; width: 92%; max-height: 85vh; display: flex; flex-direction: column; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); animation: spModalIn 0.25s ease; overflow: hidden;}.sp-enroll__cgpa-modal-header{display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-enroll__cgpa-modal-header h2, .sp-enroll__cgpa-modal-header .h2{font-size: 1rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__cgpa-modal-header h2 .material-icons, .sp-enroll__cgpa-modal-header .h2 .material-icons{font-size: 1.2rem; color: #059669;}.sp-enroll__cgpa-modal-header button{border: none; background: rgba(0, 0, 0, 0.04); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280;}.sp-enroll__cgpa-modal-body{flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem;}.sp-enroll__cgpa-stats{display: flex; gap: 0.75rem; margin-bottom: 1.25rem;}.sp-enroll__cgpa-stat{flex: 1; background: rgba(5, 150, 105, 0.05); border: 1px solid rgba(5, 150, 105, 0.12); border-radius: 12px; padding: 0.75rem; text-align: center;}.sp-enroll__cgpa-stat-val{display: block; font-size: 1.15rem; font-weight: 800; color: #059669;}.sp-enroll__cgpa-stat-label{display: block; font-size: 0.65rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0.2rem;}.sp-enroll__cgpa-table-wrap{overflow-x: auto; margin-bottom: 1.25rem;}.sp-enroll__cgpa-table{width: 100%; border-collapse: collapse; font-size: 0.78rem;}.sp-enroll__cgpa-table th{background: rgba(5, 150, 105, 0.06); color: #059669; font-weight: 600; text-align: left; padding: 0.5rem 0.75rem; border-bottom: 2px solid rgba(5, 150, 105, 0.12); white-space: nowrap;}.sp-enroll__cgpa-table td{padding: 0.5rem 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); color: #374151; vertical-align: middle;}.sp-enroll__cgpa-table td small, .sp-enroll__cgpa-table td .small{color: #9ca3af;}.sp-enroll__cgpa-grade-select{padding: 0.3rem 0.5rem; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.75rem; font-family: inherit; background: #fff; cursor: pointer; outline: none; min-width: 80px;}.sp-enroll__cgpa-grade-select:focus{border-color: #059669; box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.1);}.sp-enroll__cgpa-result{border-radius: 16px; padding: 1.25rem; display: flex; align-items: center; gap: 1.5rem; margin-top: 0.5rem;}.sp-enroll__cgpa-result--good{background: linear-gradient(135deg, rgba(5, 150, 105, 0.08), rgba(16, 185, 129, 0.06)); border: 1px solid rgba(5, 150, 105, 0.2);}.sp-enroll__cgpa-result--warn{background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(251, 191, 36, 0.06)); border: 1px solid rgba(245, 158, 11, 0.2);}.sp-enroll__cgpa-result--danger{background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(248, 113, 113, 0.06)); border: 1px solid rgba(239, 68, 68, 0.2);}.sp-enroll__cgpa-gauge{text-align: center; min-width: 100px;}.sp-enroll__cgpa-gauge-val{display: block; font-size: 2rem; font-weight: 900; background: linear-gradient(135deg, #059669, #10b981); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.1;}.sp-enroll__cgpa-result--warn .sp-enroll__cgpa-gauge-val{background: linear-gradient(135deg, #d97706, #f59e0b); -webkit-background-clip: text; background-clip: text;}.sp-enroll__cgpa-result--danger .sp-enroll__cgpa-gauge-val{background: linear-gradient(135deg, #dc2626, #ef4444); -webkit-background-clip: text; background-clip: text;}.sp-enroll__cgpa-gauge-label{display: block; font-size: 0.65rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0.3rem;}.sp-enroll__cgpa-result-meta{display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.78rem; color: #6b7280;}.sp-enroll__cgpa-result-meta strong{color: #374151;}.sp-enroll__cgpa-empty{text-align: center; padding: 1.5rem; color: #9ca3af;}.sp-enroll__cgpa-empty .material-icons{font-size: 2rem; display: block; margin-bottom: 0.5rem;}.sp-enroll__cgpa-empty p{font-size: 0.82rem;}.sp-enroll__export-btns{display: flex; gap: 0.4rem;}.sp-enroll__export-btn{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.3rem 0.65rem; border-radius: 8px; font-size: 0.68rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; font-family: inherit; transition: all 0.2s;}.sp-enroll__export-btn .material-icons{font-size: 0.9rem;}.sp-enroll__export-btn--pdf{background: rgba(239, 68, 68, 0.08); color: #dc2626; border-color: rgba(239, 68, 68, 0.15);}.sp-enroll__export-btn--pdf:hover{background: rgba(239, 68, 68, 0.15);}.sp-enroll__export-btn--ics{background: rgba(59, 130, 246, 0.08); color: #2563eb; border-color: rgba(59, 130, 246, 0.15);}.sp-enroll__export-btn--ics:hover{background: rgba(59, 130, 246, 0.15);}.dark .sp-enroll__time-input{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-enroll__sort-select{background-color: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-enroll__avail-btn:not(.sp-enroll__avail-btn--active){background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: #9ca3af;}.dark .sp-enroll__avail-btn:not(.sp-enroll__avail-btn--active):hover{background: rgba(255, 255, 255, 0.12); color: #e5e7eb;}.dark .sp-enroll__detail-drawer{background: rgba(30, 27, 46, 0.98);}.dark .sp-enroll__detail-drawer-header{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__detail-drawer-header h3, .dark .sp-enroll__detail-drawer-header .h3{color: #f3f4f6;}.dark .sp-enroll__detail-course-name{color: #f3f4f6;}.dark .sp-enroll__detail-section{border-color: rgba(255, 255, 255, 0.04);}.dark .sp-enroll__detail-section h5, .dark .sp-enroll__detail-section .h5{color: #a78bfa;}.dark .sp-enroll__detail-section p{color: #d1d5db;}.dark .sp-enroll__detail-credit-table th{background: rgba(139, 92, 246, 0.1); color: #a78bfa; border-color: rgba(139, 92, 246, 0.15);}.dark .sp-enroll__detail-credit-table td{color: #d1d5db; border-color: rgba(255, 255, 255, 0.04);}.dark .sp-enroll__kbd-help, .dark .sp-enroll__cgpa-modal{background: rgba(30, 27, 46, 0.98);}.dark .sp-enroll__kbd-help-header h2, .dark .sp-enroll__kbd-help-header .h2, .dark .sp-enroll__cgpa-modal-header h2, .dark .sp-enroll__cgpa-modal-header .h2{color: #f3f4f6;}.dark .sp-enroll__kbd-key{background: linear-gradient(180deg, #374151, #1f2937); border-color: #4b5563; box-shadow: 0 2px 0 #4b5563; color: #e5e7eb;}.dark .sp-enroll__kbd-desc{color: #9ca3af;}.dark .sp-enroll__cgpa-stat{background: rgba(5, 150, 105, 0.08); border-color: rgba(5, 150, 105, 0.15);}.dark .sp-enroll__cgpa-table th{background: rgba(5, 150, 105, 0.08); border-color: rgba(5, 150, 105, 0.15);}.dark .sp-enroll__cgpa-table td{color: #d1d5db; border-color: rgba(255, 255, 255, 0.04);}.dark .sp-enroll__cgpa-grade-select{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-enroll__cgpa-result-meta{color: #9ca3af;}.dark .sp-enroll__cgpa-result-meta strong{color: #e5e7eb;}.dark .sp-enroll__export-btn--pdf{background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.2);}.dark .sp-enroll__export-btn--ics{background: rgba(59, 130, 246, 0.12); border-color: rgba(59, 130, 246, 0.2);}.sp-enroll__grad-progress{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 14px; padding: 1rem 1.25rem;}.sp-enroll__grad-header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;}.sp-enroll__grad-header > .material-icons{color: #6d28d9; font-size: 1.2rem;}.sp-enroll__grad-title{font-weight: 700; font-size: 0.85rem; color: #1f2937; flex: 1;}.sp-enroll__grad-pct{font-weight: 800; font-size: 1.1rem; color: #6d28d9;}.sp-enroll__grad-expand{background: none; border: none; cursor: pointer; padding: 0.2rem; border-radius: 6px; color: #9ca3af; transition: all 0.2s;}.sp-enroll__grad-expand .material-icons{font-size: 1rem;}.sp-enroll__grad-expand:hover{background: rgba(109, 40, 217, 0.08); color: #6d28d9;}.sp-enroll__grad-bar{height: 8px; border-radius: 4px; background: #e5e7eb; overflow: hidden; display: flex; margin-bottom: 0.4rem;}.sp-enroll__grad-fill{height: 100%; transition: width 0.6s ease;}.sp-enroll__grad-fill--earned{background: linear-gradient(90deg, #10b981, #34d399); border-radius: 4px 0 0 4px;}.sp-enroll__grad-fill--progress{background: repeating-linear-gradient(45deg, #f59e0b, #f59e0b 4px, #fbbf24 4px, #fbbf24 8px);}.sp-enroll__grad-labels{font-size: 0.7rem; color: #6b7280; display: flex; gap: 0.25rem; flex-wrap: wrap;}.sp-enroll__grad-modal{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(20px); border-radius: 20px; max-width: 520px; width: 92%; max-height: 80vh; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); animation: spModalIn 0.25s ease; overflow: hidden;}.sp-enroll__grad-modal-header{display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-enroll__grad-modal-header h2, .sp-enroll__grad-modal-header .h2{font-size: 1rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem; color: #1f2937; margin: 0;}.sp-enroll__grad-modal-header .material-icons{color: #6d28d9;}.sp-enroll__grad-modal-header button{background: none; border: none; cursor: pointer; color: #9ca3af; padding: 0.25rem; border-radius: 8px;}.sp-enroll__grad-modal-header button:hover{background: rgba(0, 0, 0, 0.05);}.sp-enroll__grad-modal-body{flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem;}.sp-enroll__grad-modal-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-bottom: 1rem;}.sp-enroll__grad-modal-stat{text-align: center; padding: 0.75rem 0.5rem; background: rgba(109, 40, 217, 0.04); border-radius: 10px;}.sp-enroll__grad-modal-stat-val{display: block; font-size: 1.2rem; font-weight: 800; color: #6d28d9;}.sp-enroll__grad-modal-stat-label{font-size: 0.65rem; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;}.sp-enroll__grad-type-grid{display: flex; flex-direction: column; gap: 0.5rem;}.sp-enroll__grad-type-item{display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__grad-type-name{width: 100px; font-size: 0.75rem; font-weight: 600; color: #374151; text-transform: capitalize;}.sp-enroll__grad-type-bar-wrap{flex: 1; height: 6px; background: #e5e7eb; border-radius: 3px; overflow: hidden;}.sp-enroll__grad-type-bar{height: 100%; background: linear-gradient(90deg, #6d28d9, #a78bfa); border-radius: 3px; transition: width 0.4s ease;}.sp-enroll__grad-type-count{font-size: 0.7rem; color: #6b7280; min-width: 60px; text-align: right;}.sp-enroll__grade-chart{display: flex; flex-direction: column; gap: 3px; margin-bottom: 0.75rem;}.sp-enroll__grade-bar-row{display: flex; align-items: center; gap: 0.4rem;}.sp-enroll__grade-label{min-width: 28px; font-size: 0.65rem; font-weight: 700; color: #6b7280; text-align: left; flex-shrink: 0;}.sp-enroll__grade-bar-track{flex: 1; height: 16px; background: #f3f4f6; border-radius: 4px; overflow: hidden;}.sp-enroll__grade-bar{height: 100%; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 4px; min-width: 20px; transition: width 0.4s ease;}.sp-enroll__grade-bar span{font-size: 0.6rem; font-weight: 700; color: #fff;}.sp-enroll__grade-bar--good{background: linear-gradient(90deg, #10b981, #34d399);}.sp-enroll__grade-bar--mid{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-enroll__grade-bar--low{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-enroll__grade-stats{font-size: 0.7rem; color: #6b7280; display: flex; gap: 0.4rem; flex-wrap: wrap;}.sp-enroll__grade-stats strong{color: #374151;}.sp-enroll__faculty-link{cursor: pointer !important; text-decoration-style: dotted !important; text-decoration-line: underline !important; text-underline-offset: 2px;}.sp-enroll__faculty-link:hover{color: #6d28d9 !important;}.sp-enroll__faculty-tooltip{position: fixed; z-index: 99999; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(16px); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; padding: 0.75rem 1rem; max-width: 280px; min-width: 200px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); animation: spFadeIn 0.15s ease;}.sp-enroll__faculty-tooltip-close{position: absolute; top: 4px; right: 4px; background: none; border: none; cursor: pointer; color: #9ca3af; padding: 2px; border-radius: 4px;}.sp-enroll__faculty-tooltip-close .material-icons{font-size: 0.85rem;}.sp-enroll__faculty-tooltip-close:hover{background: rgba(0, 0, 0, 0.05);}.sp-enroll__faculty-tooltip-img{margin-bottom: 0.5rem;}.sp-enroll__faculty-tooltip-img img{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(109, 40, 217, 0.2);}.sp-enroll__faculty-tooltip-name{font-weight: 700; font-size: 0.85rem; color: #6d28d9; margin-bottom: 0.15rem;}.sp-enroll__faculty-tooltip-role{font-size: 0.75rem; color: #374151; margin-bottom: 0.35rem;}.sp-enroll__faculty-tooltip-dept, .sp-enroll__faculty-tooltip-email, .sp-enroll__faculty-tooltip-phone{font-size: 0.7rem; color: #6b7280; display: flex; align-items: center; gap: 0.3rem; margin-bottom: 0.15rem;}.sp-enroll__faculty-tooltip-dept .material-icons, .sp-enroll__faculty-tooltip-email .material-icons, .sp-enroll__faculty-tooltip-phone .material-icons{font-size: 0.8rem; color: #9ca3af;}.sp-enroll__prereq-modal{background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(20px); border-radius: 20px; max-width: 520px; width: 92%; max-height: 80vh; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); animation: spModalIn 0.25s ease; overflow: hidden;}.sp-enroll__prereq-modal-header{display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-enroll__prereq-modal-header h2, .sp-enroll__prereq-modal-header .h2{font-size: 1rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem; color: #1f2937; margin: 0;}.sp-enroll__prereq-modal-header .material-icons{color: #6d28d9;}.sp-enroll__prereq-modal-header button{background: none; border: none; cursor: pointer; color: #9ca3af; padding: 0.25rem; border-radius: 8px;}.sp-enroll__prereq-modal-header button:hover{background: rgba(0, 0, 0, 0.05);}.sp-enroll__prereq-modal-body{flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem;}.sp-enroll__prereq-chain-btn{display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(109, 40, 217, 0.08); color: #6d28d9; border: 1px solid rgba(109, 40, 217, 0.15); border-radius: 6px; padding: 0.2rem 0.5rem; font-size: 0.7rem; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; margin-left: 0.5rem;}.sp-enroll__prereq-chain-btn .material-icons{font-size: 0.85rem;}.sp-enroll__prereq-chain-btn:hover{background: rgba(109, 40, 217, 0.15);}.sp-enroll__prereq-tree{padding: 0.5rem 0;}.sp-enroll__prereq-node{display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.5rem; border-radius: 8px; margin-bottom: 2px; position: relative;}.sp-enroll__prereq-dot{width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;}.sp-enroll__prereq-code{font-weight: 700; font-size: 0.8rem;}.sp-enroll__prereq-name{font-size: 0.75rem; color: #6b7280; flex: 1;}.sp-enroll__prereq-credits{font-size: 0.65rem; color: #9ca3af;}.sp-enroll__prereq-icon{font-size: 0.9rem !important;}.sp-enroll__prereq-node--met{background: rgba(16, 185, 129, 0.06);}.sp-enroll__prereq-node--met .sp-enroll__prereq-dot{background: #10b981;}.sp-enroll__prereq-node--met .sp-enroll__prereq-code{color: #059669;}.sp-enroll__prereq-node--met .sp-enroll__prereq-icon{color: #10b981;}.sp-enroll__prereq-node--ip{background: rgba(245, 158, 11, 0.06);}.sp-enroll__prereq-node--ip .sp-enroll__prereq-dot{background: #f59e0b;}.sp-enroll__prereq-node--ip .sp-enroll__prereq-code{color: #d97706;}.sp-enroll__prereq-node--ip .sp-enroll__prereq-icon{color: #f59e0b;}.sp-enroll__prereq-node--unmet{background: rgba(239, 68, 68, 0.04);}.sp-enroll__prereq-node--unmet .sp-enroll__prereq-dot{background: #ef4444;}.sp-enroll__prereq-node--unmet .sp-enroll__prereq-code{color: #dc2626;}.sp-enroll__prereq-node--unmet .sp-enroll__prereq-icon{color: #ef4444;}.sp-enroll__prereq-children{padding-left: 1.5rem; border-left: 2px dashed rgba(109, 40, 217, 0.2); margin-left: 0.5rem;}.sp-enroll__prereq-legend{display: flex; gap: 1rem; margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid rgba(0, 0, 0, 0.06);}.sp-enroll__prereq-legend-item{display: flex; align-items: center; gap: 0.25rem; font-size: 0.7rem; font-weight: 600;}.sp-enroll__prereq-legend-item .material-icons{font-size: 0.85rem;}.sp-enroll__prereq-legend-item--met{color: #10b981;}.sp-enroll__prereq-legend-item--ip{color: #f59e0b;}.sp-enroll__prereq-legend-item--unmet{color: #ef4444;}.sp-enroll__export-btn--compare{background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.08); color: #6b7280;}.sp-enroll__export-btn--compare:hover{background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-enroll__export-btn--compare-active{background: linear-gradient(135deg, #f59e0b, #fbbf24) !important; color: #fff !important; border-color: transparent !important;}.sp-enroll__export-btn--compare-active .material-icons{color: #fff !important;}.sp-enroll__export-btn--compare-active:hover{background: linear-gradient(135deg, #d97706, #f59e0b) !important; color: #fff !important;}.sp-enroll__live-tt-slot--added{border-left: 3px solid #10b981 !important; background: rgba(16, 185, 129, 0.15) !important;}.sp-enroll__live-tt-slot--removed{opacity: 0.55; background: repeating-linear-gradient(-45deg, rgba(239, 68, 68, 0.08), rgba(239, 68, 68, 0.08) 4px, rgba(239, 68, 68, 0.18) 4px, rgba(239, 68, 68, 0.18) 8px) !important; border-left: 3px solid #ef4444 !important; color: #dc2626 !important;}.sp-enroll__live-tt-slot--removed span{color: #dc2626 !important;}.sp-enroll__live-tt-legend-item--same::before{background: #8b5cf6;}.sp-enroll__live-tt-legend-item--added::before{background: #10b981;}.sp-enroll__live-tt-legend-item--removed::before{background: #ef4444;}.sp-enroll__export-btn--share{background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); color: #3b82f6;}.sp-enroll__export-btn--share .material-icons{color: #3b82f6;}.sp-enroll__export-btn--share:hover{background: rgba(59, 130, 246, 0.2);}.dark .sp-enroll__grad-progress{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__grad-title{color: #f3f4f6;}.dark .sp-enroll__grad-bar{background: rgba(255, 255, 255, 0.1);}.dark .sp-enroll__grad-labels{color: #9ca3af;}.dark .sp-enroll__grad-modal, .dark .sp-enroll__prereq-modal{background: rgba(30, 27, 46, 0.98);}.dark .sp-enroll__grad-modal-header, .dark .sp-enroll__prereq-modal-header{border-color: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__grad-modal-header h2, .dark .sp-enroll__grad-modal-header .h2, .dark .sp-enroll__prereq-modal-header h2, .dark .sp-enroll__prereq-modal-header .h2{color: #f3f4f6;}.dark .sp-enroll__grad-modal-stat{background: rgba(109, 40, 217, 0.1);}.dark .sp-enroll__grad-type-name{color: #d1d5db;}.dark .sp-enroll__grad-type-bar-wrap{background: rgba(255, 255, 255, 0.1);}.dark .sp-enroll__grad-type-count{color: #9ca3af;}.dark .sp-enroll__grade-bar-track{background: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__grade-label{color: #9ca3af;}.dark .sp-enroll__grade-stats{color: #9ca3af;}.dark .sp-enroll__grade-stats strong{color: #d1d5db;}.dark .sp-enroll__faculty-tooltip{background: rgba(30, 27, 46, 0.98); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-enroll__faculty-tooltip-name{color: #a78bfa;}.dark .sp-enroll__faculty-tooltip-role{color: #d1d5db;}.dark .sp-enroll__faculty-tooltip-dept, .dark .sp-enroll__faculty-tooltip-email, .dark .sp-enroll__faculty-tooltip-phone{color: #9ca3af;}.dark .sp-enroll__prereq-children{border-color: rgba(167, 139, 250, 0.3);}.dark .sp-enroll__prereq-name{color: #9ca3af;}.dark .sp-enroll__prereq-legend{border-color: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__export-btn--compare:not(.sp-enroll__export-btn--compare-active){background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: #9ca3af;}.dark .sp-enroll__export-btn--share{background: rgba(59, 130, 246, 0.08); border-color: rgba(59, 130, 246, 0.15);}.sp-enroll__audit-modal{background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border-radius: 20px; max-width: 720px; width: 95vw; max-height: 85vh; overflow-y: auto; box-shadow: 0 25px 60px rgba(109, 40, 217, 0.15); border: 1px solid rgba(109, 40, 217, 0.1);}.sp-enroll__audit-modal-header{display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid #f3f4f6;}.sp-enroll__audit-modal-header h2, .sp-enroll__audit-modal-header .h2{font-size: 1.1rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem;}.sp-enroll__audit-modal-header h2 .material-icons, .sp-enroll__audit-modal-header .h2 .material-icons{color: #6d28d9; font-size: 1.3rem;}.sp-enroll__audit-modal-header button{background: none; border: none; cursor: pointer; color: #6b7280; padding: 4px;}.sp-enroll__audit-modal-header button:hover{color: #1f2937;}.sp-enroll__audit-summary{display: flex; align-items: center; gap: 1.5rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid #f3f4f6;}.sp-enroll__audit-ring{flex-shrink: 0;}.sp-enroll__audit-summary-stats{display: grid; grid-template-columns: 1fr 1fr; gap: 0.25rem 1.5rem; font-size: 0.82rem; color: #4b5563;}.sp-enroll__audit-summary-stats strong{color: #1f2937; font-weight: 700;}.sp-enroll__audit-tabs{display: flex; gap: 0; border-bottom: 1px solid #f3f4f6;}.sp-enroll__audit-tab{flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.35rem; padding: 0.75rem 1rem; border: none; background: none; cursor: pointer; font-size: 0.8rem; font-weight: 600; color: #6b7280; border-bottom: 2px solid transparent; transition: all 0.2s;}.sp-enroll__audit-tab .material-icons{font-size: 1rem;}.sp-enroll__audit-tab:hover{color: #6d28d9; background: rgba(109, 40, 217, 0.03);}.sp-enroll__audit-tab--active{color: #6d28d9; border-bottom-color: #6d28d9;}.sp-enroll__audit-body{padding: 1rem 1.5rem 1.5rem; max-height: 55vh; overflow-y: auto;}.sp-enroll__audit-sem-header{display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.5rem; cursor: pointer; border-radius: 8px; transition: background 0.15s;}.sp-enroll__audit-sem-header:hover{background: rgba(109, 40, 217, 0.04);}.sp-enroll__audit-sem-header .material-icons{font-size: 1.2rem; color: #6b7280;}.sp-enroll__audit-sem-title{font-weight: 700; font-size: 0.85rem; color: #1f2937;}.sp-enroll__audit-sem-ch{font-size: 0.75rem; color: #6b7280; margin-left: auto; margin-right: 0.5rem;}.sp-enroll__audit-sem-bar{width: 60px; height: 5px; background: #e5e7eb; border-radius: 3px; overflow: hidden; flex-shrink: 0;}.sp-enroll__audit-sem-fill{height: 100%; background: linear-gradient(90deg, #22c55e, #16a34a); border-radius: 3px; transition: width 0.3s;}.sp-enroll__audit-sem-courses{padding: 0.25rem 0 0.5rem 1.5rem;}.sp-enroll__audit-course{display: flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.5rem; font-size: 0.78rem; border-radius: 6px;}.sp-enroll__audit-course:hover{background: rgba(0, 0, 0, 0.02);}.sp-enroll__audit-course-code{width: 65px; font-weight: 700; color: #6d28d9; flex-shrink: 0;}.sp-enroll__audit-course-name{flex: 1; color: #374151; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-enroll__audit-course-type{width: 80px; font-size: 0.68rem; color: #9ca3af; flex-shrink: 0; text-align: center;}.sp-enroll__audit-course-ch{width: 40px; color: #6b7280; flex-shrink: 0; text-align: right;}.sp-enroll__audit-course-status{width: 70px; display: flex; align-items: center; gap: 0.2rem; flex-shrink: 0; font-weight: 600;}.sp-enroll__audit-course-status .material-icons{font-size: 16px;}.sp-enroll__audit-course--completed .sp-enroll__audit-course-status{color: #22c55e;}.sp-enroll__audit-course--in_progress .sp-enroll__audit-course-status{color: #f59e0b;}.sp-enroll__audit-course--remaining{opacity: 0.6;}.sp-enroll__audit-course--remaining .sp-enroll__audit-course-code{color: #9ca3af;}.sp-enroll__elective-card{background: rgba(109, 40, 217, 0.03); border: 1px solid rgba(109, 40, 217, 0.08); border-radius: 12px; padding: 1rem; margin-bottom: 0.75rem;}.sp-enroll__elective-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}.sp-enroll__elective-name{font-weight: 700; font-size: 0.85rem; color: #1f2937;}.sp-enroll__elective-ch{font-size: 0.78rem; color: #6d28d9; font-weight: 600;}.sp-enroll__elective-bar{height: 6px; background: #e5e7eb; border-radius: 3px; overflow: hidden; margin-bottom: 0.75rem;}.sp-enroll__elective-fill{height: 100%; background: linear-gradient(90deg, #6d28d9, #8b5cf6); border-radius: 3px; transition: width 0.3s;}.sp-enroll__elective-courses{display: flex; flex-direction: column; gap: 0.25rem;}.sp-enroll__elective-course{display: flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; color: #374151; padding: 0.2rem 0;}.sp-enroll__elective-course .material-icons{flex-shrink: 0;}.sp-enroll__elective-course--completed span{color: #374151;}.sp-enroll__elective-course--remaining span{color: #9ca3af;}.sp-enroll__elective-grade{margin-left: auto; font-weight: 700; color: #22c55e; font-size: 0.75rem; background: rgba(34, 197, 94, 0.1); padding: 0.1rem 0.4rem; border-radius: 4px;}@keyframes seat-pulse{0%{transform: scale(1.25); box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);}100%{transform: scale(1); box-shadow: none;}}@keyframes live-ping{0%{transform: scale(1); opacity: 0.8;}100%{transform: scale(2.5); opacity: 0;}}.sp-enroll__seat-badge--pulse{animation: seat-pulse 1.2s ease-out;}.sp-enroll__live-dot{position: absolute; top: 6px; right: 6px; width: 8px; height: 8px; background: #22c55e; border-radius: 50%;}.sp-enroll__live-dot-ping{position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: #22c55e; border-radius: 50%; animation: live-ping 2s ease-out infinite;}.dark .sp-enroll__audit-modal{background: rgba(30, 30, 40, 0.97); border-color: rgba(139, 92, 246, 0.15); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);}.dark .sp-enroll__audit-modal-header{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__audit-modal-header h2, .dark .sp-enroll__audit-modal-header .h2{color: #f3f4f6;}.dark .sp-enroll__audit-modal-header h2 .material-icons, .dark .sp-enroll__audit-modal-header .h2 .material-icons{color: #a78bfa;}.dark .sp-enroll__audit-modal-header button{color: #9ca3af;}.dark .sp-enroll__audit-modal-header button:hover{color: #f3f4f6;}.dark .sp-enroll__audit-summary{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__audit-summary-stats{color: #9ca3af;}.dark .sp-enroll__audit-summary-stats strong{color: #f3f4f6;}.dark .sp-enroll__audit-tabs{border-color: rgba(255, 255, 255, 0.06);}.dark .sp-enroll__audit-tab{color: #9ca3af;}.dark .sp-enroll__audit-tab:hover{color: #a78bfa; background: rgba(139, 92, 246, 0.06);}.dark .sp-enroll__audit-tab--active{color: #a78bfa; border-bottom-color: #a78bfa;}.dark .sp-enroll__audit-sem-header:hover{background: rgba(139, 92, 246, 0.08);}.dark .sp-enroll__audit-sem-title{color: #f3f4f6;}.dark .sp-enroll__audit-sem-ch{color: #9ca3af;}.dark .sp-enroll__audit-sem-bar{background: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__audit-course-code{color: #a78bfa;}.dark .sp-enroll__audit-course-name{color: #d1d5db;}.dark .sp-enroll__audit-course:hover{background: rgba(255, 255, 255, 0.03);}.dark .sp-enroll__elective-card{background: rgba(139, 92, 246, 0.06); border-color: rgba(139, 92, 246, 0.12);}.dark .sp-enroll__elective-name{color: #f3f4f6;}.dark .sp-enroll__elective-bar{background: rgba(255, 255, 255, 0.08);}.dark .sp-enroll__elective-course{color: #d1d5db;}.dark .sp-enroll__elective-grade{background: rgba(34, 197, 94, 0.15);}.dark .sp-enroll__audit-ring text{fill: #a78bfa;}.dark .sp-enroll__audit-ring circle:first-child{stroke: rgba(255, 255, 255, 0.08);}@media (max-width: 1024px) and (min-width: 769px){.sp-enroll__section-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px){.sp-enroll{padding: 1rem 1rem 2rem;}.sp-enroll__header{flex-direction: column; align-items: flex-start;}.sp-enroll__welcome{flex-direction: column; align-items: flex-start;}.sp-enroll__welcome-title{font-size: 1.35rem;}.sp-enroll__welcome-title .material-icons{font-size: 1.35rem;}.sp-enroll__welcome-sub{font-size: 0.8rem;}.sp-enroll__header-actions{width: 100%;}.sp-enroll__header-actions .sp-enroll__btn{flex: 1; justify-content: center;}.sp-enroll__hero{padding: 1rem 1.25rem;}.sp-enroll__hero-top{flex-direction: column; align-items: flex-start; gap: 0.5rem;}.sp-enroll__stats-row{grid-template-columns: repeat(2, 1fr); gap: 0.75rem;}.sp-enroll__stat-card{padding: 1rem;}.sp-enroll__stat-icon{width: 40px; height: 40px;}.sp-enroll__stat-icon .material-icons{font-size: 1.25rem;}.sp-enroll__stat-value{font-size: 1rem;}.sp-enroll__course-header{flex-direction: column; align-items: flex-start; gap: 0.5rem;}.sp-enroll__course-badges{width: 100%;}.sp-enroll__section-grid{grid-template-columns: 1fr;}.sp-enroll__section-add{width: 100%; justify-content: center;}.sp-enroll__cart-row{flex-direction: column; align-items: flex-start; gap: 0.75rem;}.sp-enroll__cart-actions{width: 100%; justify-content: flex-end;}.sp-enroll__limits{grid-template-columns: 1fr 1fr;}.sp-enroll__action-bar{flex-direction: column; gap: 0.75rem;}.sp-enroll__action-bar .sp-enroll__btn{width: 100%; justify-content: center;}.sp-enroll__day-filters{flex-wrap: wrap;}.sp-enroll__countdown{font-size: 0.72rem; padding: 0.4rem 0.75rem;}.sp-enroll__countdown-label{display: none;}.sp-enroll__credit-summary{flex-direction: column; align-items: flex-start; gap: 0.5rem;}.sp-enroll__heatmap-bar-track{height: 60px;}.sp-enroll__local-cart-actions{flex-direction: column;}.sp-enroll__local-cart-actions .sp-enroll__btn--submit, .sp-enroll__local-cart-actions .sp-enroll__btn--ghost-sm{width: 100%; justify-content: center;}.sp-enroll__local-cart-item-info{flex-direction: column; align-items: flex-start; gap: 0.15rem;}.sp-enroll__schedule-modal{width: 100%; max-width: 100%; border-radius: 16px 16px 0 0; max-height: 95vh;}.sp-enroll__pref-row{grid-template-columns: 1fr;}.sp-enroll__live-tt-grid{min-height: 220px;}.sp-enroll__live-tt-day-col{min-width: 70px;}.sp-enroll__live-tt-slot-code{font-size: 0.55rem;}.sp-enroll__live-tt-slot-name{font-size: 0.45rem;}.sp-enroll__live-tt-slot-time{font-size: 0.42rem;}.sp-enroll__live-tt-legend{gap: 0.4rem;}.sp-enroll__mini-timetable{display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}.sp-enroll__mini-tt-header-row, .sp-enroll__mini-tt-row{display: flex; min-width: max-content;}.sp-enroll__mini-tt-time-hdr, .sp-enroll__mini-tt-time-cell{min-width: 55px; width: 55px;}.sp-enroll__mini-tt-day-hdr, .sp-enroll__mini-tt-cell{min-width: 55px; flex: 1;}.sp-enroll__mini-tt-code{font-size: 0.55rem;}.sp-enroll__mini-tt-sec{font-size: 0.48rem;}.sp-enroll__picker-grid{gap: 0.3rem;}.sp-enroll__picker-chip{font-size: 0.65rem; padding: 0.3rem 0.5rem;}.sp-enroll__time-filter{display: none;}.sp-enroll__sort-select{width: 100%;}.sp-enroll__detail-drawer{width: 100%; max-width: 100%;}.sp-enroll__cgpa-modal{width: 100%; max-width: 100%; border-radius: 16px 16px 0 0;}.sp-enroll__export-btns{gap: 0.3rem;}.sp-enroll__cgpa-stats{flex-direction: column;}.sp-enroll__cgpa-result{flex-direction: column; text-align: center;}.sp-enroll__grad-modal, .sp-enroll__prereq-modal{width: 100%; max-width: 100%; border-radius: 16px 16px 0 0;}.sp-enroll__grad-modal-stats{grid-template-columns: repeat(2, 1fr);}.sp-enroll__faculty-tooltip{max-width: 240px;}.sp-enroll__export-btn--compare span, .sp-enroll__export-btn--share span{display: none;}.sp-enroll__audit-modal{max-width: 100vw; width: 100vw; max-height: 100vh; border-radius: 0;}.sp-enroll__audit-course-type{display: none;}.sp-enroll__audit-summary-stats{grid-template-columns: 1fr;}}@media (max-width: 480px){.sp-enroll__header-text h1, .sp-enroll__header-text .h1{font-size: 1.35rem;}.sp-enroll__welcome-title{font-size: 1.15rem;}.sp-enroll__welcome-title .material-icons{font-size: 1.15rem;}.sp-enroll__stats-row{grid-template-columns: 1fr;}.sp-enroll__limits{grid-template-columns: 1fr;}.sp-enroll__tabs{gap: 0.35rem;}.sp-enroll__tab{padding: 0.4rem 0.75rem; font-size: 0.75rem;}.sp-enroll__header-actions .sp-enroll__btn span:not(.sp-enroll__cart-badge){display: none;}.sp-enroll__header-actions .sp-enroll__btn .material-icons{font-size: 1.2rem;}.sp-enroll__header-actions .sp-enroll__btn{padding: 0.5rem 0.75rem;}.sp-enroll__limits-mini span{display: none;}.sp-enroll__day-filters{display: none;}.sp-enroll__skeleton-line--title{width: 180px;}.sp-enroll__skeleton-line--subtitle{width: 260px;}.sp-enroll__skeleton-stats{grid-template-columns: 1fr;}.sp-enroll__sort-select{font-size: 0.68rem;}.sp-enroll__kbd-fab{display: none;}.sp-enroll__export-btn span:not(.material-icons){display: none;}.sp-enroll__cgpa-gauge-val{font-size: 1.5rem;}.sp-enroll__compare-modal{width: 100%; max-width: 100%; border-radius: 16px 16px 0 0; max-height: 95vh;}.sp-enroll__compare-grids{grid-template-columns: 1fr;}.sp-enroll__compare-stat-row{grid-template-columns: 80px 1fr 20px 1fr; font-size: 0.7rem;}.sp-enroll__strategy-btn{font-size: 0.68rem; padding: 0.35rem 0.6rem;}.sp-enroll__faculty-chip{font-size: 0.65rem; padding: 0.25rem 0.5rem;}.sp-enroll__buddy-modal{max-width: 100%; border-radius: 16px 16px 0 0;}.sp-enroll__buddy-code{font-size: 0.85rem;}} /* /odoocms_student_portal/static/src/scss/_timetable_spa.scss */ .sp-tt{min-height: 100vh; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: linear-gradient(135deg, #f8f0ff 0%, #fef3f0 30%, #f0f7ff 70%, #f0fff4 100%); position: relative; overflow-x: hidden;}.sp-tt--loading, .sp-tt--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-tt__loader{text-align: center; z-index: 1;}.sp-tt__loader p{margin-top: 1rem; font-size: 0.9rem; font-weight: 500; color: #64748b;}.sp-tt__spinner{width: 40px; height: 40px; border: 3px solid rgba(124, 58, 237, 0.15); border-top-color: #7c3aed; border-radius: 50%; margin: 0 auto; animation: spTtSpin 0.8s linear infinite;}@keyframes spTtSpin{to{transform: rotate(360deg);}}.sp-tt__error-card{text-align: center; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(244, 63, 94, 0.2); border-radius: 20px; padding: 3rem; max-width: 420px; z-index: 1;}.sp-tt__error-card .material-icons{font-size: 3rem; color: #f43f5e;}.sp-tt__error-card h3, .sp-tt__error-card .h3{font-size: 1.2rem; font-weight: 700; color: #1e293b; margin: 1rem 0 0.5rem;}.sp-tt__error-card p{font-size: 0.85rem; color: #64748b;}.sp-tt__main{max-width: 1500px; margin: 0 auto; padding: 1.5rem 2rem 3rem;}.sp-tt__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;}.sp-tt__header-left h1, .sp-tt__header-left .h1{font-size: 1.6rem; font-weight: 800; background: linear-gradient(135deg, #7c3aed, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -0.02em; margin: 0;}.sp-tt__header-sub{font-size: 0.82rem; color: #64748b; margin-top: 0.2rem;}.sp-tt__header-actions{display: flex; align-items: center; gap: 0.75rem;}.sp-tt__view-toggle{display: flex; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 10px; padding: 3px;}.sp-tt__view-btn{display: flex; align-items: center; justify-content: center; width: 36px; height: 32px; border-radius: 8px; border: none; background: transparent; color: #94a3b8; cursor: pointer; transition: all 0.15s;}.sp-tt__view-btn .material-icons{font-size: 1.1rem;}.sp-tt__view-btn:hover{color: #7c3aed;}.sp-tt__view-btn--active{background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; box-shadow: 0 2px 6px rgba(124, 58, 237, 0.25);}.sp-tt__btn{display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 10px; font-size: 0.82rem; font-weight: 600; font-family: inherit; text-decoration: none; border: none; cursor: pointer; transition: all 0.15s;}.sp-tt__btn .material-icons{font-size: 1rem;}.sp-tt__btn--ghost{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(0, 0, 0, 0.06); color: #475569;}.sp-tt__btn--ghost:hover{background: rgba(255, 255, 255, 0.9); color: #7c3aed;}.sp-tt__stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-tt__stat-card{display: flex; align-items: center; gap: 0.75rem; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 14px; padding: 1rem 1.25rem; transition: all 0.2s;}.sp-tt__stat-card:hover{transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.sp-tt__stat-icon{width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem;}.sp-tt__stat-icon--violet{background: rgba(124, 58, 237, 0.1); color: #7c3aed;}.sp-tt__stat-icon--emerald{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-tt__stat-icon--sky{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-tt__stat-icon--amber{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-tt__stat-info{display: flex; flex-direction: column;}.sp-tt__stat-value{font-size: 1.1rem; font-weight: 700; color: #1e293b;}.sp-tt__stat-label{font-size: 0.72rem; font-weight: 500; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.03em;}.sp-tt__makeup-alert{display: flex; align-items: flex-start; gap: 0.75rem; background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.2); border-radius: 14px; padding: 1rem 1.25rem; margin-bottom: 1.5rem;}.sp-tt__makeup-alert > .material-icons{font-size: 1.3rem; color: #d97706; margin-top: 0.1rem;}.sp-tt__makeup-content{flex: 1;}.sp-tt__makeup-content strong{font-size: 0.85rem; font-weight: 700; color: #92400e;}.sp-tt__makeup-list{display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem;}.sp-tt__makeup-item{display: flex; align-items: center; gap: 0.4rem; font-size: 0.78rem; color: #78350f;}.sp-tt__makeup-badge{background: rgba(245, 158, 11, 0.15); color: #92400e; padding: 0.15rem 0.5rem; border-radius: 6px; font-weight: 600; font-size: 0.72rem;}.sp-tt__makeup-date, .sp-tt__makeup-time, .sp-tt__makeup-room{font-weight: 500;}.sp-tt__grid-wrapper{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 18px; padding: 1.25rem; margin-bottom: 1.5rem; overflow-x: auto;}.sp-tt__grid{display: flex; gap: 0; min-width: 700px;}.sp-tt__time-col{width: 60px; flex-shrink: 0;}.sp-tt__time-header{height: 44px;}.sp-tt__time-body{position: relative; min-height: 500px;}.sp-tt__time-label{position: absolute; right: 8px; transform: translateY(-50%); font-size: 0.7rem; font-weight: 500; color: #94a3b8; white-space: nowrap;}.sp-tt__day-col{flex: 1; min-width: 100px; border-left: 1px solid rgba(148, 163, 184, 0.1);}.sp-tt__day-col--today{background: rgba(124, 58, 237, 0.02);}.sp-tt__day-header{height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid rgba(148, 163, 184, 0.1); font-weight: 600;}.sp-tt__day-header--today .sp-tt__day-short, .sp-tt__day-header--today .sp-tt__day-full{color: #7c3aed;}.sp-tt__day-short{font-size: 0.72rem; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.05em;}.sp-tt__day-full{font-size: 0.62rem; color: #94a3b8; display: none;}.sp-tt__day-body{position: relative; min-height: 500px;}.sp-tt__gridline{position: absolute; left: 0; right: 0; height: 0; border-top: 1px dashed rgba(148, 163, 184, 0.1);}.sp-tt__now-marker{position: absolute; left: 0; right: 0; z-index: 5; display: flex; align-items: center;}.sp-tt__now-dot{width: 8px; height: 8px; border-radius: 50%; background: #f43f5e; margin-left: -4px; box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.2); animation: spTtPulse 2s ease-in-out infinite;}.sp-tt__now-line{flex: 1; height: 2px; background: #f43f5e; opacity: 0.6;}@keyframes spTtPulse{0%, 100%{box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.2);}50%{box-shadow: 0 0 0 6px rgba(244, 63, 94, 0.1);}}.sp-tt__slot{position: absolute; left: 4px; right: 4px; border-radius: 8px; padding: 0.3rem 0.4rem; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; min-height: 20px; max-height: 80px; z-index: 1; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease;}.sp-tt__slot:hover{transform: scale(1.02); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); z-index: 3;}.sp-tt__slot--violet{background: rgba(124, 58, 237, 0.12); border-left: 3px solid #8b5cf6; color: #6d28d9;}.sp-tt__slot--emerald{background: rgba(16, 185, 129, 0.12); border-left: 3px solid #34d399; color: #047857;}.sp-tt__slot--sky{background: rgba(14, 165, 233, 0.12); border-left: 3px solid #38bdf8; color: #0369a1;}.sp-tt__slot--amber{background: rgba(245, 158, 11, 0.12); border-left: 3px solid #fbbf24; color: #92400e;}.sp-tt__slot--rose{background: rgba(244, 63, 94, 0.12); border-left: 3px solid #fb7185; color: #be123c;}.sp-tt__slot--indigo{background: rgba(99, 102, 241, 0.12); border-left: 3px solid #818cf8; color: #4338ca;}.sp-tt__slot--pink{background: rgba(236, 72, 153, 0.12); border-left: 3px solid #f472b6; color: #be185d;}.sp-tt__slot--teal{background: rgba(20, 184, 166, 0.12); border-left: 3px solid #2dd4bf; color: #0f766e;}.sp-tt__slot-time{font-size: 0.58rem; font-weight: 600; opacity: 0.7; line-height: 1; margin-bottom: 0.15rem;}.sp-tt__slot-code{font-size: 0.72rem; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-tt__slot-name{font-size: 0.55rem; font-weight: 400; line-height: 1.15; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-tt__slot-room{font-size: 0.52rem; font-weight: 500; opacity: 0.6; margin-top: auto;}.sp-tt__legend{display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(148, 163, 184, 0.1);}.sp-tt__legend-item{display: flex; align-items: center; gap: 0.35rem; font-size: 0.75rem;}.sp-tt__legend-dot{width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0;}.sp-tt__legend-dot--violet{background: #8b5cf6;}.sp-tt__legend-dot--emerald{background: #34d399;}.sp-tt__legend-dot--sky{background: #38bdf8;}.sp-tt__legend-dot--amber{background: #fbbf24;}.sp-tt__legend-dot--rose{background: #fb7185;}.sp-tt__legend-dot--indigo{background: #818cf8;}.sp-tt__legend-dot--pink{background: #f472b6;}.sp-tt__legend-dot--teal{background: #2dd4bf;}.sp-tt__legend-code{font-weight: 700; color: #334155;}.sp-tt__legend-name{color: #64748b; font-weight: 400;}.sp-tt__legend-comp{background: rgba(0, 0, 0, 0.05); padding: 0.1rem 0.4rem; border-radius: 4px; font-size: 0.65rem; font-weight: 600; color: #64748b; text-transform: capitalize;}.sp-tt__list-wrapper{display: flex; flex-direction: column; gap: 1.25rem;}.sp-tt__list-day-header{display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0; border-bottom: 2px solid rgba(148, 163, 184, 0.1); margin-bottom: 0.5rem;}.sp-tt__list-day-header--today{border-bottom-color: rgba(124, 58, 237, 0.3);}.sp-tt__list-day-name{font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-tt__today-badge{background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; padding: 0.15rem 0.5rem; border-radius: 6px; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}.sp-tt__list-day-count{margin-left: auto; font-size: 0.75rem; font-weight: 500; color: #94a3b8;}.sp-tt__list-slots{display: flex; flex-direction: column; gap: 0.5rem;}.sp-tt__list-slot{display: flex; align-items: center; gap: 1rem; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 12px; padding: 0.85rem 1.25rem; cursor: pointer; transition: all 0.2s;}.sp-tt__list-slot:hover{transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.sp-tt__list-slot-accent{width: 4px; height: 36px; border-radius: 2px; flex-shrink: 0;}.sp-tt__list-slot-accent--violet{background: #8b5cf6;}.sp-tt__list-slot-accent--emerald{background: #34d399;}.sp-tt__list-slot-accent--sky{background: #38bdf8;}.sp-tt__list-slot-accent--amber{background: #fbbf24;}.sp-tt__list-slot-accent--rose{background: #fb7185;}.sp-tt__list-slot-accent--indigo{background: #818cf8;}.sp-tt__list-slot-accent--pink{background: #f472b6;}.sp-tt__list-slot-accent--teal{background: #2dd4bf;}.sp-tt__list-slot-time{display: flex; flex-direction: column; align-items: center; min-width: 70px; flex-shrink: 0;}.sp-tt__list-time-from{font-size: 0.85rem; font-weight: 700; color: #1e293b;}.sp-tt__list-time-sep{font-size: 0.65rem; color: #94a3b8;}.sp-tt__list-time-to{font-size: 0.78rem; font-weight: 500; color: #64748b;}.sp-tt__list-slot-info{flex: 1; min-width: 0;}.sp-tt__list-slot-code{font-size: 0.9rem; font-weight: 700; color: #1e293b; display: block;}.sp-tt__list-slot-name{font-size: 0.78rem; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}.sp-tt__list-slot-meta{display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0;}.sp-tt__list-slot-room, .sp-tt__list-slot-faculty{display: flex; align-items: center; gap: 0.2rem; font-size: 0.75rem; font-weight: 500; color: #64748b;}.sp-tt__list-slot-room .material-icons, .sp-tt__list-slot-faculty .material-icons{font-size: 0.85rem; color: #94a3b8;}.sp-tt__list-slot-comp{background: rgba(124, 58, 237, 0.08); color: #7c3aed; padding: 0.15rem 0.5rem; border-radius: 6px; font-size: 0.68rem; font-weight: 600; text-transform: capitalize;}.sp-tt__empty{text-align: center; padding: 4rem 2rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);}.sp-tt__empty .material-icons{font-size: 3.5rem; color: #cbd5e1;}.sp-tt__empty h3, .sp-tt__empty .h3{font-size: 1.2rem; font-weight: 700; color: #334155; margin: 1rem 0 0.5rem;}.sp-tt__empty p{font-size: 0.85rem; color: #94a3b8;}.sp-tt__popup-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 1rem;}.sp-tt__popup{background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px; width: 100%; max-width: 380px; overflow: hidden; position: relative; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);}.sp-tt__popup-close{position: absolute; top: 1rem; right: 1rem; background: rgba(0, 0, 0, 0.05); border: none; border-radius: 8px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; transition: all 0.15s;}.sp-tt__popup-close .material-icons{font-size: 1.1rem; color: #64748b;}.sp-tt__popup-close:hover{background: rgba(0, 0, 0, 0.1);}.sp-tt__popup-accent{height: 5px;}.sp-tt__popup-accent--violet{background: linear-gradient(90deg, #8b5cf6, #a78bfa);}.sp-tt__popup-accent--emerald{background: linear-gradient(90deg, #10b981, #34d399);}.sp-tt__popup-accent--sky{background: linear-gradient(90deg, #0ea5e9, #38bdf8);}.sp-tt__popup-accent--amber{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-tt__popup-accent--rose{background: linear-gradient(90deg, #f43f5e, #fb7185);}.sp-tt__popup-accent--indigo{background: linear-gradient(90deg, #6366f1, #818cf8);}.sp-tt__popup-accent--pink{background: linear-gradient(90deg, #ec4899, #f472b6);}.sp-tt__popup-accent--teal{background: linear-gradient(90deg, #14b8a6, #2dd4bf);}.sp-tt__popup-body{padding: 1.5rem;}.sp-tt__popup-code{font-size: 1.3rem; font-weight: 800; color: #1e293b; margin: 0;}.sp-tt__popup-name{font-size: 0.9rem; color: #64748b; margin: 0.25rem 0 1.25rem;}.sp-tt__popup-details{display: flex; flex-direction: column; gap: 0.75rem;}.sp-tt__popup-row{display: flex; align-items: center; gap: 0.6rem; font-size: 0.85rem; font-weight: 500; color: #475569;}.sp-tt__popup-row .material-icons{font-size: 1.15rem; color: #94a3b8; width: 24px; text-align: center;}.sp-animate-slide-up{animation: spTtSlideUp 0.5s ease-out both;}@keyframes spTtSlideUp{from{opacity: 0; transform: translateY(16px);}to{opacity: 1; transform: translateY(0);}}.sp-animate-scale-in{animation: spTtScaleIn 0.2s ease-out both;}@keyframes spTtScaleIn{from{opacity: 0; transform: scale(0.92);}to{opacity: 1; transform: scale(1);}}.dark .sp-tt{background: linear-gradient(135deg, #0f0a1a 0%, #1a1033 30%, #1a0f0a 70%, #1a0a0a 100%);}.dark .sp-tt__header-left h1, .dark .sp-tt__header-left .h1{-webkit-text-fill-color: transparent;}.dark .sp-tt__header-sub{color: #94a3b8;}.dark .sp-tt__stat-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__stat-value{color: #f1f5f9;}.dark .sp-tt__grid-wrapper{background: rgba(30, 41, 59, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__day-short{color: #cbd5e1;}.dark .sp-tt__day-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__day-col{border-left-color: rgba(255, 255, 255, 0.04);}.dark .sp-tt__gridline{border-top-color: rgba(255, 255, 255, 0.04);}.dark .sp-tt__time-label{color: #64748b;}.dark .sp-tt__slot--violet{background: rgba(124, 58, 237, 0.2); color: #c4b5fd;}.dark .sp-tt__slot--emerald{background: rgba(16, 185, 129, 0.2); color: #6ee7b7;}.dark .sp-tt__slot--sky{background: rgba(14, 165, 233, 0.2); color: #7dd3fc;}.dark .sp-tt__slot--amber{background: rgba(245, 158, 11, 0.2); color: #fcd34d;}.dark .sp-tt__slot--rose{background: rgba(244, 63, 94, 0.2); color: #fda4af;}.dark .sp-tt__slot--indigo{background: rgba(99, 102, 241, 0.2); color: #a5b4fc;}.dark .sp-tt__slot--pink{background: rgba(236, 72, 153, 0.2); color: #f9a8d4;}.dark .sp-tt__slot--teal{background: rgba(20, 184, 166, 0.2); color: #5eead4;}.dark .sp-tt__legend-code{color: #e2e8f0;}.dark .sp-tt__legend-name{color: #94a3b8;}.dark .sp-tt__legend-comp{background: rgba(255, 255, 255, 0.06); color: #94a3b8;}.dark .sp-tt__legend{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__list-day-name{color: #f1f5f9;}.dark .sp-tt__list-day-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__list-slot{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__list-time-from{color: #f1f5f9;}.dark .sp-tt__list-slot-code{color: #f1f5f9;}.dark .sp-tt__list-slot-name{color: #94a3b8;}.dark .sp-tt__list-slot-comp{background: rgba(124, 58, 237, 0.15); color: #c4b5fd;}.dark .sp-tt__popup{background: rgba(30, 41, 59, 0.95); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-tt__popup-code{color: #f1f5f9;}.dark .sp-tt__popup-name{color: #94a3b8;}.dark .sp-tt__popup-row{color: #cbd5e1;}.dark .sp-tt__popup-close .material-icons{color: #94a3b8;}.dark .sp-tt__popup-close:hover{background: rgba(255, 255, 255, 0.1);}.dark .sp-tt__empty{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__empty h3, .dark .sp-tt__empty .h3{color: #e2e8f0;}.dark .sp-tt__empty p{color: #64748b;}.dark .sp-tt__makeup-alert{background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.2);}.dark .sp-tt__makeup-alert strong{color: #fbbf24;}.dark .sp-tt__makeup-item{color: #fcd34d;}.dark .sp-tt__view-toggle{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-tt__view-btn{color: #64748b;}.dark .sp-tt__btn--ghost{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.06); color: #cbd5e1;}.dark .sp-tt__btn--ghost:hover{background: rgba(30, 41, 59, 0.9); color: #c4b5fd;}.dark .sp-tt__error-card{background: rgba(30, 41, 59, 0.9); border-color: rgba(244, 63, 94, 0.2);}.dark .sp-tt__error-card h3, .dark .sp-tt__error-card .h3{color: #f1f5f9;}@media (max-width: 1024px){.sp-tt__main{padding: 1rem 1.25rem 2rem;}.sp-tt__stats{grid-template-columns: repeat(2, 1fr);}.sp-tt__day-full{display: none;}}@media (max-width: 768px){.sp-tt__main{padding: 1rem;}.sp-tt__header{flex-direction: column; align-items: flex-start;}.sp-tt__stats{grid-template-columns: 1fr 1fr; gap: 0.5rem;}.sp-tt__stat-card{padding: 0.75rem 1rem;}.sp-tt__grid-wrapper{padding: 0.75rem; overflow-x: auto; -webkit-overflow-scrolling: touch;}.sp-tt__grid{min-width: 600px;}.sp-tt__day-body{min-height: 400px;}.sp-tt__time-body{min-height: 400px;}.sp-tt__list-slot{flex-wrap: wrap; gap: 0.5rem; padding: 0.75rem 1rem;}.sp-tt__list-slot-meta{width: 100%; padding-left: 0;}}@media (max-width: 480px){.sp-tt__stats{grid-template-columns: 1fr;}.sp-tt__header-left h1, .sp-tt__header-left .h1{font-size: 1.3rem;}} /* /odoocms_student_portal/static/src/scss/_results_spa.scss */ .sp-res{min-height: 100vh; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); position: relative; overflow-x: hidden;}.sp-res--loading, .sp-res--error{display: flex; align-items: center; justify-content: center;}.sp-res__loader{text-align: center; color: #6d28d9;}.sp-res__loader p{margin-top: 1rem; font-weight: 500;}.sp-res__spinner{width: 48px; height: 48px; margin: 0 auto; border: 4px solid rgba(139, 92, 246, 0.2); border-top-color: #8b5cf6; border-radius: 50%; animation: sp-spin 0.8s linear infinite;}.sp-res__error-card{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-res__error-card i{font-size: 3rem; color: #ef4444;}.sp-res__error-card h3, .sp-res__error-card .h3{margin: 1rem 0 0.5rem; color: #1f2937;}.sp-res__error-card p{color: #6b7280;}.sp-res__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-res__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-res__main{padding-left: 5rem; padding-right: 5rem;}}.sp-res__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-res__header h1, .sp-res__header .h1{font-size: 1.75rem; font-weight: 800; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0;}.sp-res__header-sub{color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0;}.sp-res__header-actions{display: flex; gap: 0.5rem; flex-wrap: wrap;}.sp-res__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer;}.sp-res__btn i{font-size: 1rem;}.sp-res__btn--primary{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff !important; -webkit-text-fill-color: #fff;}.sp-res__btn--primary:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3); color: #fff !important;}.sp-res__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #6b7280; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-res__btn--ghost:hover{background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-res__stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-res__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); display: flex; align-items: center; gap: 1rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-res__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-res__stat-card--cgpa{grid-column: span 1;}.sp-res__stat-ring{position: relative; width: 64px; height: 64px; flex-shrink: 0;}.sp-res__stat-ring svg{width: 100%; height: 100%;}.sp-res__stat-ring-value{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 800; color: #6d28d9;}.sp-res__stat-icon{font-size: 2rem; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; flex-shrink: 0;}.sp-res__stat-icon--violet{background: rgba(139, 92, 246, 0.12); color: #8b5cf6;}.sp-res__stat-icon--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-res__stat-icon--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-res__stat-icon--amber{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-res__stat-icon--rose{background: rgba(244, 63, 94, 0.12); color: #f43f5e;}.sp-res__stat-info{display: flex; flex-direction: column; gap: 0.125rem; min-width: 0;}.sp-res__stat-value{font-size: 1.25rem; font-weight: 700; color: #1f2937;}.sp-res__stat-value small, .sp-res__stat-value .small{font-size: 0.75rem; color: #9ca3af; font-weight: 500;}.sp-res__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-res__standing-badge{display: inline-flex; padding: 0.125rem 0.5rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; width: fit-content;}.sp-res__standing-badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__standing-badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res__standing-badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__standing-badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__trend{font-size: 1rem !important; vertical-align: middle;}.sp-res__trend--up{color: #10b981;}.sp-res__trend--down{color: #ef4444;}.sp-res__trend--flat{color: #9ca3af;}.sp-res__stat-sub{font-size: 0.6875rem; color: #9ca3af; font-weight: 500;}.sp-res__stat-delta{display: inline-flex; padding: 0.0625rem 0.375rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 700; width: fit-content;}.sp-res__stat-delta--up{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__stat-delta--down{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-res__progress-mini{width: 48px; height: 48px; background: rgba(139, 92, 246, 0.08); border-radius: 0.75rem; display: flex; align-items: flex-end; padding: 6px; flex-shrink: 0;}.sp-res__progress-bar{height: 100%; background: linear-gradient(135deg, #8b5cf6, #6d28d9); border-radius: 4px; min-width: 4px; transition: width 0.8s ease;}.sp-res__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-res__tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-res__tab i{font-size: 1.125rem;}.sp-res__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-res__tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-res__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); overflow: hidden;}.sp-res__card--wide{grid-column: 1 / -1;}.sp-res__card-header{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-res__card-header h3, .sp-res__card-header .h3{font-size: 0.9375rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-res__card-header h3 i, .sp-res__card-header .h3 i{font-size: 1.25rem; color: #8b5cf6;}.sp-res__card-badge{font-size: 0.6875rem; font-weight: 600; padding: 0.25rem 0.625rem; background: rgba(139, 92, 246, 0.08); color: #6d28d9; border-radius: 9999px;}.sp-res__grid-2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 1rem;}.sp-res__chart-wrap{padding: 1rem 1.25rem; height: 280px;}.sp-res__chart-wrap--donut{height: 260px;}.sp-res__chart-wrap canvas{width: 100% !important; height: 100% !important;}.sp-res__timeline{padding: 1.25rem; display: flex; overflow-x: auto; gap: 0;}.sp-res__timeline-item{display: flex; flex-direction: column; align-items: center; min-width: 120px; position: relative; padding: 0 0.75rem;}.sp-res__timeline-item:not(:last-child)::after{content: ''; position: absolute; top: 10px; right: 0; width: calc(100% - 20px); height: 2px; background: rgba(139, 92, 246, 0.2); left: calc(50% + 10px);}.sp-res__timeline-dot{width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; z-index: 1; margin-bottom: 0.5rem;}.sp-res__timeline-dot--emerald{background: #10b981;}.sp-res__timeline-dot--sky{background: #0ea5e9;}.sp-res__timeline-dot--amber{background: #f59e0b;}.sp-res__timeline-dot--orange{background: #f97316;}.sp-res__timeline-dot--rose{background: #ef4444;}.sp-res__timeline-content{display: flex; flex-direction: column; align-items: center; gap: 0.25rem; text-align: center;}.sp-res__timeline-term{font-size: 0.75rem; font-weight: 700; color: #374151;}.sp-res__timeline-badge{font-size: 0.625rem; font-weight: 600; padding: 0.125rem 0.375rem; border-radius: 9999px;}.sp-res__timeline-badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__timeline-badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res__timeline-badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__timeline-badge--orange{background: rgba(249, 115, 22, 0.12); color: #ea580c;}.sp-res__timeline-badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__timeline-gpa{font-size: 0.6875rem; color: #6b7280;}.sp-res__subj-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-res__strong-list{padding: 0.75rem 1.25rem 1.25rem; display: flex; flex-direction: column; gap: 0.5rem;}.sp-res__strong-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; background: rgba(245, 158, 11, 0.04); border-radius: 0.75rem; border: 1px solid rgba(245, 158, 11, 0.1);}.sp-res__strong-item--weak{background: rgba(239, 68, 68, 0.04); border-color: rgba(239, 68, 68, 0.1);}.sp-res__trophy{color: #f59e0b; font-size: 1.5rem;}.sp-res__weak-icon{color: #ef4444; font-size: 1.5rem;}.sp-res__strong-info{flex: 1; min-width: 0;}.sp-res__strong-code{font-weight: 700; color: #1f2937; font-size: 0.875rem; display: block;}.sp-res__strong-name{font-size: 0.75rem; color: #6b7280; display: block;}.sp-res__strong-gpa{font-size: 0.6875rem; color: #9ca3af; display: block; margin-top: 0.125rem;}.sp-res__strong-diff{font-weight: 700; font-size: 0.875rem; padding: 0.25rem 0.5rem; border-radius: 0.5rem; white-space: nowrap;}.sp-res__strong-diff--up{color: #10b981; background: rgba(16, 185, 129, 0.08);}.sp-res__strong-diff--down{color: #ef4444; background: rgba(239, 68, 68, 0.08);}.sp-res__card-badge--rose{background: rgba(239, 68, 68, 0.1) !important; color: #ef4444 !important;}.sp-res__semester{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 0.75rem; overflow: hidden;}.sp-res__semester-header{display: grid; grid-template-columns: 200px 1fr auto; align-items: center; padding: 1rem 1.25rem; cursor: pointer; transition: background 0.2s; gap: 1rem;}.sp-res__semester-header:hover{background: rgba(139, 92, 246, 0.03);}.sp-res__semester-left{display: flex; align-items: center; gap: 0.5rem;}.sp-res__semester-arrow{font-size: 1.25rem; color: #6b7280; transition: transform 0.2s;}.sp-res__semester-name{font-weight: 700; color: #1f2937; font-size: 0.9375rem;}.sp-res__semester-disposal{font-size: 0.625rem; font-weight: 600; padding: 0.125rem 0.5rem; border-radius: 9999px;}.sp-res__semester-disposal--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__semester-disposal--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__semester-disposal--orange{background: rgba(249, 115, 22, 0.12); color: #ea580c;}.sp-res__semester-disposal--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__semester-gpa-bar{width: 100%; height: 6px; background: rgba(139, 92, 246, 0.1); border-radius: 3px; overflow: hidden;}.sp-res__semester-gpa-fill{height: 100%; background: linear-gradient(90deg, #8b5cf6, #6d28d9); border-radius: 3px; transition: width 0.6s ease;}.sp-res__semester-right{display: flex; align-items: center; gap: 1rem; font-size: 0.8125rem; color: #6b7280;}.sp-res__semester-right strong{color: #1f2937;}.sp-res__semester-body{border-top: 1px solid rgba(0, 0, 0, 0.04); overflow-x: auto;}.sp-res__term-summary{display: flex; justify-content: space-around; padding: 0.75rem 1.25rem; background: rgba(139, 92, 246, 0.02); border-top: 1px solid rgba(139, 92, 246, 0.08);}.sp-res__term-summary-item{display: flex; flex-direction: column; align-items: center; gap: 0.125rem;}.sp-res__term-summary-label{font-size: 0.625rem; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em;}.sp-res__term-summary-value{font-size: 0.875rem; font-weight: 700; color: #374151;}.sp-res__course-table{width: 100%; border-collapse: collapse; font-size: 0.8125rem;}.sp-res__course-table th{padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: #6b7280; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; background: rgba(0, 0, 0, 0.01);}.sp-res__course-table td{padding: 0.625rem 1rem; border-top: 1px solid rgba(0, 0, 0, 0.03); color: #374151;}.sp-res__course-table tfoot td{border-top: 2px solid rgba(139, 92, 246, 0.15); font-weight: 600; background: rgba(139, 92, 246, 0.02);}.sp-res__course-code{font-weight: 600; color: #1f2937 !important;}.sp-res__course-name{max-width: 300px;}.sp-res__course-type{font-size: 0.625rem; padding: 0.0625rem 0.375rem; border-radius: 9999px; background: rgba(139, 92, 246, 0.08); color: #6d28d9; font-weight: 600; margin-left: 0.375rem;}.sp-res__course-bracket{font-size: 0.6875rem; color: #6b7280; font-style: italic; margin-left: 0.25rem;}.sp-res__course--improved td{opacity: 0.6; text-decoration: line-through;}.sp-res__grade-badge{display: inline-flex; padding: 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 700;}.sp-res__grade-badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__grade-badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res__grade-badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__grade-badge--orange{background: rgba(249, 115, 22, 0.12); color: #ea580c;}.sp-res__grade-badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__grade-badge--gray{background: rgba(107, 114, 128, 0.12); color: #4b5563;}.sp-res__peer-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 1rem 0;}.sp-res__peer-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center;}.sp-res__peer-label{font-size: 0.75rem; color: #6b7280; font-weight: 500; display: block; margin-bottom: 0.25rem;}.sp-res__peer-value{font-size: 1.5rem; font-weight: 800; color: #1f2937; display: block;}.sp-res__peer-value--violet{color: #6d28d9;}.sp-res__peer-value--emerald{color: #10b981;}.sp-res__impact-credits-select{padding: 0.25rem 0.5rem; border-radius: 0.5rem; border: 1px solid rgba(139, 92, 246, 0.2); background: rgba(139, 92, 246, 0.05); color: #6d28d9; font-size: 0.75rem; font-weight: 600; cursor: pointer;}.sp-res__impact-credits-select:focus{outline: none; border-color: #8b5cf6;}.sp-res__compare-table-wrap{overflow-x: auto;}.sp-res__compare-table{width: 100%; border-collapse: collapse; font-size: 0.8125rem;}.sp-res__compare-table th{padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: #6b7280; font-size: 0.75rem; background: rgba(0, 0, 0, 0.01);}.sp-res__compare-table td{padding: 0.625rem 1rem; border-top: 1px solid rgba(0, 0, 0, 0.03);}.sp-res__compare-code{font-weight: 700; color: #1f2937; display: block;}.sp-res__compare-name{font-size: 0.6875rem; color: #6b7280; display: block;}.sp-res__diff{font-weight: 700; font-size: 0.8125rem;}.sp-res__diff--pos{color: #10b981;}.sp-res__diff--neg{color: #ef4444;}.sp-res__calc-scenarios{display: flex; gap: 0.375rem;}.sp-res__scenario-btn{padding: 0.375rem 0.75rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 600; border: 1px solid rgba(139, 92, 246, 0.2); background: rgba(139, 92, 246, 0.04); color: #6d28d9; cursor: pointer; transition: all 0.2s;}.sp-res__scenario-btn:hover{background: rgba(139, 92, 246, 0.1);}.sp-res__calc-body{padding: 1.25rem;}.sp-res__calc-table{width: 100%; border-collapse: collapse; font-size: 0.8125rem; margin-bottom: 1.5rem;}.sp-res__calc-table th{padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: #6b7280; font-size: 0.75rem; background: rgba(0, 0, 0, 0.01);}.sp-res__calc-table td{padding: 0.5rem 1rem; border-top: 1px solid rgba(0, 0, 0, 0.03);}.sp-res__calc-course{font-weight: 600; color: #1f2937;}.sp-res__calc-credits{text-align: center;}.sp-res__calc-select{width: 100%; padding: 0.5rem 0.75rem; border-radius: 0.5rem; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; font-family: inherit; background: #fff; color: #374151;}.sp-res__calc-select:focus{outline: none; border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-res__calc-result{display: flex; gap: 1rem; justify-content: center;}.sp-res__calc-result-card{background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(139, 92, 246, 0.04)); border-radius: 1rem; padding: 1.5rem 2rem; text-align: center; border: 1px solid rgba(139, 92, 246, 0.15); min-width: 160px;}.sp-res__calc-result-label{font-size: 0.75rem; color: #6b7280; font-weight: 600; display: block; margin-bottom: 0.25rem;}.sp-res__calc-result-value{font-size: 2rem; font-weight: 800; color: #6d28d9;}.sp-res__courses-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.75rem; padding: 1rem 1.25rem;}.sp-res__course-card{display: flex; flex-direction: column; gap: 0.375rem; padding: 1rem; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.03); border: 1px solid rgba(139, 92, 246, 0.08); text-decoration: none; color: inherit; transition: all 0.2s; position: relative; overflow: hidden;}.sp-res__course-card:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139, 92, 246, 0.12); border-color: rgba(139, 92, 246, 0.2); text-decoration: none; color: inherit;}.sp-res__course-card-top{display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;}.sp-res__course-card-code{font-weight: 700; font-size: 0.875rem; color: #6d28d9;}.sp-res__course-card-status{font-size: 0.625rem; font-weight: 700; padding: 0.125rem 0.5rem; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.03em;}.sp-res__course-card-status--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__course-card-status--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res__course-card-status--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__course-card-status--orange{background: rgba(249, 115, 22, 0.12); color: #ea580c;}.sp-res__course-card-status--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__course-card-status--gray{background: rgba(107, 114, 128, 0.12); color: #4b5563;}.sp-res__course-card-name{font-size: 0.8125rem; color: #374151; font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-res__course-card-bottom{display: flex; align-items: center; gap: 0.5rem; margin-top: auto;}.sp-res__course-card-credits{font-size: 0.6875rem; color: #6b7280; font-weight: 600;}.sp-res__course-card-class{font-size: 0.625rem; color: #9ca3af; background: rgba(0, 0, 0, 0.03); padding: 0.0625rem 0.375rem; border-radius: 0.25rem;}.sp-res__course-card-gpa-bar{height: 3px; background: rgba(139, 92, 246, 0.1); border-radius: 2px; margin-top: 0.25rem;}.sp-res__course-card-gpa-fill{height: 100%; background: linear-gradient(90deg, #8b5cf6, #6d28d9); border-radius: 2px; transition: width 0.6s ease;}.sp-res__empty{text-align: center; padding: 3rem 2rem; color: #6b7280;}.sp-res__empty i{font-size: 3rem; color: #d1d5db;}.sp-res__empty h3, .sp-res__empty .h3{margin: 1rem 0 0.5rem; color: #374151;}.sp-res__sub-tabs{display: flex; gap: 0.25rem; background: rgba(139, 92, 246, 0.04); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.25rem; border: 1px solid rgba(139, 92, 246, 0.08);}.sp-res__sub-tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-res__sub-tab i{font-size: 1.125rem;}.sp-res__sub-tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-res__sub-tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-res__insights-row{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1.25rem;}.sp-res__insight-card{display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8);}.sp-res__insight-card i{font-size: 1.5rem;}.sp-res__insight-card--amber i{color: #f59e0b;}.sp-res__insight-card--rose i{color: #ef4444;}.sp-res__insight-card--emerald i{color: #10b981;}.sp-res__insight-card--sky i{color: #0ea5e9;}.sp-res__insight-card--violet i{color: #8b5cf6;}.sp-res__insight-label{font-size: 0.6875rem; color: #6b7280; font-weight: 500; display: block;}.sp-res__insight-value{font-size: 0.875rem; color: #1f2937; font-weight: 700; display: block;}.sp-res__insight-list{padding: 0.75rem 1.25rem 1.25rem; display: flex; flex-direction: column; gap: 0.5rem;}.sp-res__insight-item{display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.625rem 0; font-size: 0.8125rem; color: #374151; line-height: 1.4;}.sp-res__insight-icon{font-size: 1.25rem !important; flex-shrink: 0; margin-top: 0.0625rem;}.sp-res__insight-icon--violet{color: #8b5cf6;}.sp-res__insight-icon--amber{color: #f59e0b;}.sp-res__insight-icon--emerald{color: #10b981;}.sp-res__insight-icon--rose{color: #ef4444;}.sp-res__insight-icon--sky{color: #0ea5e9;}.sp-res__rec-num{width: 22px; height: 22px; border-radius: 50%; background: rgba(139, 92, 246, 0.1); color: #6d28d9; font-size: 0.6875rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-res__dual-card-body{padding: 1.25rem;}.sp-res__dual-hero{display: flex; align-items: baseline; gap: 0.75rem; margin-bottom: 1rem;}.sp-res__dual-hero-value{font-size: 2.5rem; font-weight: 800;}.sp-res__dual-hero-value--violet{color: #6d28d9;}.sp-res__dual-hero-value--emerald{color: #10b981;}.sp-res__dual-hero-rank{font-size: 0.8125rem; color: #6b7280; font-weight: 600;}.sp-res__dual-rows{display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.75rem;}.sp-res__dual-row{display: flex; justify-content: space-between; font-size: 0.8125rem; color: #6b7280; padding: 0.25rem 0;}.sp-res__dual-row strong{color: #1f2937;}.sp-res__dual-bar{height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 3px; overflow: hidden; margin-bottom: 0.375rem;}.sp-res__dual-bar-fill{height: 100%; border-radius: 3px; transition: width 0.6s ease;}.sp-res__dual-bar-fill--violet{background: linear-gradient(90deg, #8b5cf6, #6d28d9);}.sp-res__dual-bar-fill--emerald{background: linear-gradient(90deg, #10b981, #059669);}.sp-res__dual-bar-text{font-size: 0.6875rem; color: #9ca3af;}.sp-res__standing-body{padding: 1.25rem;}.sp-res__standing-hero{display: flex; align-items: baseline; gap: 0.75rem; margin-bottom: 1rem;}.sp-res__standing-rank{font-size: 2.5rem; font-weight: 800; color: #6d28d9;}.sp-res__standing-tier{font-size: 0.8125rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px;}.sp-res__standing-tier--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__standing-tier--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res__standing-tier--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__standing-tier--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__standing-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-bottom: 0.75rem;}.sp-res__standing-stat{text-align: center;}.sp-res__standing-stat-val{font-size: 1.25rem; font-weight: 800; color: #1f2937; display: block;}.sp-res__standing-stat-lbl{font-size: 0.6875rem; color: #6b7280;}.sp-res__standing-next{display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; background: rgba(139, 92, 246, 0.04); border-radius: 0.75rem; border: 1px solid rgba(139, 92, 246, 0.1); font-size: 0.8125rem; color: #374151;}.sp-res__standing-next i{font-size: 1.125rem; color: #8b5cf6;}.sp-res__ai-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1.25rem;}.sp-res__ai-stat{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center;}.sp-res__ai-stat-label{font-size: 0.6875rem; color: #6b7280; font-weight: 500; display: block; margin-bottom: 0.375rem;}.sp-res__ai-stat-value{font-size: 1.5rem; font-weight: 800; color: #6d28d9; display: block;}.sp-res__ai-stat-badge{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.8125rem; font-weight: 600;}.sp-res__ai-stat-badge i{font-size: 1rem;}.sp-res__ai-stat-badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-res__ai-stat-badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-res__ai-stat-badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-res__ai-stat-badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-res__ai-bar{height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 3px; overflow: hidden; margin-top: 0.5rem;}.sp-res__ai-bar-fill{height: 100%; border-radius: 3px; transition: width 0.6s ease;}.sp-res__ai-bar-fill--violet{background: linear-gradient(90deg, #8b5cf6, #6d28d9);}.sp-res__ai-bar-fill--emerald{background: linear-gradient(90deg, #10b981, #059669);}.sp-res__ai-pred-body{padding: 1.5rem 1.25rem; text-align: center;}.sp-res__ai-pred-big{font-size: 3rem; font-weight: 800; color: #6d28d9; display: block; line-height: 1;}.sp-res__ai-pred-sub{font-size: 0.75rem; color: #6b7280; font-weight: 600; display: block; margin-top: 0.25rem;}.sp-res__ai-pred-proj{font-size: 0.8125rem; color: #374151; display: block; margin-top: 0.75rem;}.sp-res__ai-pred-honors{display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.5rem; padding: 0.25rem 0.75rem; background: rgba(245, 158, 11, 0.1); color: #d97706; border-radius: 9999px; font-size: 0.8125rem; font-weight: 700;}.sp-res__ai-pred-honors i{font-size: 1rem;}.sp-res__ai-alert{display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; border-radius: 0.75rem; margin: 0.5rem 1.25rem 0.5rem; font-size: 0.8125rem; font-weight: 500;}.sp-res__ai-alert i{font-size: 1.125rem;}.sp-res__ai-alert--danger{background: rgba(239, 68, 68, 0.08); color: #dc2626; border: 1px solid rgba(239, 68, 68, 0.15);}.sp-res__ai-alert--warning{background: rgba(245, 158, 11, 0.08); color: #d97706; border: 1px solid rgba(245, 158, 11, 0.15);}.sp-res__ai-left-stack{display: flex; flex-direction: column; gap: 1rem;}.sp-res__ai-timeline{padding: 1rem 1.25rem; display: flex; flex-direction: column; gap: 0;}.sp-res__ai-tl-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-res__ai-tl-item:last-child{border-bottom: none;}.sp-res__ai-tl-dot{width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;}.sp-res__ai-tl-dot--up{background: #10b981;}.sp-res__ai-tl-dot--down{background: #ef4444;}.sp-res__ai-tl-dot--flat{background: #9ca3af;}.sp-res__ai-tl-info{flex: 1; min-width: 0;}.sp-res__ai-tl-term{font-weight: 700; font-size: 0.8125rem; color: #1f2937; display: block;}.sp-res__ai-tl-cr{font-size: 0.6875rem; color: #9ca3af;}.sp-res__ai-tl-sgpa{font-weight: 700; font-size: 0.875rem; color: #6d28d9; margin-right: 0.5rem;}.sp-res__ai-tl-diff{font-size: 0.75rem; font-weight: 700;}.sp-res__ai-summary{display: flex; justify-content: space-around; padding: 0.75rem 1.25rem; border-top: 1px solid rgba(139, 92, 246, 0.08); background: rgba(139, 92, 246, 0.02);}.sp-res__ai-summary-item{text-align: center;}.sp-res__ai-summary-val{font-size: 1rem; font-weight: 800; color: #6d28d9; display: block;}.sp-res__ai-summary-lbl{font-size: 0.625rem; color: #9ca3af; font-weight: 600; text-transform: uppercase;}.sp-res__calc-target{display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border-radius: 0.75rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1rem;}.sp-res__calc-target-left{display: flex; align-items: center; gap: 0.5rem;}.sp-res__calc-target-left i{font-size: 1.25rem; color: #8b5cf6;}.sp-res__calc-target-label{font-weight: 700; font-size: 0.875rem; color: #1f2937; white-space: nowrap;}.sp-res__calc-target-input{width: 64px; padding: 0.25rem 0.5rem; border-radius: 0.5rem; border: 1px solid rgba(139, 92, 246, 0.2); font-size: 1rem; font-weight: 700; font-family: inherit; text-align: center; color: #6d28d9; background: rgba(139, 92, 246, 0.04);}.sp-res__calc-target-input:focus{outline: none; border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-res__calc-target-info{margin-top: 0.375rem;}.sp-res__calc-target-req{font-size: 0.8125rem; font-weight: 600;}.sp-res__calc-target-req--achievable{color: #10b981;}.sp-res__calc-target-req--unachievable{color: #ef4444;}.sp-res__calc-progress{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1rem;}.sp-res__calc-pbar{padding: 0.75rem 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border-radius: 0.75rem; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-res__calc-pbar-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}.sp-res__calc-pbar-label{font-size: 0.6875rem; color: #6b7280; font-weight: 500;}.sp-res__calc-pbar-value{font-size: 1rem; font-weight: 800; color: #1f2937;}.sp-res__calc-pbar-track{height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 3px; overflow: hidden;}.sp-res__calc-pbar-fill{height: 100%; border-radius: 3px; transition: width 0.6s ease;}.sp-res__calc-pbar-gap{font-size: 0.6875rem; font-weight: 600; margin-left: 0.25rem;}.sp-res__calc-pbar-gap--up{color: #10b981;}.sp-res__calc-pbar-gap--down{color: #ef4444;}.sp-res__calc-custom-row{background: rgba(139, 92, 246, 0.02);}.sp-res__calc-custom-input{width: 100%; padding: 0.375rem 0.625rem; border-radius: 0.375rem; border: 1px solid rgba(139, 92, 246, 0.15); font-size: 0.8125rem; font-family: inherit; color: #374151; background: rgba(255, 255, 255, 0.8);}.sp-res__calc-custom-input:focus{outline: none; border-color: #8b5cf6; box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.1);}.sp-res__calc-custom-input--sm{width: 60px; text-align: center;}.sp-res__calc-custom-grade{display: flex; align-items: center; gap: 0.375rem;}.sp-res__calc-remove-btn{width: 28px; height: 28px; border-radius: 50%; border: none; background: rgba(239, 68, 68, 0.08); color: #ef4444; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0;}.sp-res__calc-remove-btn i{font-size: 1rem;}.sp-res__calc-remove-btn:hover{background: rgba(239, 68, 68, 0.15);}.sp-res__calc-add-btn{display: flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.5rem; border: 1px dashed rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.02); color: #6d28d9; font-size: 0.8125rem; font-weight: 600; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem;}.sp-res__calc-add-btn i{font-size: 1.125rem;}.sp-res__calc-add-btn:hover{background: rgba(139, 92, 246, 0.06); border-color: rgba(139, 92, 246, 0.5);}.sp-res__scenario-layout{display: grid; grid-template-columns: 30% 1fr; gap: 1rem; align-items: start;}.sp-res__scenario-left{display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.25rem;}.sp-res__scenario-card{padding: 1.25rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-res__scenario-card:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);}.sp-res__scenario-card--achieved{border-color: rgba(16, 185, 129, 0.2); background: rgba(16, 185, 129, 0.04);}.sp-res__scenario-icon-wrap{width: 44px; height: 44px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem;}.sp-res__scenario-card--sky .sp-res__scenario-icon-wrap{background: rgba(14, 165, 233, 0.1); color: #0ea5e9;}.sp-res__scenario-card--amber .sp-res__scenario-icon-wrap{background: rgba(245, 158, 11, 0.1); color: #f59e0b;}.sp-res__scenario-card--violet .sp-res__scenario-icon-wrap{background: rgba(139, 92, 246, 0.1); color: #8b5cf6;}.sp-res__scenario-card--emerald .sp-res__scenario-icon-wrap{background: rgba(16, 185, 129, 0.1); color: #10b981;}.sp-res__scenario-info{flex: 1; min-width: 0;}.sp-res__scenario-label{font-weight: 700; font-size: 0.875rem; color: #1f2937; display: block;}.sp-res__scenario-gpa{font-size: 0.6875rem; color: #6b7280;}.sp-res__scenario-status{width: 100%;}.sp-res__scenario-achieved{display: inline-flex; align-items: center; gap: 0.25rem; color: #059669; font-size: 0.8125rem; font-weight: 700;}.sp-res__scenario-achieved i{font-size: 1rem;}.sp-res__scenario-need{font-size: 0.8125rem; color: #374151;}.sp-res__scenario-need strong{color: #6d28d9;}.sp-res__scenario-unreachable{font-size: 0.8125rem; color: #ef4444; font-weight: 600;}.sp-res__scenario-thermo{width: 100%; height: 4px; background: rgba(0, 0, 0, 0.06); border-radius: 2px; overflow: hidden;}.sp-res__scenario-thermo-fill{height: 100%; border-radius: 2px; transition: width 0.6s ease;}.sp-res__scenario-card--sky .sp-res__scenario-thermo-fill{background: #0ea5e9;}.sp-res__scenario-card--amber .sp-res__scenario-thermo-fill{background: #f59e0b;}.sp-res__scenario-card--violet .sp-res__scenario-thermo-fill{background: #8b5cf6;}.sp-res__scenario-card--emerald .sp-res__scenario-thermo-fill{background: #10b981;}.sp-res__tips-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-bottom: 1rem;}.sp-res__tips-card{padding: 1.25rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8);}.sp-res__tips-card h4, .sp-res__tips-card .h4{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0.75rem 0 0.5rem;}.sp-res__tips-card ul{list-style: none; padding: 0; margin: 0;}.sp-res__tips-card ul li{font-size: 0.8125rem; color: #374151; padding: 0.375rem 0; padding-left: 1rem; position: relative; line-height: 1.4;}.sp-res__tips-card ul li::before{content: ''; position: absolute; left: 0; top: 0.7rem; width: 5px; height: 5px; border-radius: 50%;}.sp-res__tips-icon{width: 44px; height: 44px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;}.sp-res__tips-icon i{font-size: 1.5rem;}.sp-res__tips-card--violet .sp-res__tips-icon{background: rgba(139, 92, 246, 0.1); color: #8b5cf6;}.sp-res__tips-card--violet ul li::before{background: #8b5cf6;}.sp-res__tips-card--emerald .sp-res__tips-icon{background: rgba(16, 185, 129, 0.1); color: #10b981;}.sp-res__tips-card--emerald ul li::before{background: #10b981;}.sp-res__tips-card--sky .sp-res__tips-icon{background: rgba(14, 165, 233, 0.1); color: #0ea5e9;}.sp-res__tips-card--sky ul li::before{background: #0ea5e9;}.sp-res__tips-card--amber .sp-res__tips-icon{background: rgba(245, 158, 11, 0.1); color: #f59e0b;}.sp-res__tips-card--amber ul li::before{background: #f59e0b;}.sp-res__tips-footer{display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; background: linear-gradient(135deg, rgba(139, 92, 246, 0.06), rgba(139, 92, 246, 0.02)); border-radius: 0.75rem; border: 1px solid rgba(139, 92, 246, 0.1);}.sp-res__tips-footer i{font-size: 1.5rem; color: #f59e0b;}.sp-res__tips-footer p{margin: 0; font-size: 0.8125rem; color: #374151; font-style: italic; line-height: 1.4;}.sp-res__term-footer{display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem; margin-top: 1.5rem; background: rgba(139, 92, 246, 0.04); border-top: 1px solid rgba(139, 92, 246, 0.1); border-radius: 0 0 1rem 1rem; font-size: 0.8125rem; color: #6b7280;}.sp-res__term-footer i{font-size: 1rem; color: #8b5cf6;}.sp-res__term-footer strong{color: #374151;}.sp-res-stagger{opacity: 0; animation: sp-res-stagger-in 0.4s ease forwards;}@keyframes sp-res-stagger-in{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}.dark .sp-res{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%);}.dark .sp-res__error-card{background: rgba(30, 27, 46, 0.8); border-color: rgba(239, 68, 68, 0.3);}.dark .sp-res__error-card h3, .dark .sp-res__error-card .h3{color: #f3f4f6;}.dark .sp-res__error-card p{color: #9ca3af;}.dark .sp-res__header h1, .dark .sp-res__header .h1{background: linear-gradient(135deg, #a78bfa, #c4b5fd); -webkit-background-clip: text; background-clip: text;}.dark .sp-res__header-sub{color: #9ca3af;}.dark .sp-res__stat-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__stat-value{color: #f3f4f6;}.dark .sp-res__stat-value small, .dark .sp-res__stat-value .small{color: #6b7280;}.dark .sp-res__stat-label{color: #9ca3af;}.dark .sp-res__stat-sub{color: #6b7280;}.dark .sp-res__stat-ring-value{color: #a78bfa;}.dark .sp-res__stat-delta--up{background: rgba(16, 185, 129, 0.15); color: #34d399;}.dark .sp-res__stat-delta--down{background: rgba(239, 68, 68, 0.15); color: #fb7185;}.dark .sp-res__tabs{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__tab{color: #9ca3af;}.dark .sp-res__tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.dark .sp-res__tab--active{background: rgba(139, 92, 246, 0.15); color: #c4b5fd; box-shadow: none;}.dark .sp-res__card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__card-header{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-res__card-header h3, .dark .sp-res__card-header .h3{color: #f3f4f6;}.dark .sp-res__card-header h3 i, .dark .sp-res__card-header .h3 i{color: #a78bfa;}.dark .sp-res__card-badge{background: rgba(139, 92, 246, 0.15); color: #c4b5fd;}.dark .sp-res__timeline-term{color: #e5e7eb;}.dark .sp-res__timeline-gpa{color: #9ca3af;}.dark .sp-res__strong-item{background: rgba(245, 158, 11, 0.06); border-color: rgba(245, 158, 11, 0.15);}.dark .sp-res__strong-item--weak{background: rgba(239, 68, 68, 0.06); border-color: rgba(239, 68, 68, 0.15);}.dark .sp-res__strong-code{color: #f3f4f6;}.dark .sp-res__strong-name{color: #9ca3af;}.dark .sp-res__strong-gpa{color: #6b7280;}.dark .sp-res__strong-diff--up{color: #34d399; background: rgba(16, 185, 129, 0.15);}.dark .sp-res__strong-diff--down{color: #fb7185; background: rgba(239, 68, 68, 0.15);}.dark .sp-res__card-badge--rose{background: rgba(239, 68, 68, 0.15) !important; color: #fb7185 !important;}.dark .sp-res__semester{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__semester-header:hover{background: rgba(139, 92, 246, 0.05);}.dark .sp-res__semester-name{color: #f3f4f6;}.dark .sp-res__semester-gpa-bar{background: rgba(139, 92, 246, 0.15);}.dark .sp-res__semester-right{color: #9ca3af;}.dark .sp-res__semester-right strong{color: #e5e7eb;}.dark .sp-res__semester-body{border-top-color: rgba(255, 255, 255, 0.04);}.dark .sp-res__term-summary{background: rgba(139, 92, 246, 0.04); border-top-color: rgba(139, 92, 246, 0.12);}.dark .sp-res__term-summary-label{color: #6b7280;}.dark .sp-res__term-summary-value{color: #e5e7eb;}.dark .sp-res__course-table th{color: #9ca3af; background: rgba(255, 255, 255, 0.02);}.dark .sp-res__course-table td{color: #d1d5db; border-top-color: rgba(255, 255, 255, 0.03);}.dark .sp-res__course-table tfoot td{border-top-color: rgba(139, 92, 246, 0.2); background: rgba(139, 92, 246, 0.03);}.dark .sp-res__course-code{color: #f3f4f6 !important;}.dark .sp-res__course-type{background: rgba(139, 92, 246, 0.15); color: #c4b5fd;}.dark .sp-res__peer-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__peer-label{color: #9ca3af;}.dark .sp-res__peer-value{color: #f3f4f6;}.dark .sp-res__peer-value--violet{color: #a78bfa;}.dark .sp-res__peer-value--emerald{color: #34d399;}.dark .sp-res__compare-table th{color: #9ca3af; background: rgba(255, 255, 255, 0.02);}.dark .sp-res__compare-table td{border-top-color: rgba(255, 255, 255, 0.03);}.dark .sp-res__compare-code{color: #f3f4f6;}.dark .sp-res__impact-credits-select{background: rgba(139, 92, 246, 0.1); border-color: rgba(139, 92, 246, 0.3); color: #c4b5fd;}.dark .sp-res__compare-name{color: #9ca3af;}.dark .sp-res__scenario-btn{border-color: rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.08); color: #c4b5fd;}.dark .sp-res__scenario-btn:hover{background: rgba(139, 92, 246, 0.15);}.dark .sp-res__calc-table th{color: #9ca3af; background: rgba(255, 255, 255, 0.02);}.dark .sp-res__calc-table td{border-top-color: rgba(255, 255, 255, 0.03);}.dark .sp-res__calc-course{color: #f3f4f6;}.dark .sp-res__calc-select{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-res__calc-select:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);}.dark .sp-res__calc-result-card{background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(139, 92, 246, 0.06)); border-color: rgba(139, 92, 246, 0.2);}.dark .sp-res__calc-result-label{color: #9ca3af;}.dark .sp-res__calc-result-value{color: #c4b5fd;}.dark .sp-res__btn--ghost{background: rgba(30, 27, 46, 0.5); color: #9ca3af; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-res__btn--ghost:hover{background: rgba(30, 27, 46, 0.8); color: #e5e7eb;}.dark .sp-res__sub-tabs{background: rgba(139, 92, 246, 0.06); border-color: rgba(139, 92, 246, 0.12);}.dark .sp-res__sub-tab{color: #9ca3af;}.dark .sp-res__sub-tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.dark .sp-res__sub-tab--active{background: rgba(139, 92, 246, 0.15); color: #c4b5fd; box-shadow: none;}.dark .sp-res__insight-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__insight-label{color: #9ca3af;}.dark .sp-res__insight-value{color: #f3f4f6;}.dark .sp-res__insight-item{color: #d1d5db;}.dark .sp-res__rec-num{background: rgba(139, 92, 246, 0.15); color: #c4b5fd;}.dark .sp-res__dual-hero-value--violet{color: #a78bfa;}.dark .sp-res__dual-hero-value--emerald{color: #34d399;}.dark .sp-res__dual-hero-rank{color: #9ca3af;}.dark .sp-res__dual-row{color: #9ca3af;}.dark .sp-res__dual-row strong{color: #e5e7eb;}.dark .sp-res__dual-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-res__dual-bar-text{color: #6b7280;}.dark .sp-res__standing-rank{color: #a78bfa;}.dark .sp-res__standing-stat-val{color: #f3f4f6;}.dark .sp-res__standing-stat-lbl{color: #9ca3af;}.dark .sp-res__standing-next{background: rgba(139, 92, 246, 0.06); border-color: rgba(139, 92, 246, 0.15); color: #d1d5db;}.dark .sp-res__ai-stat{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__ai-stat-label{color: #9ca3af;}.dark .sp-res__ai-stat-value{color: #a78bfa;}.dark .sp-res__ai-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-res__ai-pred-big{color: #a78bfa;}.dark .sp-res__ai-pred-sub{color: #9ca3af;}.dark .sp-res__ai-pred-proj{color: #d1d5db;}.dark .sp-res__ai-pred-honors{background: rgba(245, 158, 11, 0.15); color: #fbbf24;}.dark .sp-res__ai-alert--danger{background: rgba(239, 68, 68, 0.1); color: #fb7185; border-color: rgba(239, 68, 68, 0.2);}.dark .sp-res__ai-alert--warning{background: rgba(245, 158, 11, 0.1); color: #fbbf24; border-color: rgba(245, 158, 11, 0.2);}.dark .sp-res__ai-tl-item{border-bottom-color: rgba(255, 255, 255, 0.03);}.dark .sp-res__ai-tl-term{color: #f3f4f6;}.dark .sp-res__ai-tl-sgpa{color: #a78bfa;}.dark .sp-res__ai-summary{border-top-color: rgba(139, 92, 246, 0.12); background: rgba(139, 92, 246, 0.04);}.dark .sp-res__ai-summary-val{color: #a78bfa;}.dark .sp-res__ai-summary-lbl{color: #6b7280;}.dark .sp-res__calc-target{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__calc-target-label{color: #f3f4f6;}.dark .sp-res__calc-target-input{background: rgba(139, 92, 246, 0.08); border-color: rgba(139, 92, 246, 0.25); color: #c4b5fd;}.dark .sp-res__calc-target-input:focus{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);}.dark .sp-res__calc-target-req--achievable{color: #34d399;}.dark .sp-res__calc-target-req--unachievable{color: #fb7185;}.dark .sp-res__calc-pbar{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__calc-pbar-value{color: #f3f4f6;}.dark .sp-res__calc-pbar-label{color: #9ca3af;}.dark .sp-res__calc-pbar-track{background: rgba(255, 255, 255, 0.06);}.dark .sp-res__calc-custom-row{background: rgba(139, 92, 246, 0.04);}.dark .sp-res__calc-custom-input{background: rgba(30, 27, 46, 0.8); border-color: rgba(139, 92, 246, 0.2); color: #e5e7eb;}.dark .sp-res__calc-custom-input:focus{border-color: #8b5cf6;}.dark .sp-res__calc-remove-btn{background: rgba(239, 68, 68, 0.12); color: #fb7185;}.dark .sp-res__calc-remove-btn:hover{background: rgba(239, 68, 68, 0.2);}.dark .sp-res__calc-add-btn{border-color: rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.06); color: #c4b5fd;}.dark .sp-res__calc-add-btn:hover{background: rgba(139, 92, 246, 0.1);}.dark .sp-res__scenario-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__scenario-card--achieved{border-color: rgba(16, 185, 129, 0.2); background: rgba(16, 185, 129, 0.06);}.dark .sp-res__scenario-label{color: #f3f4f6;}.dark .sp-res__scenario-gpa{color: #9ca3af;}.dark .sp-res__scenario-achieved{color: #34d399;}.dark .sp-res__scenario-need{color: #d1d5db;}.dark .sp-res__scenario-need strong{color: #c4b5fd;}.dark .sp-res__scenario-unreachable{color: #fb7185;}.dark .sp-res__scenario-thermo{background: rgba(255, 255, 255, 0.06);}.dark .sp-res__tips-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-res__tips-card h4, .dark .sp-res__tips-card .h4{color: #f3f4f6;}.dark .sp-res__tips-card ul li{color: #d1d5db;}.dark .sp-res__tips-footer{background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(139, 92, 246, 0.04)); border-color: rgba(139, 92, 246, 0.15);}.dark .sp-res__tips-footer p{color: #d1d5db;}.dark .sp-res__course-card{background: rgba(139, 92, 246, 0.06); border-color: rgba(139, 92, 246, 0.12);}.dark .sp-res__course-card:hover{box-shadow: 0 6px 20px rgba(139, 92, 246, 0.2); border-color: rgba(139, 92, 246, 0.3); color: inherit;}.dark .sp-res__course-card-code{color: #a78bfa;}.dark .sp-res__course-card-name{color: #d1d5db;}.dark .sp-res__course-card-credits{color: #9ca3af;}.dark .sp-res__course-card-class{color: #6b7280; background: rgba(255, 255, 255, 0.04);}.dark .sp-res__course-card-gpa-bar{background: rgba(139, 92, 246, 0.15);}.dark .sp-res__empty i{color: #4b5563;}.dark .sp-res__empty h3, .dark .sp-res__empty .h3{color: #e5e7eb;}.dark .sp-res__empty p{color: #9ca3af;}.dark .sp-res__term-footer{background: rgba(139, 92, 246, 0.06); border-top-color: rgba(139, 92, 246, 0.15); color: #9ca3af;}.dark .sp-res__term-footer i{color: #a78bfa;}.dark .sp-res__term-footer strong{color: #e5e7eb;}@media (max-width: 1024px){.sp-res__grid-2{grid-template-columns: 1fr;}.sp-res__subj-row{grid-template-columns: 1fr;}.sp-res__peer-stats{grid-template-columns: repeat(2, 1fr);}.sp-res__ai-stats{grid-template-columns: repeat(3, 1fr);}.sp-res__standing-stats{grid-template-columns: repeat(2, 1fr);}.sp-res__scenario-layout{grid-template-columns: 1fr;}.sp-res__tips-grid{grid-template-columns: 1fr;}.sp-res__calc-progress{grid-template-columns: 1fr;}}@media (max-width: 768px){.sp-res__main{padding: 5rem 1rem 2rem;}.sp-res__header{flex-direction: column;}.sp-res__header h1, .sp-res__header .h1{font-size: 1.5rem;}.sp-res__stats{grid-template-columns: repeat(2, 1fr);}.sp-res__semester-right{display: none;}.sp-res__semester-gpa-bar{display: none;}.sp-res__term-summary{flex-wrap: wrap; gap: 0.5rem;}.sp-res__course-table{font-size: 0.75rem;}.sp-res__course-table th, .sp-res__course-table td{padding: 0.5rem 0.625rem;}.sp-res__tabs{gap: 0;}.sp-res__tab{padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-res__tab i{font-size: 1rem;}.sp-res__sub-tabs{overflow-x: auto;}.sp-res__sub-tab{padding: 0.375rem 0.75rem; font-size: 0.75rem;}.sp-res__sub-tab i{font-size: 1rem;}.sp-res__insights-row{grid-template-columns: 1fr;}.sp-res__ai-stats{grid-template-columns: 1fr;}.sp-res__standing-stats{grid-template-columns: repeat(2, 1fr);}.sp-res__calc-target-info{width: 100%;}}@media (max-width: 480px){.sp-res__stats{grid-template-columns: 1fr;}.sp-res__peer-stats{grid-template-columns: 1fr;}.sp-res__calc-result{flex-direction: column;}.sp-res__calc-scenarios{flex-wrap: wrap;}.sp-res__standing-stats{grid-template-columns: 1fr;}} /* /odoocms_student_portal/static/src/scss/_attendance_spa.scss */ .sp-att{min-height: 100vh; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); position: relative; overflow-x: hidden;}.sp-att--loading, .sp-att--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-att__loader{text-align: center; color: #6d28d9;}.sp-att__loader p{margin-top: 1rem; font-weight: 500;}.sp-att__spinner{width: 48px; height: 48px; margin: 0 auto; border: 4px solid rgba(139, 92, 246, 0.2); border-top-color: #8b5cf6; border-radius: 50%; animation: sp-spin 0.8s linear infinite;}.sp-att__error-card{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-att__error-card i{font-size: 3rem; color: #ef4444;}.sp-att__error-card h3, .sp-att__error-card .h3{margin: 1rem 0 0.5rem; color: #1f2937;}.sp-att__error-card p{color: #6b7280;}.sp-att__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-att__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-att__main{padding-left: 5rem; padding-right: 5rem;}}.sp-att__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-att__header h1, .sp-att__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: 0.5rem;}.sp-att__header h1 i, .sp-att__header .h1 i{-webkit-text-fill-color: #8b5cf6; font-size: 1.75rem;}.sp-att__header-left{display: flex; flex-direction: column; gap: 0.25rem;}.sp-att__header-sub{color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0;}.sp-att__header-actions{display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap;}.sp-att__term-select{padding: 0.5rem 0.75rem; border-radius: 0.75rem; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; font-family: inherit; background: rgba(255, 255, 255, 0.7);}.sp-att__term-select:focus{outline: none; border-color: #8b5cf6;}.sp-att__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer;}.sp-att__btn i{font-size: 1rem;}.sp-att__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #6b7280; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-att__btn--ghost:hover{background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-att__btn--outline{background: transparent; color: #6d28d9; border: 1px solid rgba(109, 40, 217, 0.3);}.sp-att__btn--outline:hover{background: rgba(109, 40, 217, 0.06);}.sp-att__stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-att__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); display: flex; align-items: center; gap: 1rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-att__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-att__stat-card--gauge{min-width: 200px;}.sp-att__gauge{position: relative; width: 72px; height: 72px; flex-shrink: 0;}.sp-att__gauge svg{width: 100%; height: 100%;}.sp-att__gauge-value{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: 800; white-space: nowrap;}.sp-att__stat-icon{font-size: 2rem; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; flex-shrink: 0;}.sp-att__stat-icon--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-att__stat-icon--rose{background: rgba(244, 63, 94, 0.12); color: #f43f5e;}.sp-att__stat-icon--amber{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-att__stat-icon--orange{background: rgba(249, 115, 22, 0.12); color: #f97316;}.sp-att__stat-icon--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-att__stat-info{display: flex; flex-direction: column; gap: 0.125rem;}.sp-att__stat-value{font-size: 1.25rem; font-weight: 700; color: #1f2937;}.sp-att__stat-suffix{font-size: 0.75rem; font-weight: 400; color: #6b7280;}.sp-att__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-att__stat-card--streak, .sp-att__stat-card--threshold{flex-wrap: wrap;}.sp-att__stat-best{width: 100%; display: flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem; padding-top: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06); font-size: 0.6875rem; font-weight: 600; color: #6d28d9;}.sp-att__stat-best i{font-size: 0.875rem; color: #6d28d9;}.sp-att__stat-above90{width: 100%; display: flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem; padding-top: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06); font-size: 0.6875rem; font-weight: 600; color: #059669;}.sp-att__stat-above90 i{font-size: 0.875rem; color: #10b981;}.sp-att__badge{display: inline-flex; padding: 0.125rem 0.5rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; width: fit-content;}.sp-att__badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-att__badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-att__badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-att__badge--code{background: rgba(109, 40, 217, 0.08); color: #6d28d9; font-weight: 700; font-size: 0.75rem;}.sp-att__badge--term{background: rgba(14, 165, 233, 0.08); color: #0284c7;}.sp-att__warning{background: rgba(239, 68, 68, 0.06); border: 1px solid rgba(239, 68, 68, 0.15); border-radius: 1rem; padding: 1rem 1.25rem; margin-bottom: 1.5rem; display: flex; gap: 0.75rem; align-items: center;}.sp-att__warning-icon{flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(239, 68, 68, 0.1); border-radius: 0.75rem;}.sp-att__warning-icon i{color: #ef4444; font-size: 1.5rem;}.sp-att__warning-content{flex: 1; min-width: 0;}.sp-att__warning-content strong{color: #991b1b; font-size: 0.875rem; display: block; margin-bottom: 0.125rem;}.sp-att__warning-content span{color: #6b7280; font-size: 0.8125rem;}.sp-att__warning-count{flex-shrink: 0; text-align: center; min-width: 56px;}.sp-att__warning-number{display: block; font-size: 1.5rem; font-weight: 800; color: #ef4444; line-height: 1;}.sp-att__warning-label{font-size: 0.6875rem; color: #6b7280; font-weight: 500;}.sp-att__warning-list{display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.375rem;}.sp-att__warning-item{font-size: 0.75rem; padding: 0.125rem 0.5rem; border-radius: 0.375rem; background: rgba(239, 68, 68, 0.08); color: #dc2626; font-weight: 600;}.sp-att__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-att__tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-att__tab i{font-size: 1.125rem;}.sp-att__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-att__tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-att__tab-badge{font-size: 0.625rem; font-weight: 700; background: rgba(109, 40, 217, 0.08); color: #6d28d9; padding: 0.125rem 0.375rem; border-radius: 9999px; min-width: 1.25rem; text-align: center;}.sp-att__sub-tabs{display: flex; gap: 0.25rem; margin-bottom: 1rem; padding: 0.25rem; background: rgba(255, 255, 255, 0.4); border-radius: 0.625rem; width: fit-content; border: 1px solid rgba(255, 255, 255, 0.5);}.sp-att__sub-tab{padding: 0.5rem 1rem; border-radius: 0.5rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s;}.sp-att__sub-tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-att__sub-tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}.sp-att__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); overflow: hidden;}.sp-att__card--wide{grid-column: 1 / -1;}.sp-att__card-header{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-att__card-header h3, .sp-att__card-header .h3{font-size: 0.9375rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-att__card-header h3 i, .sp-att__card-header .h3 i{font-size: 1.25rem; color: #8b5cf6;}.sp-att__card-badge{font-size: 0.6875rem; font-weight: 600; padding: 0.25rem 0.625rem; background: rgba(139, 92, 246, 0.08); color: #6d28d9; border-radius: 9999px;}.sp-att__card-badge--rose{background: rgba(239, 68, 68, 0.08); color: #dc2626;}.sp-att__grid-2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 1rem;}.sp-att__chart-wrap{padding: 1rem 1.25rem; height: 260px;}.sp-att__chart-wrap canvas{width: 100% !important; height: 100% !important;}.sp-att__top-row{display: grid; grid-template-columns: 1fr 1.5fr; gap: 1rem; margin-bottom: 1rem;}.sp-att__top-left{display: flex; flex-direction: column; gap: 1rem;}.sp-att__top-activity .sp-att__activity-list{max-height: 280px; overflow-y: auto;}.sp-att__highlight-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); padding: 1.25rem; display: flex; align-items: center; gap: 1rem;}.sp-att__highlight-card--pct{gap: 1.25rem;}.sp-att__highlight-ring{width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 4px solid;}.sp-att__highlight-ring--emerald{border-color: #10b981; background: rgba(16, 185, 129, 0.08);}.sp-att__highlight-ring--amber{border-color: #f59e0b; background: rgba(245, 158, 11, 0.08);}.sp-att__highlight-ring--rose{border-color: #ef4444; background: rgba(239, 68, 68, 0.08);}.sp-att__highlight-value{font-size: 1.5rem; font-weight: 800; color: #1f2937;}.sp-att__highlight-text{display: flex; flex-direction: column; gap: 0.125rem;}.sp-att__highlight-label{font-size: 0.8125rem; font-weight: 600; color: #374151;}.sp-att__highlight-sub{font-size: 0.75rem; color: #6b7280;}.sp-att__highlight-icon{font-size: 2rem; flex-shrink: 0;}.sp-att__highlight-icon--fire{color: #f59e0b;}.sp-att__highlight-icon--trophy{color: #6d28d9;}.sp-att__streak-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-att__highlight-card--streaks{gap: 0.75rem;}.sp-att__streak-divider{width: 1px; height: 2rem; background: rgba(0, 0, 0, 0.1); flex-shrink: 0; margin: 0 0.25rem;}.sp-att__heatmap-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); padding: 1.25rem; overflow: visible;}.sp-att__heatmap-header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;}.sp-att__heatmap-header i{color: #8b5cf6; font-size: 1.25rem;}.sp-att__heatmap-header h3, .sp-att__heatmap-header .h3{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0;}.sp-att__heatmap-body{overflow: visible; padding-bottom: 0;}.sp-att__dow-insight{display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; background: rgba(245, 158, 11, 0.06); border-top: 1px solid rgba(245, 158, 11, 0.1); font-size: 0.8125rem; color: #6b7280;}.sp-att__dow-insight i{color: #f59e0b; font-size: 1.125rem; flex-shrink: 0;}.sp-att__dow-insight strong{color: #374151;}.sp-att__activity-list{padding: 0.5rem 1.25rem 1.25rem; max-height: 300px; overflow-y: auto;}.sp-att__activity-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-att__activity-item:last-child{border-bottom: none;}.sp-att__activity-item strong{font-size: 0.8125rem; color: #1f2937; display: block;}.sp-att__activity-item span{font-size: 0.6875rem; color: #6b7280;}.sp-att__activity-icon-wrap{width: 36px; height: 36px; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-att__activity-icon-wrap i{font-size: 1.125rem;}.sp-att__activity-icon-wrap--present{background: rgba(16, 185, 129, 0.1);}.sp-att__activity-icon-wrap--present i{color: #10b981;}.sp-att__activity-icon-wrap--late{background: rgba(245, 158, 11, 0.1);}.sp-att__activity-icon-wrap--late i{color: #f59e0b;}.sp-att__activity-icon-wrap--absent{background: rgba(239, 68, 68, 0.1);}.sp-att__activity-icon-wrap--absent i{color: #ef4444;}.sp-att__activity-icon-wrap--leave{background: rgba(99, 102, 241, 0.1);}.sp-att__activity-icon-wrap--leave i{color: #6366f1;}.sp-att__activity-info{flex: 1; min-width: 0;}.sp-att__activity-badge{font-size: 0.6875rem; font-weight: 600; padding: 0.125rem 0.5rem; border-radius: 9999px; flex-shrink: 0;}.sp-att__activity-badge--present{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__activity-badge--late{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-att__activity-badge--absent{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-att__activity-badge--leave{background: rgba(99, 102, 241, 0.12); color: #4f46e5;}.sp-att__summary{padding: 1.25rem;}.sp-att__summary-header{margin-bottom: 1rem;}.sp-att__summary-header h3, .sp-att__summary-header .h3{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0 0 0.125rem;}.sp-att__summary-header p{font-size: 0.75rem; color: #6b7280; margin: 0;}.sp-att__summary-body{display: flex; flex-direction: column; gap: 0.75rem;}.sp-att__summary-stat{display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-att__summary-stat:last-of-type{border-bottom: none;}.sp-att__summary-stat-label{font-size: 0.8125rem; color: #6b7280;}.sp-att__summary-stat-value{font-size: 0.875rem; font-weight: 700; color: #1f2937;}.sp-att__summary-stat-value--success{color: #10b981;}.sp-att__summary-stat-value--warning{color: #f59e0b;}.sp-att__summary-stat-value--danger{color: #ef4444;}.sp-att__summary-bar{margin-top: 0.5rem;}.sp-att__summary-bar-label{display: flex; justify-content: space-between; font-size: 0.75rem; color: #6b7280; margin-bottom: 0.375rem; font-weight: 500;}.sp-att__summary-progress{height: 8px; background: rgba(0, 0, 0, 0.06); border-radius: 4px; overflow: hidden;}.sp-att__summary-fill{height: 100%; border-radius: 4px; transition: width 0.6s ease;}.sp-att__summary-fill--success{background: linear-gradient(90deg, #10b981, #34d399);}.sp-att__summary-fill--warning{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-att__summary-fill--danger{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-att__streak-wrap{display: flex; gap: 2rem; padding: 1.5rem; justify-content: center;}.sp-att__streak-item{text-align: center;}.sp-att__streak-icon{font-size: 2rem; display: block; margin-bottom: 0.25rem;}.sp-att__streak-value{font-size: 2rem; font-weight: 800; color: #1f2937; display: block;}.sp-att__streak-label{font-size: 0.75rem; color: #6b7280;}.sp-att__course-toolbar{display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap;}.sp-att__course-search{display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 200px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.75rem; padding: 0.5rem 0.75rem;}.sp-att__course-search i{color: #6b7280; font-size: 1.125rem;}.sp-att__course-search input{border: none; background: transparent; font-family: inherit; font-size: 0.8125rem; width: 100%; outline: none; color: #374151;}.sp-att__course-search input::placeholder{color: #9ca3af;}.sp-att__course-sort{display: flex; align-items: center; gap: 0.5rem;}.sp-att__course-sort label{font-size: 0.75rem; font-weight: 600; color: #6b7280;}.sp-att__course-sort select{padding: 0.5rem 0.75rem; border-radius: 0.75rem; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.8125rem; font-family: inherit; background: rgba(255, 255, 255, 0.7);}.sp-att__course-sort select:focus{outline: none; border-color: #8b5cf6;}.sp-att__courses-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 1rem;}.sp-att__course-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s;}.sp-att__course-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-att__course-bar{height: 4px;}.sp-att__course-bar--emerald{background: linear-gradient(90deg, #10b981, #34d399);}.sp-att__course-bar--sky{background: linear-gradient(90deg, #0ea5e9, #38bdf8);}.sp-att__course-bar--rose{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-att__course-card-body{padding: 1.25rem;}.sp-att__course-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem;}.sp-att__course-info{flex: 1; min-width: 0;}.sp-att__course-badges{display: flex; gap: 0.375rem; flex-wrap: wrap; margin-bottom: 0.375rem;}.sp-att__course-name{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0; display: block;}.sp-att__course-instructor{font-size: 0.75rem; color: #6b7280; margin-top: 0.25rem; display: flex; align-items: center; gap: 0.25rem;}.sp-att__course-instructor i{font-size: 0.875rem; color: #9ca3af;}.sp-att__rate{width: 60px; height: 60px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0;}.sp-att__rate--excellent{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-att__rate--good{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-att__rate--at_risk{background: rgba(239, 68, 68, 0.1); color: #dc2626;}.sp-att__rate-number{font-size: 1.125rem; font-weight: 800; line-height: 1;}.sp-att__rate-pct{font-size: 0.5rem; font-weight: 600; opacity: 0.7;}.sp-att__course-stats-row{display: flex; gap: 1rem; padding: 0.625rem 0; margin-bottom: 0.75rem; border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-att__course-stat{text-align: center; flex: 1;}.sp-att__course-stat-value{font-size: 0.9375rem; font-weight: 700; color: #1f2937; display: block;}.sp-att__course-stat-value--fine{color: #f97316;}.sp-att__course-stat-label{font-size: 0.625rem; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;}.sp-att__progress{height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 3px; overflow: hidden; margin-bottom: 0.75rem;}.sp-att__progress-fill{height: 100%; border-radius: 3px; transition: width 0.6s ease;}.sp-att__progress-fill--emerald{background: linear-gradient(90deg, #10b981, #34d399);}.sp-att__progress-fill--sky{background: linear-gradient(90deg, #0ea5e9, #38bdf8);}.sp-att__progress-fill--rose{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-att__course-footer{display: flex; align-items: center; justify-content: space-between;}.sp-att__status-pill{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.625rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600;}.sp-att__status-pill i{font-size: 0.875rem;}.sp-att__status-pill--excellent{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__status-pill--good{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-att__status-pill--at_risk{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-att__expand-btn{display: flex; align-items: center; gap: 0.25rem; background: transparent; border: none; cursor: pointer; font-size: 0.8125rem; font-weight: 600; color: #6b7280; padding: 0.25rem 0.5rem; border-radius: 0.5rem; transition: all 0.2s;}.sp-att__expand-btn i{transition: transform 0.2s;}.sp-att__expand-btn:hover{color: #6d28d9; background: rgba(109, 40, 217, 0.04);}.sp-att__expand-btn--expanded i{transform: rotate(180deg);}.sp-att__detail-panel{border-top: 1px solid rgba(0, 0, 0, 0.06); padding: 1.25rem; background: rgba(0, 0, 0, 0.01);}.sp-att__comp-section{margin-bottom: 1.25rem;}.sp-att__comp-section:last-child{margin-bottom: 0;}.sp-att__comp-section-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; flex-wrap: wrap; gap: 0.5rem;}.sp-att__comp-section-header h4, .sp-att__comp-section-header .h4{font-size: 0.875rem; font-weight: 700; color: #374151; margin: 0;}.sp-att__comp-meta{display: flex; align-items: center; gap: 0.5rem;}.sp-att__comp-fine-badge{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.6875rem; font-weight: 600; padding: 0.125rem 0.5rem; border-radius: 9999px; background: rgba(249, 115, 22, 0.1); color: #ea580c;}.sp-att__comp-fine-badge i{font-size: 0.75rem;}.sp-att__comp-pct-badge{font-size: 0.6875rem; font-weight: 700; padding: 0.125rem 0.5rem; border-radius: 9999px;}.sp-att__comp-pct-badge--good{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__comp-pct-badge--warn{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-att__comp-pct-badge--bad{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-att__detail-table-wrap{overflow-x: auto; margin-bottom: 1rem;}.sp-att__detail-table{width: 100%; border-collapse: collapse; font-size: 0.8125rem;}.sp-att__detail-table th{padding: 0.5rem 0.75rem; text-align: left; font-weight: 600; color: #6b7280; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-att__detail-table td{padding: 0.5rem 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.03); color: #374151; font-size: 0.8125rem;}.sp-att__detail-table tbody tr:hover{background: rgba(109, 40, 217, 0.02);}.sp-att__detail-badge{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.125rem 0.5rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600;}.sp-att__detail-badge--present{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__detail-badge--late{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-att__detail-badge--absent{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-att__detail-badge--leave{background: rgba(99, 102, 241, 0.12); color: #4f46e5;}.sp-att__detail-fine{color: #ea580c; font-weight: 600;}.sp-att__detail-empty{color: #9ca3af; font-size: 0.8125rem; text-align: center; padding: 1rem;}.sp-att__mini-cal{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 0.5rem;}.sp-att__mini-cal-label{font-size: 0.625rem; font-weight: 700; color: #374151; display: block; margin-bottom: 0.25rem;}.sp-att__mini-cal-grid{display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px;}.sp-att__mini-cal-hdr{font-size: 0.5rem; font-weight: 700; color: #9ca3af; text-align: center; padding: 0.125rem; text-transform: uppercase;}.sp-att__mini-cal-cell{width: 24px; height: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; font-size: 0.5rem; border-radius: 4px; color: #6b7280; position: relative; cursor: default;}.sp-att__mini-cal-cell--present{background: rgba(16, 185, 129, 0.2); color: #059669; font-weight: 700;}.sp-att__mini-cal-cell--absent{background: rgba(239, 68, 68, 0.2); color: #dc2626; font-weight: 700;}.sp-att__mini-cal-cell--late{background: rgba(245, 158, 11, 0.2); color: #d97706; font-weight: 700;}.sp-att__mini-cal-cell--leave{background: rgba(99, 102, 241, 0.2); color: #4f46e5; font-weight: 700;}.sp-att__mini-cal-cell--multi{cursor: pointer;}.sp-att__mini-cal-day{line-height: 1;}.sp-att__mini-cal-dots{display: flex; gap: 1px; justify-content: center; line-height: 0;}.sp-att__mini-cal-dot{width: 3px; height: 3px; border-radius: 50%; flex-shrink: 0;}.sp-att__mini-cal-dot--present{background: #10b981;}.sp-att__mini-cal-dot--absent{background: #ef4444;}.sp-att__mini-cal-dot--late{background: #f59e0b;}.sp-att__mini-cal-dot--leave{background: #6366f1;}.sp-att__detail-collapsible{margin-top: 0.5rem;}.sp-att__detail-collapsible[open] .sp-att__detail-toggle-arrow{transform: rotate(180deg);}.sp-att__detail-toggle{display: flex; align-items: center; gap: 0.375rem; cursor: pointer; padding: 0.5rem 0.75rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 600; color: #6b7280; background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.04); transition: all 0.15s; list-style: none;}.sp-att__detail-toggle::-webkit-details-marker{display: none;}.sp-att__detail-toggle::marker{display: none; content: '';}.sp-att__detail-toggle i{font-size: 1rem;}.sp-att__detail-toggle:hover{background: rgba(0, 0, 0, 0.04); color: #374151;}.sp-att__detail-toggle-arrow{margin-left: auto; transition: transform 0.2s;}.sp-att__calc-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}.sp-att__form-group{margin-bottom: 1rem;}.sp-att__form-group label{display: block; font-size: 0.75rem; font-weight: 600; color: #374151; margin-bottom: 0.375rem;}.sp-att__form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-att__select{width: 100%; padding: 0.625rem 0.75rem; border-radius: 0.75rem; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; font-family: inherit; background: rgba(255, 255, 255, 0.7); color: #374151;}.sp-att__select:focus{outline: none; border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-att__input{width: 100%; padding: 0.625rem 0.75rem; border-radius: 0.75rem; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; font-family: inherit; background: rgba(255, 255, 255, 0.7); color: #374151; text-align: center;}.sp-att__input:focus{outline: none; border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-att__calc-result{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); overflow: hidden;}.sp-att__calc-result-header{padding: 1rem 1.25rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-att__calc-result-header h3, .sp-att__calc-result-header .h3{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0;}.sp-att__calc-result-header p{font-size: 0.75rem; color: #6b7280; margin: 0.125rem 0 0;}.sp-att__calc-result-body{padding: 1rem 1.25rem; display: flex; flex-direction: column; gap: 0;}.sp-att__calc-result-stat{display: flex; justify-content: space-between; align-items: center; padding: 0.375rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-att__calc-result-stat span:first-child{font-size: 0.8125rem; color: #6b7280;}.sp-att__calc-result-stat:last-of-type{border-bottom: none;}.sp-att__calc-result-val{font-size: 1.125rem; font-weight: 800;}.sp-att__calc-result-val--success{color: #10b981;}.sp-att__calc-result-val--warning{color: #f59e0b;}.sp-att__calc-result-val--danger{color: #ef4444;}.sp-att-calc-placeholder{text-align: center; padding: 3rem 1.5rem; color: #9ca3af; background: rgba(255, 255, 255, 0.5); border-radius: 1rem; border: 1px dashed rgba(0, 0, 0, 0.08);}.sp-att-calc-placeholder i{font-size: 3rem; display: block; margin-bottom: 0.5rem; opacity: 0.3;}.sp-att-calc-placeholder p{margin: 0; font-size: 0.875rem;}.sp-att__section-divider{display: flex; align-items: center; gap: 0.75rem; margin: 1.5rem 0 1rem;}.sp-att__section-line{flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.2), transparent);}.sp-att__section-label{display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; font-weight: 700; color: #6d28d9; padding: 0.25rem 0.875rem; border-radius: 9999px; background: rgba(139, 92, 246, 0.06); border: 1px solid rgba(139, 92, 246, 0.12); white-space: nowrap;}.sp-att__section-label i{font-size: 0.875rem;}.sp-att__scenarios-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.75rem;}.sp-att__scenario-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); padding: 1.25rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-att__scenario-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-att__scenario-card--safe{border-left: 4px solid #10b981;}.sp-att__scenario-card--warning{border-left: 4px solid #f59e0b;}.sp-att__scenario-card--danger{border-left: 4px solid #ef4444;}.sp-att__scenario-title{font-size: 0.875rem; font-weight: 700; color: #1f2937; margin: 0 0 0.25rem;}.sp-att__scenario-desc{font-size: 0.75rem; color: #6b7280; margin: 0 0 0.75rem;}.sp-att__scenario-result{display: flex; align-items: baseline; gap: 0.5rem; margin-bottom: 0.5rem;}.sp-att__scenario-pct{font-size: 1.5rem; font-weight: 800;}.sp-att__scenario-pct--safe{color: #10b981;}.sp-att__scenario-pct--warning{color: #f59e0b;}.sp-att__scenario-pct--danger{color: #ef4444;}.sp-att__scenario-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-att__scenario-bar{height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 3px; overflow: hidden;}.sp-att__scenario-bar-fill{height: 100%; border-radius: 3px; transition: width 0.4s ease;}.sp-att__scenario-bar-fill--safe{background: linear-gradient(90deg, #10b981, #34d399);}.sp-att__scenario-bar-fill--warning{background: linear-gradient(90deg, #f59e0b, #fbbf24);}.sp-att__scenario-bar-fill--danger{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-att__planner-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-att__planner-title{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem;}.sp-att__planner-title i{font-size: 1.25rem; color: #8b5cf6;}.sp-att__goal-list{display: flex; flex-direction: column; gap: 0.5rem;}.sp-att__goal-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 0.75rem; background: rgba(255, 255, 255, 0.6); border-radius: 0.75rem; border: 1px solid rgba(0, 0, 0, 0.04);}.sp-att__goal-check{width: 36px; height: 36px; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-att__goal-check i{font-size: 1.125rem;}.sp-att__goal-check--achieved{background: rgba(16, 185, 129, 0.12);}.sp-att__goal-check--achieved i{color: #10b981;}.sp-att__goal-check--possible{background: rgba(14, 165, 233, 0.12);}.sp-att__goal-check--possible i{color: #0ea5e9;}.sp-att__goal-check--unreachable{background: rgba(239, 68, 68, 0.08);}.sp-att__goal-check--unreachable i{color: #ef4444;}.sp-att__goal-info{flex: 1; min-width: 0;}.sp-att__goal-target{font-size: 0.875rem; font-weight: 700; color: #1f2937; margin: 0;}.sp-att__goal-desc{font-size: 0.6875rem; color: #6b7280; margin: 0;}.sp-att__goal-status{font-size: 0.6875rem; font-weight: 600; padding: 0.125rem 0.5rem; border-radius: 9999px; flex-shrink: 0;}.sp-att__goal-status--achieved{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__goal-status--possible{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-att__goal-status--unreachable{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-att__tip-card{display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.75rem; background: rgba(255, 255, 255, 0.6); border-radius: 0.75rem; margin-bottom: 0.75rem; border: 1px solid rgba(0, 0, 0, 0.04);}.sp-att__tip-icon{width: 36px; height: 36px; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgba(245, 158, 11, 0.1);}.sp-att__tip-icon i{font-size: 1.125rem; color: #f59e0b;}.sp-att__tip-text{font-size: 0.8125rem; color: #374151; line-height: 1.5;}.sp-att__course{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 0.75rem; overflow: hidden;}.sp-att__course-header{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; cursor: pointer; gap: 1rem;}.sp-att__course-header:hover{background: rgba(139, 92, 246, 0.03);}.sp-att__course-left{display: flex; align-items: center; gap: 0.75rem;}.sp-att__course-pct-ring{width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; flex-shrink: 0;}.sp-att__course-pct-ring--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-att__course-pct-ring--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-att__course-pct-ring--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-att__course-code{font-weight: 700; color: #1f2937; font-size: 0.9375rem; display: block;}.sp-att__course-right{display: flex; align-items: center; gap: 1rem;}.sp-att__course-missed{font-size: 0.75rem; color: #ef4444; font-weight: 600;}.sp-att__course-arrow{color: #6b7280; transition: transform 0.2s;}.sp-att__course-body{border-top: 1px solid rgba(0, 0, 0, 0.04); padding: 1rem 1.25rem;}.sp-att__comp{margin-bottom: 0.75rem;}.sp-att__comp-header{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; font-size: 0.8125rem; color: #374151;}.sp-att__comp-type{text-transform: capitalize; font-weight: 600; padding: 0.125rem 0.5rem; background: rgba(139, 92, 246, 0.08); color: #6d28d9; border-radius: 0.375rem; font-size: 0.75rem;}.sp-att__comp-pct{font-weight: 700;}.sp-att__comp-detail{color: #6b7280; font-size: 0.75rem;}.sp-att__comp-instr{color: #6b7280; font-size: 0.75rem;}.sp-att__comp-instr i{font-size: 0.875rem; vertical-align: middle;}.sp-att__comp-fine{color: #f97316; font-size: 0.75rem; font-weight: 600;}.sp-att__calc-body{padding: 1.25rem;}.sp-att__calc-table{width: 100%; border-collapse: collapse; font-size: 0.8125rem;}.sp-att__calc-table th{padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: #6b7280; font-size: 0.75rem; background: rgba(0, 0, 0, 0.01);}.sp-att__calc-table td{padding: 0.5rem 1rem; border-top: 1px solid rgba(0, 0, 0, 0.03);}.sp-att__calc-course{font-weight: 600; color: #1f2937;}.sp-att__calc-course small, .sp-att__calc-course .small{font-weight: 400; color: #6b7280; display: block; font-size: 0.6875rem;}.sp-att__calc-input{width: 80px; padding: 0.375rem 0.5rem; border-radius: 0.5rem; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; font-family: inherit; text-align: center;}.sp-att__calc-input:focus{outline: none; border-color: #8b5cf6;}.sp-att-stagger{opacity: 0; animation: sp-att-stagger-in 0.4s ease forwards;}@keyframes sp-att-stagger-in{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}.sp-att-heatmap-grid{display: flex; gap: 3px; align-items: flex-start;}.sp-att-heatmap-day-labels{display: flex; flex-direction: column; gap: 3px; padding-top: 0; padding-right: 2px;}.sp-att-heatmap-day-label{height: 18px; font-size: 0.625rem; color: #6b7280; display: flex; align-items: center; line-height: 18px; font-weight: 600;}.sp-att-heatmap-week{display: flex; flex-direction: column; gap: 3px;}.sp-att-heatmap-cell{width: 18px; height: 18px; border-radius: 4px; display: inline-block; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease;}.sp-att-heatmap-cell:hover{transform: scale(1.35); z-index: 2;}.sp-att-heatmap-cell--empty{background: transparent; cursor: default;}.sp-att-heatmap-cell--empty:hover{transform: none;}.sp-att-heatmap-cell--0{background: #ebedf0;}.sp-att-heatmap-cell--0:hover{box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.3);}.sp-att-heatmap-cell--1{background: rgba(239, 68, 68, 0.45);}.sp-att-heatmap-cell--1:hover{box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.3);}.sp-att-heatmap-cell--2{background: rgba(245, 158, 11, 0.55);}.sp-att-heatmap-cell--2:hover{box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.3);}.sp-att-heatmap-cell--3{background: rgba(16, 185, 129, 0.45);}.sp-att-heatmap-cell--3:hover{box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3);}.sp-att-heatmap-cell--4{background: #10b981;}.sp-att-heatmap-cell--4:hover{box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.4);}.sp-att-heatmap-months{display: flex; margin-bottom: 0.375rem; padding-left: 36px;}.sp-att-heatmap-month-label{font-size: 0.625rem; color: #6b7280; font-weight: 600;}.sp-att-heatmap-legend{display: flex; align-items: center; gap: 4px; justify-content: flex-end; margin-top: 0.5rem; padding-right: 0.25rem;}.sp-att-heatmap-legend__label{font-size: 0.5625rem; color: #6b7280;}.sp-att-heatmap-tooltip{position: fixed; z-index: 99999; width: 220px; pointer-events: none; opacity: 0; transform: translateY(6px); transition: opacity 0.15s ease, transform 0.15s ease; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(16px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 14px; padding: 14px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6);}.sp-att-heatmap-tooltip--visible{opacity: 1; transform: translateY(-100%);}.sp-att-heatmap-tooltip__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 6px;}.sp-att-heatmap-tooltip__date{font-size: 0.75rem; font-weight: 700; color: #1e293b; letter-spacing: -0.01em;}.sp-att-heatmap-tooltip__badge{display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 20px; font-size: 0.625rem; font-weight: 700;}.sp-att-heatmap-tooltip__badge i{vertical-align: middle;}.sp-att-heatmap-tooltip__stats{display: flex; gap: 4px; margin-bottom: 10px;}.sp-att-heatmap-tooltip__stat{flex: 1; text-align: center; padding: 6px 2px; background: rgba(241, 245, 249, 0.7); border-radius: 8px;}.sp-att-heatmap-tooltip__stat-icon{font-family: 'Material Icons'; font-size: 13px; display: block; margin-bottom: 1px;}.sp-att-heatmap-tooltip__stat-val{font-size: 0.875rem; font-weight: 800; color: #1e293b; display: block; line-height: 1.1;}.sp-att-heatmap-tooltip__stat-lbl{font-size: 0.5625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.04em; display: block; margin-top: 1px;}.sp-att-heatmap-tooltip__bar-wrap{height: 4px; border-radius: 4px; background: #e2e8f0; overflow: hidden; margin-bottom: 6px;}.sp-att-heatmap-tooltip__bar{height: 100%; border-radius: 4px; transition: width 0.3s ease;}.sp-att-heatmap-tooltip__pct{font-size: 0.6875rem; font-weight: 700; color: #475569; text-align: center;}.sp-att-heatmap-monthly{margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06);}.sp-att-heatmap-monthly__header{font-size: 0.6875rem; font-weight: 700; color: #475569; display: flex; align-items: center; gap: 4px; margin-bottom: 0.625rem;}.sp-att-heatmap-monthly__header i{font-size: 14px; color: #8b5cf6;}.sp-att-heatmap-monthly__grid{display: flex; flex-direction: column; gap: 6px;}.sp-att-heatmap-monthly__item{display: grid; grid-template-columns: 32px 1fr 36px 40px; gap: 8px; align-items: center;}.sp-att-heatmap-monthly__label{font-size: 0.6875rem; font-weight: 700; color: #334155;}.sp-att-heatmap-monthly__bar-wrap{height: 6px; border-radius: 6px; background: #e2e8f0; overflow: hidden;}.sp-att-heatmap-monthly__bar{height: 100%; border-radius: 6px; transition: width 0.4s ease;}.sp-att-heatmap-monthly__pct{font-size: 0.6875rem; font-weight: 800; text-align: right;}.sp-att-heatmap-monthly__detail{font-size: 0.625rem; color: #94a3b8; font-weight: 600; text-align: right;}.sp-att-heatmap-monthly__quick{display: flex; gap: 4px; margin-top: 0.75rem;}.sp-att-heatmap-monthly__qstat{flex: 1; text-align: center; background: rgba(241, 245, 249, 0.7); border-radius: 8px; padding: 6px 4px;}.sp-att-heatmap-monthly__qval{display: block; font-size: 1rem; font-weight: 800; color: #1e293b; line-height: 1.2;}.sp-att-heatmap-monthly__qlbl{display: block; font-size: 0.5625rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.03em; margin-top: 1px;}.dark .sp-att{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%);}.dark .sp-att__error-card{background: rgba(30, 27, 46, 0.8); border-color: rgba(239, 68, 68, 0.3);}.dark .sp-att__error-card h3, .dark .sp-att__error-card .h3{color: #f3f4f6;}.dark .sp-att__error-card p{color: #9ca3af;}.dark .sp-att__header h1, .dark .sp-att__header .h1{background: linear-gradient(135deg, #a78bfa, #c4b5fd); -webkit-background-clip: text; background-clip: text;}.dark .sp-att__header h1 i, .dark .sp-att__header .h1 i{-webkit-text-fill-color: #c4b5fd;}.dark .sp-att__header-sub{color: #9ca3af;}.dark .sp-att__stat-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__stat-value{color: #f3f4f6;}.dark .sp-att__stat-suffix{color: #6b7280;}.dark .sp-att__stat-label{color: #9ca3af;}.dark .sp-att__stat-best{color: #a78bfa; border-top-color: rgba(255, 255, 255, 0.08);}.dark .sp-att__stat-best i{color: #a78bfa;}.dark .sp-att__stat-above90{color: #34d399; border-top-color: rgba(255, 255, 255, 0.08);}.dark .sp-att__stat-above90 i{color: #34d399;}.dark .sp-att__streak-value{color: #f3f4f6;}.dark .sp-att__streak-label{color: #9ca3af;}.dark .sp-att__streak-divider{background: rgba(255, 255, 255, 0.1);}.dark .sp-att__term-select{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-att__btn--ghost{background: rgba(30, 27, 46, 0.5); color: #9ca3af; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-att__btn--ghost:hover{background: rgba(30, 27, 46, 0.8); color: #e5e7eb;}.dark .sp-att__btn--outline{color: #c4b5fd; border-color: rgba(167, 139, 250, 0.3);}.dark .sp-att__btn--outline:hover{background: rgba(139, 92, 246, 0.1);}.dark .sp-att__tabs{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__tab{color: #9ca3af;}.dark .sp-att__tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.dark .sp-att__tab--active{background: rgba(139, 92, 246, 0.15); color: #c4b5fd; box-shadow: none;}.dark .sp-att__tab-badge{background: rgba(139, 92, 246, 0.2); color: #c4b5fd;}.dark .sp-att__sub-tabs{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__sub-tab{color: #9ca3af;}.dark .sp-att__sub-tab:hover{color: #e5e7eb;}.dark .sp-att__sub-tab--active{background: rgba(139, 92, 246, 0.15); color: #c4b5fd; box-shadow: none;}.dark .sp-att__card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__card-header{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-att__card-header h3, .dark .sp-att__card-header .h3{color: #f3f4f6;}.dark .sp-att__card-header h3 i, .dark .sp-att__card-header .h3 i{color: #a78bfa;}.dark .sp-att__card-badge{background: rgba(139, 92, 246, 0.15); color: #c4b5fd;}.dark .sp-att__warning{background: rgba(239, 68, 68, 0.08); border-color: rgba(239, 68, 68, 0.2);}.dark .sp-att__warning-icon{background: rgba(239, 68, 68, 0.15);}.dark .sp-att__warning-content strong{color: #fca5a5;}.dark .sp-att__warning-content span{color: #9ca3af;}.dark .sp-att__warning-item{background: rgba(239, 68, 68, 0.12); color: #fca5a5;}.dark .sp-att__highlight-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__highlight-value{color: #f3f4f6;}.dark .sp-att__highlight-label{color: #d1d5db;}.dark .sp-att__highlight-sub{color: #9ca3af;}.dark .sp-att__heatmap-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__heatmap-header i{color: #a78bfa;}.dark .sp-att__heatmap-header h3, .dark .sp-att__heatmap-header .h3{color: #f3f4f6;}.dark .sp-att__dow-insight{background: rgba(245, 158, 11, 0.05); border-top-color: rgba(245, 158, 11, 0.1); color: #9ca3af;}.dark .sp-att__dow-insight strong{color: #e5e7eb;}.dark .sp-att__activity-item{border-bottom-color: rgba(255, 255, 255, 0.03);}.dark .sp-att__activity-item strong{color: #f3f4f6;}.dark .sp-att__activity-item span{color: #9ca3af;}.dark .sp-att__activity-icon-wrap--present{background: rgba(16, 185, 129, 0.15);}.dark .sp-att__activity-icon-wrap--late{background: rgba(245, 158, 11, 0.15);}.dark .sp-att__activity-icon-wrap--absent{background: rgba(239, 68, 68, 0.15);}.dark .sp-att__activity-icon-wrap--leave{background: rgba(99, 102, 241, 0.15);}.dark .sp-att__summary-header h3, .dark .sp-att__summary-header .h3{color: #f3f4f6;}.dark .sp-att__summary-header p{color: #9ca3af;}.dark .sp-att__summary-stat{border-bottom-color: rgba(255, 255, 255, 0.03);}.dark .sp-att__summary-stat-label{color: #9ca3af;}.dark .sp-att__summary-stat-value{color: #f3f4f6;}.dark .sp-att__summary-progress{background: rgba(255, 255, 255, 0.06);}.dark .sp-att__course-search{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-att__course-search i{color: #9ca3af;}.dark .sp-att__course-search input{color: #e5e7eb;}.dark .sp-att__course-search input::placeholder{color: #6b7280;}.dark .sp-att__course-sort label{color: #9ca3af;}.dark .sp-att__course-sort select{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.08); color: #e5e7eb;}.dark .sp-att__course-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__course-name{color: #f3f4f6;}.dark .sp-att__course-instructor{color: #9ca3af;}.dark .sp-att__course-instructor i{color: #6b7280;}.dark .sp-att__course-stats-row{border-color: rgba(255, 255, 255, 0.04);}.dark .sp-att__course-stat-value{color: #f3f4f6;}.dark .sp-att__course-stat-label{color: #6b7280;}.dark .sp-att__progress{background: rgba(255, 255, 255, 0.06);}.dark .sp-att__expand-btn{color: #9ca3af;}.dark .sp-att__expand-btn:hover{color: #c4b5fd; background: rgba(139, 92, 246, 0.08);}.dark .sp-att__detail-panel{background: rgba(0, 0, 0, 0.15); border-top-color: rgba(255, 255, 255, 0.04);}.dark .sp-att__comp-section-header h4, .dark .sp-att__comp-section-header .h4{color: #e5e7eb;}.dark .sp-att__detail-table th{color: #9ca3af; background: rgba(255, 255, 255, 0.02); border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__detail-table td{color: #d1d5db; border-bottom-color: rgba(255, 255, 255, 0.03);}.dark .sp-att__detail-table tbody tr:hover{background: rgba(139, 92, 246, 0.05);}.dark .sp-att__mini-cal-label{color: #d1d5db;}.dark .sp-att__mini-cal-hdr{color: #6b7280;}.dark .sp-att__mini-cal-cell{color: #6b7280;}.dark .sp-att__detail-toggle{background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.dark .sp-att__detail-toggle:hover{background: rgba(255, 255, 255, 0.06); color: #e5e7eb;}.dark .sp-att__form-group label{color: #d1d5db;}.dark .sp-att__select{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-att__input{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-att__calc-result{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__calc-result-header{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-att__calc-result-header h3, .dark .sp-att__calc-result-header .h3{color: #f3f4f6;}.dark .sp-att__calc-result-header p{color: #9ca3af;}.dark .sp-att__calc-result-stat{border-bottom-color: rgba(255, 255, 255, 0.03);}.dark .sp-att__calc-result-stat span:first-child{color: #9ca3af;}.dark .sp-att__section-line{background: linear-gradient(90deg, transparent, rgba(167, 139, 250, 0.15), transparent);}.dark .sp-att__section-label{color: #c4b5fd; background: rgba(139, 92, 246, 0.08); border-color: rgba(139, 92, 246, 0.15);}.dark .sp-att__scenario-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__scenario-title{color: #f3f4f6;}.dark .sp-att__scenario-desc{color: #9ca3af;}.dark .sp-att__scenario-label{color: #9ca3af;}.dark .sp-att__scenario-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-att__planner-title{color: #f3f4f6;}.dark .sp-att__planner-title i{color: #a78bfa;}.dark .sp-att__goal-item{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .sp-att__goal-target{color: #f3f4f6;}.dark .sp-att__goal-desc{color: #9ca3af;}.dark .sp-att__tip-card{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .sp-att__tip-text{color: #d1d5db;}.dark .sp-att__course{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-att__course-code{color: #f3f4f6;}.dark .sp-att__comp-header{color: #d1d5db;}.dark .sp-att__comp-type{background: rgba(139, 92, 246, 0.15); color: #c4b5fd;}.dark .sp-att__comp-detail, .dark .sp-att__comp-instr{color: #9ca3af;}.dark .sp-att__calc-table th{color: #9ca3af; background: rgba(255, 255, 255, 0.02);}.dark .sp-att__calc-table td{border-top-color: rgba(255, 255, 255, 0.03);}.dark .sp-att__calc-course{color: #f3f4f6;}.dark .sp-att__calc-course small, .dark .sp-att__calc-course .small{color: #9ca3af;}.dark .sp-att__calc-input{background: rgba(30, 27, 46, 0.8); border-color: rgba(255, 255, 255, 0.1); color: #e5e7eb;}.dark .sp-att-heatmap-cell--0{background: rgba(30, 27, 46, 0.8);}.dark .sp-att-heatmap-cell--0:hover{box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.2);}.dark .sp-att-heatmap-cell--1{background: rgba(239, 68, 68, 0.35);}.dark .sp-att-heatmap-cell--1:hover{box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.25);}.dark .sp-att-heatmap-cell--2{background: rgba(245, 158, 11, 0.4);}.dark .sp-att-heatmap-cell--2:hover{box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25);}.dark .sp-att-heatmap-cell--3{background: rgba(16, 185, 129, 0.35);}.dark .sp-att-heatmap-cell--3:hover{box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25);}.dark .sp-att-heatmap-cell--4{background: #10b981;}.dark .sp-att-heatmap-cell--4:hover{box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.35);}.dark .sp-att-heatmap-day-label{color: #6b7280;}.dark .sp-att-heatmap-month-label{color: #6b7280;}.dark .sp-att-heatmap-legend__label{color: #6b7280;}.dark .sp-att-calc-placeholder{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.06); color: #6b7280;}.dark .sp-att-heatmap-tooltip{background: rgba(15, 10, 26, 0.92); backdrop-filter: blur(16px) saturate(180%); border-color: rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.06);}.dark .sp-att-heatmap-tooltip__date{color: #f1f5f9;}.dark .sp-att-heatmap-tooltip__stat{background: rgba(255, 255, 255, 0.04);}.dark .sp-att-heatmap-tooltip__stat-val{color: #f1f5f9;}.dark .sp-att-heatmap-tooltip__stat-lbl{color: #6b7280;}.dark .sp-att-heatmap-tooltip__bar-wrap{background: rgba(255, 255, 255, 0.08);}.dark .sp-att-heatmap-tooltip__pct{color: #94a3b8;}.dark .sp-att-heatmap-monthly{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-att-heatmap-monthly__header{color: #9ca3af;}.dark .sp-att-heatmap-monthly__header i{color: #a78bfa;}.dark .sp-att-heatmap-monthly__label{color: #d1d5db;}.dark .sp-att-heatmap-monthly__bar-wrap{background: rgba(255, 255, 255, 0.08);}.dark .sp-att-heatmap-monthly__detail{color: #6b7280;}.dark .sp-att-heatmap-monthly__qstat{background: rgba(255, 255, 255, 0.04);}.dark .sp-att-heatmap-monthly__qval{color: #f1f5f9;}.dark .sp-att-heatmap-monthly__qlbl{color: #6b7280;}@media (max-width: 1024px){.sp-att__grid-2{grid-template-columns: 1fr;}.sp-att__top-row{grid-template-columns: 1fr;}.sp-att__calc-grid{grid-template-columns: 1fr;}.sp-att__planner-grid{grid-template-columns: 1fr;}}@media (max-width: 768px){.sp-att__main{padding: 5rem 1rem 2rem;}.sp-att__header{flex-direction: column;}.sp-att__stats{grid-template-columns: repeat(2, 1fr);}.sp-att__course-right{display: none;}.sp-att__tab{padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-att__tab i{font-size: 1rem;}.sp-att__tab span{display: none;}.sp-att__tab--active span{display: inline;}.sp-att__courses-grid{grid-template-columns: 1fr;}.sp-att__course-toolbar{flex-direction: column;}.sp-att__course-search{min-width: 0;}.sp-att__scenarios-grid{grid-template-columns: 1fr;}.sp-att__streak-row{grid-template-columns: 1fr;}}@media (max-width: 480px){.sp-att__stats{grid-template-columns: 1fr;}.sp-att__streak-wrap{flex-direction: column; gap: 1rem;}.sp-att__form-row{grid-template-columns: 1fr;}} /* /odoocms_student_portal/static/src/scss/_invoices_spa.scss */ .sp-inv{min-height: 100vh; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; position: relative; overflow-x: hidden;}.sp-inv--loading, .sp-inv--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-inv__loader{text-align: center; color: #6b7280;}.sp-inv__loader p{margin-top: 1rem; font-size: 0.95rem;}.sp-inv__spinner{width: 48px; height: 48px; border: 4px solid rgba(139, 92, 246, 0.2); border-top-color: #8b5cf6; border-radius: 50%; animation: sp-spin 0.8s linear infinite; margin: 0 auto;}.sp-inv__error-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; max-width: 400px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);}.sp-inv__error-card i{font-size: 3rem; color: #ef4444;}.sp-inv__error-card h3, .sp-inv__error-card .h3{margin: 1rem 0 0.5rem; font-weight: 700;}.sp-inv__error-card p{color: #6b7280;}.sp-inv__main{max-width: 1200px; margin: 0 auto; padding: 1.5rem 1.5rem 3rem;}.sp-inv__header{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;}.sp-inv__header-left h1, .sp-inv__header-left .h1{font-size: 1.75rem; font-weight: 800; background: linear-gradient(135deg, #8b5cf6, #06b6d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.sp-inv__header-sub{color: #6b7280; font-size: 0.9rem; margin-top: 0.25rem;}.sp-inv__header-actions{display: flex; gap: 0.75rem; align-items: center;}.sp-inv__btn{display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; border: none;}.sp-inv__btn--primary{background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white;}.sp-inv__btn--primary:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);}.sp-inv__btn--ghost{background: rgba(139, 92, 246, 0.08); color: #7c3aed;}.sp-inv__btn--ghost:hover{background: rgba(139, 92, 246, 0.15);}.sp-inv__alert{display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-radius: 0.75rem; margin-bottom: 1.25rem; font-size: 0.9rem;}.sp-inv__alert--overdue{background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.2); color: #dc2626;}.sp-inv__alert--overdue i{color: #ef4444;}.sp-inv__alert--upcoming{background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.2); color: #d97706;}.sp-inv__alert--upcoming i{color: #f59e0b;}.sp-inv__alert strong{display: block; font-weight: 700;}.sp-inv__alert-amount{font-size: 0.85rem; opacity: 0.85;}.sp-inv__stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-inv__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; display: flex; align-items: center; gap: 1rem; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); transition: transform 0.2s;}.sp-inv__stat-card:hover{transform: translateY(-2px);}.sp-inv__stat-icon{font-size: 2rem;}.sp-inv__stat-card--emerald .sp-inv__stat-icon{color: #10b981;}.sp-inv__stat-card--amber .sp-inv__stat-icon{color: #f59e0b;}.sp-inv__stat-card--violet .sp-inv__stat-icon{color: #8b5cf6;}.sp-inv__stat-card--sky .sp-inv__stat-icon{color: #0ea5e9;}.sp-inv__stat-card--rose .sp-inv__stat-icon{color: #ef4444;}.sp-inv__stat-info{display: flex; flex-direction: column;}.sp-inv__stat-value{font-size: 1.25rem; font-weight: 800; color: #111827;}.sp-inv__stat-label{font-size: 0.8rem; color: #6b7280; margin-top: 0.15rem;}.sp-inv__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(12px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.4); overflow-x: auto;}.sp-inv__tab{flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.6rem 1rem; border: none; background: transparent; border-radius: 0.5rem; font-size: 0.85rem; font-weight: 600; color: #6b7280; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-inv__tab i{font-size: 1.1rem;}.sp-inv__tab:hover{color: #8b5cf6; background: rgba(139, 92, 246, 0.06);}.sp-inv__tab--active{background: white; color: #8b5cf6; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-inv__filters{display: flex; gap: 0.75rem; margin-bottom: 1rem; flex-wrap: wrap;}.sp-inv__search-wrap{flex: 1; min-width: 200px; position: relative;}.sp-inv__search-wrap i{position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 1.2rem;}.sp-inv__search{width: 100%; padding: 0.6rem 0.75rem 0.6rem 2.5rem; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.5rem; font-size: 0.85rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px);}.sp-inv__search:focus{outline: none; border-color: #8b5cf6;}.sp-inv__filter-select{padding: 0.6rem 0.75rem; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.5rem; font-size: 0.85rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); cursor: pointer;}.sp-inv__filter-select:focus{outline: none; border-color: #8b5cf6;}.sp-inv__list{display: flex; flex-direction: column; gap: 0.5rem;}.sp-inv__item{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.75rem; overflow: hidden; transition: box-shadow 0.2s;}.sp-inv__item:hover{box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.sp-inv__item--unpaid{border-left: 3px solid #f59e0b;}.sp-inv__item-header{display: flex; justify-content: space-between; align-items: center; padding: 0.875rem 1rem; cursor: pointer; gap: 0.75rem;}.sp-inv__item-left{display: flex; align-items: center; gap: 0.75rem; min-width: 0;}.sp-inv__item-icon{font-size: 1.5rem; flex-shrink: 0;}.sp-inv__item-icon--emerald{color: #10b981;}.sp-inv__item-icon--amber{color: #f59e0b;}.sp-inv__item-icon--rose{color: #ef4444;}.sp-inv__item-name{font-weight: 700; font-size: 0.9rem; display: block;}.sp-inv__item-term{font-size: 0.8rem; color: #6b7280;}.sp-inv__item-right{display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0;}.sp-inv__item-amount{font-weight: 700; font-size: 0.95rem;}.sp-inv__dl-btn{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 0.5rem; background: rgba(139, 92, 246, 0.08); color: #7c3aed; text-decoration: none; transition: background 0.2s;}.sp-inv__dl-btn:hover{background: rgba(139, 92, 246, 0.18);}.sp-inv__dl-btn i{font-size: 1.1rem;}.sp-inv__arrow{color: #9ca3af; transition: transform 0.2s;}.sp-inv__item-body{padding: 0 1rem 1rem; border-top: 1px solid rgba(0, 0, 0, 0.04);}.sp-inv__detail-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.5rem;}.sp-inv__detail{display: flex; flex-direction: column; padding: 0.5rem; background: rgba(0, 0, 0, 0.02); border-radius: 0.5rem;}.sp-inv__detail-label{font-size: 0.75rem; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.03em;}.sp-inv__line-table{width: 100%; border-collapse: collapse; font-size: 0.85rem; margin-top: 0.5rem;}.sp-inv__line-table th{text-align: left; padding: 0.5rem; font-weight: 600; color: #6b7280; border-bottom: 1px solid rgba(0, 0, 0, 0.06); font-size: 0.75rem; text-transform: uppercase;}.sp-inv__line-table td{padding: 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-inv__line-table tfoot td{border-top: 2px solid rgba(0, 0, 0, 0.08); border-bottom: none;}.sp-inv__badge{display: inline-flex; padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.72rem; font-weight: 700; text-transform: capitalize;}.sp-inv__badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-inv__badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-inv__badge--rose{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-inv__badge--violet{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-inv__empty{text-align: center; padding: 3rem 1rem; color: #9ca3af;}.sp-inv__empty i{font-size: 3rem; margin-bottom: 0.5rem; display: block;}.sp-inv__empty p{font-size: 0.9rem;}.sp-inv__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);}.sp-inv__card-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}.sp-inv__card-header h3, .sp-inv__card-header .h3{font-size: 1rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem;}.sp-inv__card-header h3 i, .sp-inv__card-header .h3 i{font-size: 1.2rem; color: #8b5cf6;}.sp-inv__chart-wrap{height: 260px; position: relative;}.sp-inv__chart-wrap--wide{height: 220px;}.sp-inv__grid-2{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.25rem;}.sp-inv__installment-list{display: flex; flex-direction: column;}.sp-inv__inst{display: flex; gap: 1rem; padding-bottom: 0.5rem;}.sp-inv__inst-step{display: flex; flex-direction: column; align-items: center; width: 32px; flex-shrink: 0;}.sp-inv__inst-dot{width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-inv__inst-dot i{font-size: 0.9rem; color: white;}.sp-inv__inst-dot--emerald{background: #10b981;}.sp-inv__inst-dot--amber{background: #f59e0b;}.sp-inv__inst-dot--rose{background: #ef4444;}.sp-inv__inst-line{width: 2px; flex: 1; min-height: 16px; background: rgba(0, 0, 0, 0.08);}.sp-inv__inst-content{flex: 1; padding-bottom: 1rem;}.sp-inv__inst-header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.35rem;}.sp-inv__inst-title{font-weight: 700; font-size: 0.9rem;}.sp-inv__inst-details{display: flex; gap: 1rem; font-size: 0.8rem; color: #6b7280; flex-wrap: wrap;}.sp-inv__inst-date{display: flex; align-items: center; gap: 0.25rem;}.sp-inv__inst-date i{font-size: 0.9rem;}.sp-inv__inst-amount{font-weight: 700; color: #374151;}.sp-inv__tab-badge{display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #ef4444; color: white; font-size: 0.65rem; font-weight: 700; margin-left: 0.3rem;}.sp-inv__modal-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.5); backdrop-filter: blur(4px); z-index: 9998; display: flex; align-items: center; justify-content: center; animation: sp-fadeIn 0.2s ease;}.sp-inv__modal{background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15); max-width: 640px; width: 90%; max-height: 85vh; overflow-y: auto; animation: sp-scaleIn 0.25s ease; z-index: 9999;}.sp-inv__modal-header{padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: space-between;}.sp-inv__modal-header h3, .sp-inv__modal-header .h3{font-size: 1.1rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-inv__modal-close{width: 2rem; height: 2rem; border-radius: 0.5rem; border: none; background: none; cursor: pointer; color: #94a3b8; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}.sp-inv__modal-close:hover{background: #f1f5f9; color: #475569;}.sp-inv__modal-body{padding: 1.25rem 1.5rem;}.sp-inv__modal-footer{padding: 1rem 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06); display: flex; justify-content: flex-end; gap: 0.5rem;}.sp-inv__modal-label{display: block; font-size: 0.75rem; font-weight: 600; color: #475569; margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.04em;}.sp-inv__due-list{display: flex; flex-direction: column; gap: 0.5rem;}.sp-inv__due-item{display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.02);}.sp-inv__due-item--overdue{background: rgba(239, 68, 68, 0.04); border-left: 3px solid #ef4444;}.sp-inv__due-left{display: flex; align-items: center; gap: 0.75rem;}.sp-inv__due-icon{font-size: 1.3rem;}.sp-inv__due-icon--emerald{color: #10b981;}.sp-inv__due-icon--amber{color: #f59e0b;}.sp-inv__due-icon--rose{color: #ef4444;}.sp-inv__due-desc{font-weight: 600; font-size: 0.85rem; display: block;}.sp-inv__due-date{font-size: 0.78rem; color: #6b7280;}.sp-inv__due-date strong{color: #ef4444;}.sp-inv__due-amount{font-weight: 700; font-size: 0.95rem;}.sp-due-label{display: inline-flex; align-items: center; padding: 0.1rem 0.45rem; border-radius: 999px; font-size: 0.68rem; font-weight: 700;}.sp-due-label--overdue{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-due-label--urgent{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-due-label--soon{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-toggle-slider::before{content: ''; position: absolute; width: 18px; height: 18px; left: 3px; bottom: 3px; background: white; border-radius: 50%; transition: 0.3s; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}input:checked + .sp-toggle-slider{background: #8b5cf6 !important;}input:checked + .sp-toggle-slider::before{transform: translateX(20px);}@keyframes sp-spin{to{transform: rotate(360deg);}}@keyframes sp-fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes sp-scaleIn{from{opacity: 0; transform: scale(0.95);}to{opacity: 1; transform: scale(1);}}.dark .sp-inv__error-card{background: rgba(30, 30, 40, 0.9);}.dark .sp-inv__error-card h3, .dark .sp-inv__error-card .h3{color: #f3f4f6;}.dark .sp-inv__error-card p{color: #9ca3af;}.dark .sp-inv__header-left h1, .dark .sp-inv__header-left .h1{background: linear-gradient(135deg, #a78bfa, #22d3ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.dark .sp-inv__header-sub{color: #9ca3af;}.dark .sp-inv__stat-card{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-inv__stat-value{color: #f3f4f6;}.dark .sp-inv__stat-label{color: #9ca3af;}.dark .sp-inv__tabs{background: rgba(30, 30, 40, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__tab{color: #9ca3af;}.dark .sp-inv__tab:hover{color: #a78bfa; background: rgba(139, 92, 246, 0.1);}.dark .sp-inv__tab--active{background: rgba(139, 92, 246, 0.15); color: #a78bfa; box-shadow: none;}.dark .sp-inv__search{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.08); color: #f3f4f6;}.dark .sp-inv__filter-select{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.08); color: #f3f4f6;}.dark .sp-inv__item{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__item-name{color: #f3f4f6;}.dark .sp-inv__item-term{color: #9ca3af;}.dark .sp-inv__item-amount{color: #f3f4f6;}.dark .sp-inv__item-body{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__detail{background: rgba(255, 255, 255, 0.04); color: #d1d5db;}.dark .sp-inv__detail-label{color: #6b7280;}.dark .sp-inv__arrow{color: #6b7280;}.dark .sp-inv__line-table th{color: #9ca3af; border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__line-table td{color: #d1d5db; border-bottom-color: rgba(255, 255, 255, 0.03);}.dark .sp-inv__line-table tfoot td{border-top-color: rgba(255, 255, 255, 0.08); color: #f3f4f6;}.dark .sp-inv__card{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__card-header h3, .dark .sp-inv__card-header .h3{color: #f3f4f6;}.dark .sp-inv__inst-line{background: rgba(255, 255, 255, 0.1);}.dark .sp-inv__inst-title{color: #f3f4f6;}.dark .sp-inv__inst-details{color: #9ca3af;}.dark .sp-inv__inst-amount{color: #d1d5db;}.dark .sp-inv__due-item{background: rgba(255, 255, 255, 0.04);}.dark .sp-inv__due-item--overdue{background: rgba(239, 68, 68, 0.08);}.dark .sp-inv__due-desc{color: #f3f4f6;}.dark .sp-inv__due-amount{color: #f3f4f6;}.dark .sp-inv__empty{color: #6b7280;}.dark .sp-inv__dl-btn{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.dark .sp-inv__alert--overdue{background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.25);}.dark .sp-inv__alert--upcoming{background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.25);}.dark .sp-inv__modal{background: rgba(30, 30, 40, 0.95); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-inv__modal-header{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__modal-header h3, .dark .sp-inv__modal-header .h3{color: #f3f4f6;}.dark .sp-inv__modal-close{color: #6b7280;}.dark .sp-inv__modal-close:hover{background: rgba(255, 255, 255, 0.08); color: #d1d5db;}.dark .sp-inv__modal-body{color: #d1d5db;}.dark .sp-inv__modal-footer{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-inv__modal-label{color: #9ca3af;}.dark .sp-inv__modal-overlay{background: rgba(0, 0, 0, 0.6);}@media (max-width: 768px){.sp-inv__main{padding: 1rem;}.sp-inv__header{flex-direction: column;}.sp-inv__header-left h1, .sp-inv__header-left .h1{font-size: 1.35rem;}.sp-inv__stats{grid-template-columns: 1fr 1fr;}.sp-inv__tabs{overflow-x: auto;}.sp-inv__tab{padding: 0.5rem 0.75rem; font-size: 0.8rem;}.sp-inv__grid-2{grid-template-columns: 1fr;}.sp-inv__item-right{flex-wrap: wrap; gap: 0.5rem;}.sp-inv__filters{flex-direction: column;}.sp-inv__due-item{flex-direction: column; align-items: flex-start; gap: 0.5rem;}}@media (max-width: 480px){.sp-inv__stats{grid-template-columns: 1fr;}.sp-inv__item-header{flex-direction: column; align-items: flex-start;}.sp-inv__item-right{width: 100%; justify-content: flex-end;}.sp-inv__modal{width: 95%;}} /* /odoocms_student_portal/static/src/scss/_requests_spa.scss */ @keyframes sp-req-spin{to{transform: rotate(360deg);}}@keyframes sp-req-fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes sp-req-scaleIn{from{opacity: 0; transform: scale(0.95) translateY(10px);}to{opacity: 1; transform: scale(1) translateY(0);}}@keyframes sp-req-slideUp{from{opacity: 0; transform: translateY(16px);}to{opacity: 1; transform: translateY(0);}}@keyframes sp-req-shimmer{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}@keyframes sp-req-checkmark{0%{transform: scale(0) rotate(-45deg); opacity: 0;}50%{transform: scale(1.2) rotate(0deg); opacity: 1;}100%{transform: scale(1) rotate(0deg); opacity: 1;}}@keyframes sp-req-float{0%, 100%{transform: translateY(0);}50%{transform: translateY(-6px);}}@keyframes sp-req-pulse-soft{0%, 100%{opacity: 0.6;}50%{opacity: 1;}}.sp-req{font-family: 'Plus Jakarta Sans', system-ui, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); color: #1e293b; transition: background 0.3s, color 0.3s; position: relative; overflow-x: hidden;}.sp-req--loading-page{display: flex; align-items: center; justify-content: center; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%);}.sp-req--error{display: flex; align-items: center; justify-content: center; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%);}.sp-req__skeleton-wrap{width: 100%; max-width: 1200px; padding: 100px 24px 40px; margin: 0 auto;}.sp-req__skeleton-header{margin-bottom: 24px;}.sp-req__skeleton-bar{border-radius: 8px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 75%); background-size: 200% 100%; animation: sp-req-shimmer 1.5s ease infinite;}.sp-req__skeleton-bar--title{width: 240px; height: 32px; margin-bottom: 8px;}.sp-req__skeleton-bar--subtitle{width: 360px; height: 16px;}.sp-req__skeleton-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px;}.sp-req__skeleton-stat{height: 88px; border-radius: 1rem; background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 75%); background-size: 200% 100%; animation: sp-req-shimmer 1.5s ease infinite; border: 1px solid rgba(255, 255, 255, 0.6);}.sp-req__skeleton-tabs{display: flex; gap: 8px; margin-bottom: 24px;}.sp-req__skeleton-tab{flex: 1; height: 48px; border-radius: 0.75rem; background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 75%); background-size: 200% 100%; animation: sp-req-shimmer 1.5s ease infinite;}.sp-req__skeleton-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.sp-req__skeleton-card{height: 220px; border-radius: 1rem; background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 75%); background-size: 200% 100%; animation: sp-req-shimmer 1.5s ease infinite; border: 1px solid rgba(255, 255, 255, 0.6);}.sp-req__error-card{text-align: center; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1.25rem; padding: 48px 40px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); max-width: 420px; animation: sp-req-scaleIn 0.3s ease;}.sp-req__error-card h3, .sp-req__error-card .h3{margin: 16px 0 8px; font-size: 20px; font-weight: 700;}.sp-req__error-card p{color: #64748b; font-size: 14px; margin-bottom: 24px; line-height: 1.5;}.sp-req__error-icon-wrap{width: 72px; height: 72px; border-radius: 50%; background: rgba(239, 68, 68, 0.1); display: flex; align-items: center; justify-content: center; margin: 0 auto 8px;}.sp-req__error-icon-wrap .material-icons{font-size: 36px; color: #ef4444;}.sp-req__main{max-width: 1200px; margin: 0 auto; padding: 1.5rem 1.5rem 2.5rem;}.sp-req__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; gap: 16px; flex-wrap: wrap; animation: sp-req-slideUp 0.4s ease;}.sp-req__title{font-size: 28px; font-weight: 800; margin: 0 0 4px; display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-req__title-icon{font-size: 32px !important; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-req__subtitle{color: #64748b; font-size: 14px; margin: 0;}.sp-req__header-actions{display: flex; align-items: center; gap: 10px;}.sp-req__kbd-hint{display: flex; align-items: center; gap: 4px; opacity: 0.5;}.sp-req__kbd{display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 5px; font-size: 11px; font-weight: 700; color: #374151; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); font-family: inherit;}.sp-req__kbd-plus{font-size: 12px; color: #94a3b8;}.sp-req__kbd-label{font-size: 12px; color: #94a3b8; margin-left: 4px;}.sp-req__stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; animation: sp-req-slideUp 0.5s ease;}.sp-req__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; padding: 1.25rem; display: flex; align-items: center; gap: 14px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); transition: transform 0.2s, box-shadow 0.2s; position: relative; overflow: hidden;}.sp-req__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-req__stat-card--total .sp-req__stat-icon{background: rgba(59, 130, 246, 0.12);}.sp-req__stat-card--total .sp-req__stat-icon .material-icons{color: #3b82f6;}.sp-req__stat-card--total .sp-req__stat-value{color: #3b82f6;}.sp-req__stat-card--pending .sp-req__stat-icon{background: rgba(245, 158, 11, 0.12);}.sp-req__stat-card--pending .sp-req__stat-icon .material-icons{color: #f59e0b;}.sp-req__stat-card--pending .sp-req__stat-value{color: #f59e0b;}.sp-req__stat-card--approved .sp-req__stat-icon{background: rgba(16, 185, 129, 0.12);}.sp-req__stat-card--approved .sp-req__stat-icon .material-icons{color: #10b981;}.sp-req__stat-card--approved .sp-req__stat-value{color: #10b981;}.sp-req__stat-card--review .sp-req__stat-icon{background: rgba(139, 92, 246, 0.12);}.sp-req__stat-card--review .sp-req__stat-icon .material-icons{color: #8b5cf6;}.sp-req__stat-card--review .sp-req__stat-value{color: #8b5cf6;}.sp-req__stat-ring{position: absolute; right: -10px; top: -10px; width: 60px; height: 60px; border-radius: 50%; border: 2px solid rgba(139, 92, 246, 0.06); pointer-events: none;}.sp-req__stat-icon{width: 48px; height: 48px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-req__stat-icon .material-icons{font-size: 24px;}.sp-req__stat-info{display: flex; flex-direction: column; position: relative; z-index: 1;}.sp-req__stat-value{font-size: 26px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums;}.sp-req__stat-label{font-size: 13px; color: #64748b; margin-top: 3px; font-weight: 500;}.sp-req__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 24px; animation: sp-req-slideUp 0.55s ease;}.sp-req__tab{flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0.65rem 1.25rem; border: none; border-radius: 0.6rem; background: transparent; color: #64748b; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; position: relative;}.sp-req__tab .material-icons{font-size: 20px;}.sp-req__tab:hover{background: rgba(255, 255, 255, 0.5); color: #334155;}.sp-req__tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-req__tab--active:hover{background: #fff; color: #6d28d9;}.sp-req__tab-badge{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 700; min-width: 20px; text-align: center;}.sp-req__tab-content{animation: sp-req-fadeIn 0.3s ease;}.sp-req__tips{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; animation: sp-req-slideUp 0.6s ease;}.sp-req__tip{display: flex; gap: 14px; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 0.85rem; transition: all 0.2s;}.sp-req__tip:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);}.sp-req__tip strong{display: block; font-size: 14px; font-weight: 700; margin-bottom: 2px; color: #1e293b;}.sp-req__tip p{font-size: 13px; color: #64748b; margin: 0; line-height: 1.4;}.sp-req__tip-number{width: 32px; height: 32px; border-radius: 0.6rem; background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-req__catalog-toolbar{display: flex; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; animation: sp-req-slideUp 0.65s ease;}.sp-req__category-chips{display: flex; gap: 6px; flex-wrap: wrap; flex: 1;}.sp-req__category-chip{display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0.6rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); color: #64748b; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; white-space: nowrap;}.sp-req__category-chip:hover{background: rgba(255, 255, 255, 0.8); color: #334155;}.sp-req__category-chip--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 3px 10px rgba(109, 40, 217, 0.25);}.sp-req__category-chip--active:hover{background: linear-gradient(135deg, #5b21b6, #7c3aed); color: #fff;}.sp-req__service-search{display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 0.6rem; padding: 0 14px; min-width: 220px; transition: all 0.2s;}.sp-req__service-search:focus-within{border-color: rgba(139, 92, 246, 0.4); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08); background: rgba(255, 255, 255, 0.8);}.sp-req__service-search .material-icons{color: #94a3b8; font-size: 20px;}.sp-req__service-search input{flex: 1; border: none; outline: none; padding: 10px 0; font-size: 13px; font-family: inherit; background: transparent; color: inherit;}.sp-req__catalog-count{display: flex; align-items: center; gap: 10px; font-size: 13px; color: #64748b; margin-bottom: 16px;}.sp-req__catalog-clear{display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border: none; border-radius: 6px; background: rgba(239, 68, 68, 0.08); color: #ef4444; font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit;}.sp-req__catalog-clear:hover{background: rgba(239, 68, 68, 0.14);}.sp-req__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; animation: sp-req-slideUp 0.7s ease;}.sp-req__service-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); transition: all 0.25s; display: flex; flex-direction: column; overflow: hidden; position: relative;}.sp-req__service-card:hover{transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08); border-color: rgba(139, 92, 246, 0.15);}.sp-req__service-accent{height: 3px;}.sp-req__service-body{padding: 1.25rem; display: flex; flex-direction: column; flex: 1;}.sp-req__service-top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px;}.sp-req__service-icon{width: 48px; height: 48px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; transition: all 0.25s;}.sp-req__service-icon .material-icons{font-size: 24px;}.sp-req__service-card:hover .sp-req__service-icon{transform: scale(1.06);}.sp-req__service-name{font-size: 15px; font-weight: 700; margin: 0 0 6px; color: #1e293b;}.sp-req__service-desc{font-size: 13px; color: #64748b; margin: 0 0 auto; line-height: 1.5; padding-bottom: 14px;}.sp-req__service-category{font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.5px;}.sp-req__service-footer{display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid rgba(0, 0, 0, 0.04);}.sp-req__service-time{font-size: 12px; color: #94a3b8; display: flex; align-items: center; gap: 4px;}.sp-req__service-submit{padding: 7px 14px; border: none; border-radius: 0.5rem; color: #fff; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; transition: all 0.2s; font-family: inherit;}.sp-req__service-submit:hover{filter: brightness(1.1); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); transform: translateX(2px);}.sp-req__filters{display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; animation: sp-req-slideUp 0.6s ease;}.sp-req__search{flex: 1; min-width: 200px; display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 0.65rem; padding: 0 14px; transition: all 0.2s;}.sp-req__search:focus-within{border-color: rgba(139, 92, 246, 0.4); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08); background: rgba(255, 255, 255, 0.8);}.sp-req__search .material-icons{color: #94a3b8; font-size: 20px;}.sp-req__search input{flex: 1; border: none; outline: none; padding: 12px 0; font-size: 14px; font-family: inherit; background: transparent; color: inherit;}.sp-req__sort-wrap{flex-shrink: 0;}.sp-req__sort-select{padding: 10px 36px 10px 14px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 0.5rem; font-size: 13px; font-weight: 600; font-family: inherit; color: #334155; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); cursor: pointer; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 10px center; background-size: 18px; transition: all 0.2s;}.sp-req__sort-select:focus{outline: none; border-color: rgba(139, 92, 246, 0.4); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08);}.sp-req__filter-btns{display: flex; gap: 6px; margin-bottom: 16px; flex-wrap: wrap; animation: sp-req-slideUp 0.65s ease;}.sp-req__filter-btn{display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0.5rem; font-size: 13px; font-weight: 600; cursor: pointer; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); color: #64748b; transition: all 0.2s; font-family: inherit;}.sp-req__filter-btn:hover{background: rgba(255, 255, 255, 0.8); color: #334155;}.sp-req__filter-btn--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 3px 10px rgba(109, 40, 217, 0.25);}.sp-req__empty{text-align: center; padding: 60px 20px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; animation: sp-req-slideUp 0.5s ease;}.sp-req__empty h3, .sp-req__empty .h3{margin: 16px 0 8px; font-size: 18px; font-weight: 700;}.sp-req__empty p{color: #64748b; font-size: 14px; margin-bottom: 20px; line-height: 1.5;}.sp-req__empty--compact{padding: 40px 20px;}.sp-req__empty-illustration{width: 80px; height: 80px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; animation: sp-req-float 3s ease infinite;}.sp-req__empty-illustration .material-icons{font-size: 40px; color: #8b5cf6;}.sp-req__request-list{display: flex; flex-direction: column; gap: 10px; animation: sp-req-slideUp 0.7s ease;}.sp-req__request-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 0.85rem; display: flex; align-items: stretch; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); transition: all 0.2s; cursor: pointer; overflow: hidden;}.sp-req__request-card:hover{box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06); transform: translateY(-2px); border-color: rgba(139, 92, 246, 0.15);}.sp-req__request-color-bar{width: 4px; flex-shrink: 0;}.sp-req__request-content{flex: 1; padding: 16px 18px; min-width: 0;}.sp-req__request-top-row{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px;}.sp-req__request-info{flex: 1; min-width: 0;}.sp-req__request-title{font-size: 15px; font-weight: 700; margin: 0 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1e293b;}.sp-req__request-meta{display: flex; align-items: center; gap: 10px; font-size: 12px; color: #94a3b8; flex-wrap: wrap;}.sp-req__request-meta .material-icons{vertical-align: middle;}.sp-req__request-id{font-weight: 600; color: #6d28d9; display: inline-flex; align-items: center; gap: 3px;}.sp-req__request-cat{background: rgba(139, 92, 246, 0.08); padding: 2px 8px; border-radius: 5px; font-weight: 600; color: #6d28d9;}.sp-req__request-date{display: inline-flex; align-items: center; gap: 3px;}.sp-req__request-progress-wrap{display: flex; align-items: center; gap: 10px;}.sp-req__request-progress{flex: 1; height: 4px; background: rgba(0, 0, 0, 0.04); border-radius: 2px; overflow: hidden;}.sp-req__request-bar{height: 100%; border-radius: 2px; transition: width 0.5s ease;}.sp-req__request-progress-text{font-size: 11px; font-weight: 700; color: #94a3b8; min-width: 32px; text-align: right;}.sp-req__request-right{display: flex; align-items: center; gap: 10px; flex-shrink: 0;}.sp-req__request-badge{font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 8px; white-space: nowrap;}.sp-req__request-badge--lg{font-size: 14px; padding: 6px 16px;}.sp-req__request-arrow{display: flex; align-items: center; padding: 0 12px 0 4px; color: #d1d5db; transition: all 0.2s;}.sp-req__request-card:hover .sp-req__request-arrow{color: #8b5cf6; transform: translateX(2px);}.sp-req__btn{display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border: none; border-radius: 0.6rem; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit;}.sp-req__btn:disabled, .sp-req__btn.o_wysiwyg_loader{opacity: 0.6; cursor: not-allowed;}.sp-req__btn--primary{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.25);}.sp-req__btn--primary:hover:not(:disabled):not(.o_wysiwyg_loader){transform: translateY(-1px); box-shadow: 0 6px 16px rgba(109, 40, 217, 0.35);}.sp-req__btn--secondary{background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(6px); border: 1px solid rgba(0, 0, 0, 0.06); color: #334155;}.sp-req__btn--secondary:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(255, 255, 255, 0.9);}.sp-req__btn--draft{background: transparent; color: #64748b; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-req__btn--draft:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(255, 255, 255, 0.5);}.sp-req__btn--submit{color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}.sp-req__btn--submit:hover:not(:disabled):not(.o_wysiwyg_loader){filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);}.sp-req__btn-spinner{width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #fff; border-radius: 50%; animation: sp-req-spin 0.6s linear infinite; display: inline-block;}.sp-req__modal-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); z-index: 9999; display: flex; align-items: flex-start; justify-content: center; padding: 40px 20px; overflow-y: auto; animation: sp-req-fadeIn 0.2s ease;}.sp-req__modal{width: 680px; max-width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1.25rem; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12); overflow: hidden; animation: sp-req-scaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative;}.sp-req__modal--detail{width: 620px;}.sp-req__modal-header{display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-req__modal-header-left{display: flex; align-items: center; gap: 14px;}.sp-req__modal-icon{width: 44px; height: 44px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;}.sp-req__modal-icon .material-icons{font-size: 22px;}.sp-req__modal-title{font-size: 18px; font-weight: 700; margin: 0; color: #1e293b;}.sp-req__modal-subtitle{font-size: 13px; color: #94a3b8; margin: 2px 0 0;}.sp-req__modal-close{width: 36px; height: 36px; border: none; border-radius: 0.6rem; background: rgba(0, 0, 0, 0.04); color: #64748b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}.sp-req__modal-close:hover{background: rgba(0, 0, 0, 0.08); color: #334155; transform: rotate(90deg);}.sp-req__modal-banner{height: 3px;}.sp-req__form-progress{height: 2px; background: rgba(0, 0, 0, 0.04); overflow: hidden;}.sp-req__form-progress-bar{height: 100%; transition: width 0.4s ease; border-radius: 0 2px 2px 0;}.sp-req__form-progress-label{font-size: 12px; color: #94a3b8; font-weight: 600;}.sp-req__form-steps{display: flex; align-items: center; gap: 0; margin-bottom: 20px; padding: 14px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-req__form-step{display: flex; align-items: center; gap: 8px; flex: 1; font-size: 13px; font-weight: 600; color: #64748b;}.sp-req__form-step:not(:last-child)::after{content: ''; flex: 1; height: 2px; background: rgba(0, 0, 0, 0.06); margin: 0 8px;}.sp-req__form-step-num{width: 28px; height: 28px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); color: #6d28d9; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-req__modal-body{padding: 1.25rem 1.5rem; max-height: 55vh; overflow-y: auto;}.sp-req__modal-body::-webkit-scrollbar{width: 5px;}.sp-req__modal-body::-webkit-scrollbar-track{background: transparent;}.sp-req__modal-body::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.08); border-radius: 3px;}.sp-req__modal-body::-webkit-scrollbar-thumb:hover{background: rgba(0, 0, 0, 0.15);}.sp-req__modal-footer{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.04);}.sp-req__modal-footer-btns{display: flex; gap: 10px;}.sp-req__success-overlay{display: flex; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; animation: sp-req-fadeIn 0.3s ease;}.sp-req__success-content h3, .sp-req__success-content .h3{font-size: 20px; font-weight: 700; margin: 16px 0 8px; color: #10b981;}.sp-req__success-content p{font-size: 14px; color: #64748b; line-height: 1.5; max-width: 320px; margin: 0 auto;}.sp-req__success-check{width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #10b981, #06b6d4); display: flex; align-items: center; justify-content: center; margin: 0 auto; animation: sp-req-checkmark 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);}.sp-req__success-check .material-icons{font-size: 32px; color: #fff;}.sp-req__error-toast{display: flex; align-items: center; gap: 10px; padding: 12px 20px; background: rgba(239, 68, 68, 0.06); color: #b91c1c; font-size: 14px; font-weight: 600;}.sp-req__error-toast .material-icons{font-size: 20px;}.sp-req__error-toast span:nth-child(2){flex: 1;}.sp-req__section-title{font-size: 14px; font-weight: 700; color: #374151; margin: 20px 0 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.04); display: flex; align-items: center;}.sp-req__section-title:first-child{margin-top: 0;}.sp-req__section-icon{font-weight: 800; margin-right: 6px; font-size: 15px;}.sp-req__field-grid{display: grid; gap: 16px;}.sp-req__field-grid--1{grid-template-columns: 1fr;}.sp-req__field-grid--2{grid-template-columns: repeat(2, 1fr);}.sp-req__field-grid--3{grid-template-columns: repeat(3, 1fr);}.sp-req__field--full{grid-column: 1 / -1;}.sp-req__field-label{display: block; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 6px;}.sp-req__required{color: #ef4444; margin-left: 2px;}.sp-req__input{width: 100%; padding: 10px 14px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.55rem; font-size: 14px; font-family: inherit; color: #1e293b; background: rgba(255, 255, 255, 0.7); transition: all 0.2s; box-sizing: border-box;}.sp-req__input:focus{outline: none; border-color: rgba(139, 92, 246, 0.5); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08); background: #fff;}.sp-req__input::placeholder{color: #94a3b8;}.sp-req__input--textarea{min-height: 80px; resize: vertical;}select.sp-req__input{appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px; padding-right: 36px;}.sp-req__checkbox{display: flex; align-items: flex-start; gap: 10px; cursor: pointer; padding: 12px 16px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.6rem; transition: all 0.2s; background: rgba(255, 255, 255, 0.5);}.sp-req__checkbox:hover{background: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.1);}.sp-req__checkbox input[type="checkbox"]{width: 18px; height: 18px; margin-top: 2px; flex-shrink: 0; accent-color: #8b5cf6;}.sp-req__checkbox strong{font-size: 14px;}.sp-req__help{display: block; color: #94a3b8; font-size: 12px; margin-top: 2px;}.sp-req__file-section{margin-top: 8px;}.sp-req__file-dropzone{display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px; border: 2px dashed rgba(0, 0, 0, 0.08); border-radius: 0.85rem; cursor: pointer; transition: all 0.2s; text-align: center;}.sp-req__file-dropzone:hover{border-color: rgba(139, 92, 246, 0.4); background: rgba(139, 92, 246, 0.02);}.sp-req__file-dropzone p{margin: 0; font-size: 14px; color: #64748b;}.sp-req__file-dropzone p strong{color: #6d28d9;}.sp-req__file-dropzone small, .sp-req__file-dropzone .small{color: #94a3b8; font-size: 12px;}.sp-req__file-dropzone-icon{width: 48px; height: 48px; border-radius: 50%; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center;}.sp-req__file-dropzone-icon .material-icons{font-size: 24px; color: #8b5cf6;}.sp-req__file-info{display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.75rem;}.sp-req__file-icon{width: 40px; height: 40px; border-radius: 0.6rem; background: rgba(139, 92, 246, 0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-req__file-icon .material-icons{font-size: 20px; color: #8b5cf6;}.sp-req__file-details{flex: 1; min-width: 0;}.sp-req__file-details small, .sp-req__file-details .small{display: block; color: #94a3b8; font-size: 12px; margin-top: 2px;}.sp-req__file-name{font-size: 14px; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.sp-req__file-remove{width: 32px; height: 32px; border: none; border-radius: 8px; background: rgba(239, 68, 68, 0.08); color: #ef4444; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0;}.sp-req__file-remove .material-icons{font-size: 18px;}.sp-req__file-remove:hover{background: rgba(239, 68, 68, 0.15); transform: scale(1.05);}.sp-req__detail-status{display: flex; align-items: center; gap: 20px; margin-bottom: 24px; flex-wrap: wrap;}.sp-req__detail-progress{flex: 1; min-width: 200px;}.sp-req__detail-progress span{font-size: 12px; color: #64748b; margin-top: 4px; display: block;}.sp-req__detail-progress-bar{height: 6px; background: rgba(0, 0, 0, 0.04); border-radius: 3px; overflow: hidden;}.sp-req__detail-progress-fill{height: 100%; border-radius: 3px; transition: width 0.5s ease;}.sp-req__detail-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 24px;}.sp-req__detail-item{display: flex; flex-direction: column; gap: 4px; padding: 10px 14px; background: rgba(0, 0, 0, 0.02); border-radius: 0.6rem; border: 1px solid rgba(0, 0, 0, 0.03);}.sp-req__detail-label{font-size: 12px; color: #94a3b8; font-weight: 600; display: flex; align-items: center; gap: 4px;}.sp-req__detail-value{font-size: 14px; font-weight: 600; color: #1e293b;}.sp-req__detail-desc{margin-bottom: 24px;}.sp-req__detail-desc h4, .sp-req__detail-desc .h4{font-size: 14px; font-weight: 700; margin: 0 0 10px; color: #374151; display: flex; align-items: center;}.sp-req__detail-desc-content{padding: 16px; background: rgba(0, 0, 0, 0.02); border-radius: 0.75rem; font-size: 14px; line-height: 1.6; border: 1px solid rgba(0, 0, 0, 0.03);}.sp-req__detail-desc-content table{width: 100%; border-collapse: collapse;}.sp-req__detail-desc-content td{padding: 6px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-req__detail-desc-content h4, .sp-req__detail-desc-content .h4{margin: 12px 0 8px; font-size: 14px; color: #374151;}.sp-req__timeline h4, .sp-req__timeline .h4{font-size: 14px; font-weight: 700; margin: 0 0 16px; color: #374151; display: flex; align-items: center;}.sp-req__timeline-track{display: flex; align-items: flex-start; gap: 0; position: relative;}.sp-req__timeline-track::before{content: ''; position: absolute; top: 12px; left: 12px; right: 12px; height: 2px; background: rgba(0, 0, 0, 0.06);}.sp-req__timeline-step{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; z-index: 1;}.sp-req__timeline-step span{font-size: 11px; color: #94a3b8; font-weight: 600; text-align: center;}.sp-req__timeline-step--done .sp-req__timeline-dot{background: #10b981; border-color: #10b981;}.sp-req__timeline-step--done span{color: #10b981;}.sp-req__timeline-step--current .sp-req__timeline-dot{background: #8b5cf6; border-color: #8b5cf6; box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);}.sp-req__timeline-step--current span{color: #8b5cf6; font-weight: 700;}.sp-req__timeline-dot{width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 2px solid rgba(0, 0, 0, 0.08); transition: all 0.3s; display: flex; align-items: center; justify-content: center;}.dark.sp-req, .dark .sp-req{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%); color: #e2e8f0;}.dark .sp-req--loading-page, .dark .sp-req--error{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%);}.dark .sp-req__error-card{background: rgba(30, 41, 59, 0.8); backdrop-filter: blur(12px); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__error-card h3, .dark .sp-req__error-card .h3{color: #e2e8f0;}.dark .sp-req__error-icon-wrap{background: rgba(127, 29, 29, 0.2);}.dark .sp-req__skeleton-bar, .dark .sp-req__skeleton-stat, .dark .sp-req__skeleton-tab, .dark .sp-req__skeleton-card{background: linear-gradient(90deg, rgba(30, 41, 59, 0.6) 25%, rgba(51, 65, 85, 0.6) 50%, rgba(30, 41, 59, 0.6) 75%); background-size: 200% 100%; border-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__subtitle{color: #94a3b8;}.dark .sp-req__kbd{background: rgba(30, 41, 59, 0.6); border-color: rgba(51, 65, 85, 0.5); color: #94a3b8;}.dark .sp-req__stat-card{background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(12px); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__stat-label{color: #94a3b8;}.dark .sp-req__stat-ring{border-color: rgba(139, 92, 246, 0.08);}.dark .sp-req__tabs{background: rgba(30, 41, 59, 0.5); backdrop-filter: blur(8px); border-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__tab{color: #94a3b8;}.dark .sp-req__tab:hover{background: rgba(51, 65, 85, 0.4); color: #e2e8f0;}.dark .sp-req__tab--active{background: rgba(255, 255, 255, 0.08); color: #c4b5fd;}.dark .sp-req__tab--active:hover{background: rgba(255, 255, 255, 0.1); color: #c4b5fd;}.dark .sp-req__tab-badge{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff;}.dark .sp-req__tip{background: rgba(30, 41, 59, 0.5); backdrop-filter: blur(10px); border-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__tip strong{color: #e2e8f0;}.dark .sp-req__tip p{color: #94a3b8;}.dark .sp-req__category-chip{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.4); color: #94a3b8;}.dark .sp-req__category-chip:hover{background: rgba(51, 65, 85, 0.5); color: #e2e8f0;}.dark .sp-req__category-chip--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent;}.dark .sp-req__service-search{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__service-search:focus-within{border-color: rgba(139, 92, 246, 0.4); background: rgba(30, 41, 59, 0.7);}.dark .sp-req__catalog-clear{background: rgba(127, 29, 29, 0.2); color: #fca5a5;}.dark .sp-req__service-card{background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(12px); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__service-card:hover{box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2); border-color: rgba(139, 92, 246, 0.2);}.dark .sp-req__service-name{color: #e2e8f0;}.dark .sp-req__service-desc{color: #94a3b8;}.dark .sp-req__service-time{color: #64748b;}.dark .sp-req__service-footer{border-top-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__search{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__search:focus-within{border-color: rgba(139, 92, 246, 0.4); background: rgba(30, 41, 59, 0.7);}.dark .sp-req__sort-select{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.4); color: #e2e8f0;}.dark .sp-req__sort-select:focus{border-color: rgba(139, 92, 246, 0.4);}.dark .sp-req__filter-btn{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.4); color: #94a3b8;}.dark .sp-req__filter-btn:hover{background: rgba(51, 65, 85, 0.5);}.dark .sp-req__filter-btn--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent;}.dark .sp-req__empty{background: rgba(30, 41, 59, 0.6); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__empty p{color: #94a3b8;}.dark .sp-req__empty-illustration{background: rgba(139, 92, 246, 0.1);}.dark .sp-req__request-card{background: rgba(30, 41, 59, 0.6); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__request-card:hover{box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); border-color: rgba(139, 92, 246, 0.2);}.dark .sp-req__request-title{color: #e2e8f0;}.dark .sp-req__request-meta{color: #64748b;}.dark .sp-req__request-id{color: #c4b5fd;}.dark .sp-req__request-cat{background: rgba(139, 92, 246, 0.1); color: #c4b5fd;}.dark .sp-req__request-progress{background: rgba(255, 255, 255, 0.04);}.dark .sp-req__request-arrow{color: #475569;}.sp-req__request-card:hover .dark .sp-req__request-arrow{color: #8b5cf6;}.dark .sp-req__modal{background: rgba(30, 41, 59, 0.95); backdrop-filter: blur(20px); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__modal-header{border-bottom-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__modal-title{color: #e2e8f0;}.dark .sp-req__modal-subtitle{color: #64748b;}.dark .sp-req__modal-close{background: rgba(51, 65, 85, 0.4); color: #94a3b8;}.dark .sp-req__modal-close:hover{background: rgba(51, 65, 85, 0.6); color: #e2e8f0;}.dark .sp-req__modal-footer{border-top-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__form-progress{background: rgba(255, 255, 255, 0.04);}.dark .sp-req__form-steps{border-bottom-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__form-step-num{background: rgba(139, 92, 246, 0.12); color: #c4b5fd;}.dark .sp-req__section-title{color: #e2e8f0; border-bottom-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__field-label{color: #e2e8f0;}.dark .sp-req__input{background: rgba(15, 23, 42, 0.6); border-color: rgba(51, 65, 85, 0.5); color: #e2e8f0;}.dark .sp-req__input::placeholder{color: #64748b;}.dark .sp-req__input:focus{border-color: rgba(139, 92, 246, 0.5); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1); background: rgba(15, 23, 42, 0.8);}.dark .sp-req__checkbox{border-color: rgba(51, 65, 85, 0.5); background: rgba(30, 41, 59, 0.4);}.dark .sp-req__checkbox:hover{background: rgba(51, 65, 85, 0.4);}.dark .sp-req__checkbox strong{color: #e2e8f0;}.dark .sp-req__help{color: #64748b;}.dark .sp-req__file-dropzone{border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__file-dropzone:hover{border-color: rgba(139, 92, 246, 0.4); background: rgba(139, 92, 246, 0.04);}.dark .sp-req__file-dropzone p{color: #94a3b8;}.dark .sp-req__file-dropzone p strong{color: #c4b5fd;}.dark .sp-req__file-dropzone-icon{background: rgba(139, 92, 246, 0.12);}.dark .sp-req__file-info{background: rgba(15, 23, 42, 0.5); border-color: rgba(51, 65, 85, 0.4);}.dark .sp-req__file-icon{background: rgba(139, 92, 246, 0.12);}.dark .sp-req__file-remove{background: rgba(127, 29, 29, 0.2); color: #fca5a5;}.dark .sp-req__file-remove:hover{background: rgba(127, 29, 29, 0.3);}.dark .sp-req__error-toast{background: rgba(127, 29, 29, 0.2); color: #fca5a5;}.dark .sp-req__detail-item{background: rgba(15, 23, 42, 0.4); border-color: rgba(51, 65, 85, 0.3);}.dark .sp-req__detail-value{color: #e2e8f0;}.dark .sp-req__detail-label{color: #64748b;}.dark .sp-req__detail-desc h4, .dark .sp-req__detail-desc .h4{color: #e2e8f0;}.dark .sp-req__detail-desc-content{background: rgba(15, 23, 42, 0.4); border-color: rgba(51, 65, 85, 0.3);}.dark .sp-req__detail-desc-content td{border-bottom-color: rgba(51, 65, 85, 0.3);}.dark .sp-req__detail-desc-content h4, .dark .sp-req__detail-desc-content .h4{color: #e2e8f0;}.dark .sp-req__timeline h4, .dark .sp-req__timeline .h4{color: #e2e8f0;}.dark .sp-req__timeline-track::before{background: rgba(51, 65, 85, 0.4);}.dark .sp-req__timeline-dot{background: rgba(30, 41, 59, 0.8); border-color: rgba(51, 65, 85, 0.5);}.dark .sp-req__timeline-step span{color: #64748b;}.dark .sp-req__timeline-step--current .sp-req__timeline-dot{border-color: #8b5cf6; background: #8b5cf6;}.dark .sp-req__btn--draft{border-color: rgba(51, 65, 85, 0.5); color: #94a3b8;}.dark .sp-req__btn--draft:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(51, 65, 85, 0.4);}.dark .sp-req__btn--secondary{background: rgba(51, 65, 85, 0.4); border-color: rgba(51, 65, 85, 0.5); color: #e2e8f0;}.dark .sp-req__btn--secondary:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(51, 65, 85, 0.6);}.dark .sp-req__modal-body::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.08);}.dark .sp-req__modal-body::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.15);}@media (max-width: 1024px){.sp-req__stats{grid-template-columns: repeat(2, 1fr);}.sp-req__tips{grid-template-columns: repeat(2, 1fr);}.sp-req__grid{grid-template-columns: repeat(2, 1fr);}.sp-req__skeleton-stats{grid-template-columns: repeat(2, 1fr);}.sp-req__skeleton-grid{grid-template-columns: repeat(2, 1fr);}.sp-req__field-grid--3{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px){.sp-req__main{padding: 1rem 1rem 2rem;}.sp-req__title{font-size: 22px;}.sp-req__stats{grid-template-columns: 1fr 1fr; gap: 10px;}.sp-req__stat-card{padding: 0.85rem;}.sp-req__stat-value{font-size: 22px;}.sp-req__tips{grid-template-columns: 1fr;}.sp-req__grid{grid-template-columns: 1fr;}.sp-req__skeleton-grid{grid-template-columns: 1fr;}.sp-req__header-actions{display: none;}.sp-req__catalog-toolbar{flex-direction: column; align-items: stretch;}.sp-req__category-chips{overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px;}.sp-req__category-chips::-webkit-scrollbar{height: 0;}.sp-req__service-search{min-width: 100%;}.sp-req__filters{flex-direction: column;}.sp-req__search{width: 100%;}.sp-req__sort-wrap{width: 100%;}.sp-req__sort-select{width: 100%;}.sp-req__filter-btns{overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px;}.sp-req__filter-btns::-webkit-scrollbar{height: 0;}.sp-req__request-top-row{flex-direction: column; gap: 8px;}.sp-req__request-right{align-self: flex-start;}.sp-req__modal-overlay{padding: 20px 10px;}.sp-req__modal{width: 100%; border-radius: 1rem;}.sp-req__field-grid--2, .sp-req__field-grid--3{grid-template-columns: 1fr;}.sp-req__detail-grid{grid-template-columns: 1fr;}.sp-req__timeline-track{flex-wrap: wrap; justify-content: center; gap: 8px;}.sp-req__timeline-track::before{display: none;}.sp-req__timeline-step{flex: 0 0 auto;}.sp-req__form-steps{flex-wrap: wrap; gap: 8px;}.sp-req__form-step:not(:last-child)::after{display: none;}.sp-req__modal-footer{flex-direction: column; gap: 8px;}.sp-req__modal-footer-btns{width: 100%;}.sp-req__modal-footer-btns .sp-req__btn{flex: 1; justify-content: center;}}@media (max-width: 480px){.sp-req__stats{grid-template-columns: 1fr;}.sp-req__tab{padding: 10px 12px; font-size: 13px;}.sp-req__skeleton-stats{grid-template-columns: 1fr;}} /* /odoocms_student_portal/static/src/scss/_enrollment_schedule_spa.scss */ .sp-sched{min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; position: relative;}.sp-sched--loading{display: flex; align-items: center; justify-content: center;}.sp-sched__skeleton-wrap{width: 100%; max-width: 900px; padding: 3rem 1.5rem; margin: 0 auto;}.sp-sched__skeleton-bar{border-radius: 8px; background: linear-gradient(90deg, rgba(139, 92, 246, 0.08) 25%, rgba(139, 92, 246, 0.15) 50%, rgba(139, 92, 246, 0.08) 75%); background-size: 200% 100%; animation: spSchedShimmer 1.5s ease infinite;}.sp-sched__skeleton-bar--title{width: 260px; height: 28px; margin-bottom: 8px;}.sp-sched__skeleton-bar--subtitle{width: 180px; height: 16px; margin-bottom: 32px;}.sp-sched__skeleton-term{height: 120px; border-radius: 16px; margin-bottom: 24px; background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSchedShimmer 1.5s ease infinite;}.sp-sched__skeleton-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 32px;}.sp-sched__skeleton-stat{height: 72px; border-radius: 12px; background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSchedShimmer 1.5s ease infinite;}.sp-sched__skeleton-timeline{display: flex; flex-direction: column; gap: 16px;}.sp-sched__skeleton-item{height: 100px; border-radius: 12px; background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSchedShimmer 1.5s ease infinite;}.sp-sched--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-sched__error-card{text-align: center; padding: 3rem; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);}.sp-sched__error-card .material-icons{font-size: 48px; color: #ef4444; margin-bottom: 16px;}.sp-sched__error-card h3, .sp-sched__error-card .h3{margin: 0 0 8px; font-weight: 700; color: #1e293b;}.sp-sched__error-card p{margin: 0 0 24px; color: #64748b;}.sp-sched__sidebar-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(2px); z-index: 40;}.sp-sched__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-sched__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-sched__main{padding-left: 5rem; padding-right: 5rem;}}.sp-sched__header{margin-bottom: 2rem;}.sp-sched__header h1, .sp-sched__header .h1{font-size: 1.75rem; font-weight: 800; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0;}.sp-sched__header h1 .material-icons, .sp-sched__header .h1 .material-icons{font-size: 2rem; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}.sp-sched__header-sub{margin: 0.25rem 0 0; color: #6b7280; font-size: 0.875rem; font-weight: 500;}.sp-sched__term-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04); padding: 1.5rem; margin-bottom: 1.5rem;}.sp-sched__term-top{display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-sched__term-icon{width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, rgba(109, 40, 217, 0.1), rgba(139, 92, 246, 0.15)); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-sched__term-icon .material-icons{font-size: 26px; color: #6d28d9;}.sp-sched__term-info{flex: 1; min-width: 200px;}.sp-sched__term-info h3, .sp-sched__term-info .h3{margin: 0; font-size: 1.125rem; font-weight: 700; color: #1e293b;}.sp-sched__term-info p{margin: 4px 0 0; font-size: 0.8125rem; color: #6b7280; display: flex; align-items: center; gap: 4px; flex-wrap: wrap;}.sp-sched__term-progress-wrap{min-width: 180px; text-align: right;}.sp-sched__term-progress-label{font-size: 0.75rem; font-weight: 600; color: #6d28d9; display: block; margin-bottom: 6px;}.sp-sched__term-progress-bar{width: 100%; height: 8px; background: rgba(139, 92, 246, 0.1); border-radius: 4px; overflow: hidden;}.sp-sched__term-progress-fill{height: 100%; background: linear-gradient(90deg, #6d28d9, #8b5cf6, #a78bfa); border-radius: 4px; transition: width 1s ease;}.sp-sched__term-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-top: 1.25rem; border-top: 1px solid rgba(139, 92, 246, 0.08);}.sp-sched__stat{text-align: center; padding: 0.75rem 0.5rem; border-radius: 12px; background: rgba(139, 92, 246, 0.04);}.sp-sched__stat--completed{background: rgba(16, 185, 129, 0.06);}.sp-sched__stat--completed .sp-sched__stat-value{color: #10b981;}.sp-sched__stat--active{background: rgba(139, 92, 246, 0.06);}.sp-sched__stat--active .sp-sched__stat-value{color: #8b5cf6;}.sp-sched__stat--upcoming{background: rgba(245, 158, 11, 0.06);}.sp-sched__stat--upcoming .sp-sched__stat-value{color: #f59e0b;}.sp-sched__stat-value{display: block; font-size: 1.5rem; font-weight: 800; color: #6d28d9; line-height: 1;}.sp-sched__stat-label{display: block; font-size: 0.6875rem; color: #6b7280; font-weight: 500; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em;}.sp-sched__quick-info{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 2rem;}.sp-sched__info-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04); padding: 1.25rem;}.sp-sched__info-card h4, .sp-sched__info-card .h4{margin: 0.75rem 0 0.25rem; font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-sched__info-card--current{border-left: 4px solid #8b5cf6;}.sp-sched__info-card--next{border-left: 4px solid #f59e0b;}.sp-sched__info-header{display: flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #6b7280;}.sp-sched__info-header .material-icons{font-size: 18px; color: #8b5cf6;}.sp-sched__info-card--next .sp-sched__info-header .material-icons{color: #f59e0b;}.sp-sched__info-dates{margin: 0; font-size: 0.8125rem; color: #6b7280;}.sp-sched__info-badge{display: inline-flex; align-items: center; gap: 5px; margin-top: 0.75rem; padding: 4px 10px; border-radius: 20px; font-size: 0.6875rem; font-weight: 600;}.sp-sched__info-badge--active{background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-sched__info-badge--upcoming{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-sched__info-empty{margin: 0.75rem 0 0; color: #94a3b8; font-size: 0.8125rem; font-style: italic;}.sp-sched__pulse{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #8b5cf6; animation: spSchedPulse 1.5s ease infinite;}.sp-sched__section-header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem;}.sp-sched__section-header .material-icons{font-size: 1.5rem; color: #8b5cf6;}.sp-sched__section-header h2, .sp-sched__section-header .h2{margin: 0; font-size: 1.25rem; font-weight: 700; color: #1e293b;}.sp-sched__timeline{position: relative; padding-left: 28px; margin-bottom: 3rem;}.sp-sched__timeline-line{position: absolute; left: 11px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(180deg, rgba(139, 92, 246, 0.3), rgba(139, 92, 246, 0.05)); border-radius: 1px;}.sp-sched__timeline-item{position: relative; margin-bottom: 16px; animation: spSchedSlideIn 0.5s ease both;}.sp-sched__timeline-item:last-child{margin-bottom: 0;}.sp-sched__timeline-dot{position: absolute; left: -28px; top: 20px; width: 24px; height: 24px; border-radius: 50%; border: 3px solid; display: flex; align-items: center; justify-content: center; z-index: 2; background: white !important;}.sp-sched__dot-pulse{position: absolute; width: 100%; height: 100%; border-radius: 50%; animation: spSchedRingPulse 2s ease infinite; opacity: 0.4;}.sp-sched__timeline-item--completed .sp-sched__timeline-dot{background: white !important;}.sp-sched__timeline-item--completed .sp-sched__timeline-dot::after{content: ''; width: 8px; height: 8px; border-radius: 50%; background: inherit;}.sp-sched__timeline-item--active .sp-sched__timeline-dot{box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);}.sp-sched__timeline-item--upcoming .sp-sched__timeline-dot{opacity: 0.6;}.sp-sched__timeline-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); overflow: hidden; display: flex; transition: transform 0.2s ease, box-shadow 0.2s ease;}.sp-sched__timeline-card:hover{transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);}.sp-sched__card-accent{width: 4px; flex-shrink: 0;}.sp-sched__card-body{flex: 1; padding: 1rem 1.25rem;}.sp-sched__card-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; flex-wrap: wrap; gap: 6px;}.sp-sched__type-badge{display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 0.6875rem; font-weight: 600;}.sp-sched__type-badge .material-icons{font-size: 14px !important;}.sp-sched__status{display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 0.6875rem; font-weight: 600;}.sp-sched__status--completed{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-sched__status--completed .material-icons{color: #059669;}.sp-sched__status--active{background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-sched__status--upcoming{background: rgba(100, 116, 139, 0.08); color: #64748b;}.sp-sched__status--upcoming .material-icons{color: #64748b;}.sp-sched__status-dot{width: 7px; height: 7px; border-radius: 50%; background: #8b5cf6; animation: spSchedPulse 1.5s ease infinite;}.sp-sched__card-title{margin: 0 0 0.5rem; font-size: 1rem; font-weight: 700; color: #1e293b;}.sp-sched__card-dates{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 0.5rem;}.sp-sched__date-item{display: inline-flex; align-items: center; gap: 4px; font-size: 0.8125rem; color: #4b5563;}.sp-sched__date-item .material-icons{font-size: 15px; color: #9ca3af;}.sp-sched__date-separator{color: #d1d5db; font-weight: 600;}.sp-sched__card-footer{display: flex; align-items: center; gap: 8px;}.sp-sched__duration{display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 0.6875rem; font-weight: 600;}.sp-sched__duration .material-icons{font-size: 13px !important;}.sp-sched__btn{display: inline-flex; align-items: center; gap: 6px; padding: 0.625rem 1.25rem; border-radius: 10px; font-size: 0.8125rem; font-weight: 600; border: none; cursor: pointer; transition: all 0.2s ease;}.sp-sched__btn--primary{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: white;}.sp-sched__btn--primary:hover{transform: translateY(-1px); box-shadow: 0 4px 16px rgba(109, 40, 217, 0.3);}@keyframes spSchedShimmer{0%{background-position: 200% 0;}100%{background-position: -200% 0;}}@keyframes spSchedPulse{0%, 100%{opacity: 1; transform: scale(1);}50%{opacity: 0.5; transform: scale(0.85);}}@keyframes spSchedRingPulse{0%{transform: scale(1); opacity: 0.4;}70%{transform: scale(2.2); opacity: 0;}100%{transform: scale(1); opacity: 0;}}@keyframes spSchedSlideIn{from{opacity: 0; transform: translateY(16px);}to{opacity: 1; transform: translateY(0);}}.sp-animate-slide-up{animation: spSchedSlideIn 0.5s ease both;}.dark .sp-sched, .sp-sched.dark{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%);}.dark .sp-sched .sp-sched__header h1, .dark .sp-sched .sp-sched__header .h1, .sp-sched.dark .sp-sched__header h1, .sp-sched.dark .sp-sched__header .h1{color: #f1f5f9;}.dark .sp-sched .sp-sched__header h1 .material-icons, .dark .sp-sched .sp-sched__header .h1 .material-icons, .sp-sched.dark .sp-sched__header h1 .material-icons, .sp-sched.dark .sp-sched__header .h1 .material-icons{-webkit-text-fill-color: transparent;}.dark .sp-sched .sp-sched__header-sub, .sp-sched.dark .sp-sched__header-sub{color: #9ca3af;}.dark .sp-sched .sp-sched__term-card, .dark .sp-sched .sp-sched__info-card, .dark .sp-sched .sp-sched__timeline-card, .sp-sched.dark .sp-sched__term-card, .sp-sched.dark .sp-sched__info-card, .sp-sched.dark .sp-sched__timeline-card{background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(12px); border-color: rgba(255, 255, 255, 0.06); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);}.dark .sp-sched .sp-sched__term-icon, .sp-sched.dark .sp-sched__term-icon{background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(167, 139, 250, 0.2));}.dark .sp-sched .sp-sched__term-icon .material-icons, .sp-sched.dark .sp-sched__term-icon .material-icons{color: #a78bfa;}.dark .sp-sched .sp-sched__term-info h3, .dark .sp-sched .sp-sched__term-info .h3, .sp-sched.dark .sp-sched__term-info h3, .sp-sched.dark .sp-sched__term-info .h3{color: #f1f5f9;}.dark .sp-sched .sp-sched__term-info p, .sp-sched.dark .sp-sched__term-info p{color: #9ca3af;}.dark .sp-sched .sp-sched__term-progress-label, .sp-sched.dark .sp-sched__term-progress-label{color: #a78bfa;}.dark .sp-sched .sp-sched__term-progress-bar, .sp-sched.dark .sp-sched__term-progress-bar{background: rgba(139, 92, 246, 0.15);}.dark .sp-sched .sp-sched__term-stats, .sp-sched.dark .sp-sched__term-stats{border-top-color: rgba(255, 255, 255, 0.06);}.dark .sp-sched .sp-sched__stat, .sp-sched.dark .sp-sched__stat{background: rgba(139, 92, 246, 0.08);}.dark .sp-sched .sp-sched__stat--completed, .sp-sched.dark .sp-sched__stat--completed{background: rgba(16, 185, 129, 0.1);}.dark .sp-sched .sp-sched__stat--active, .sp-sched.dark .sp-sched__stat--active{background: rgba(139, 92, 246, 0.1);}.dark .sp-sched .sp-sched__stat--upcoming, .sp-sched.dark .sp-sched__stat--upcoming{background: rgba(245, 158, 11, 0.08);}.dark .sp-sched .sp-sched__stat-value, .sp-sched.dark .sp-sched__stat-value{color: #c4b5fd;}.dark .sp-sched .sp-sched__stat--completed .sp-sched__stat-value, .sp-sched.dark .sp-sched__stat--completed .sp-sched__stat-value{color: #34d399;}.dark .sp-sched .sp-sched__stat--active .sp-sched__stat-value, .sp-sched.dark .sp-sched__stat--active .sp-sched__stat-value{color: #a78bfa;}.dark .sp-sched .sp-sched__stat--upcoming .sp-sched__stat-value, .sp-sched.dark .sp-sched__stat--upcoming .sp-sched__stat-value{color: #fbbf24;}.dark .sp-sched .sp-sched__stat-label, .sp-sched.dark .sp-sched__stat-label{color: #9ca3af;}.dark .sp-sched .sp-sched__info-header, .sp-sched.dark .sp-sched__info-header{color: #9ca3af;}.dark .sp-sched .sp-sched__info-card h4, .dark .sp-sched .sp-sched__info-card .h4, .sp-sched.dark .sp-sched__info-card h4, .sp-sched.dark .sp-sched__info-card .h4{color: #f1f5f9;}.dark .sp-sched .sp-sched__info-dates, .sp-sched.dark .sp-sched__info-dates{color: #9ca3af;}.dark .sp-sched .sp-sched__info-empty, .sp-sched.dark .sp-sched__info-empty{color: #64748b;}.dark .sp-sched .sp-sched__info-badge--active, .sp-sched.dark .sp-sched__info-badge--active{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.dark .sp-sched .sp-sched__info-badge--upcoming, .sp-sched.dark .sp-sched__info-badge--upcoming{background: rgba(245, 158, 11, 0.15); color: #fbbf24;}.dark .sp-sched .sp-sched__pulse, .sp-sched.dark .sp-sched__pulse{background: #a78bfa;}.dark .sp-sched .sp-sched__section-header .material-icons, .sp-sched.dark .sp-sched__section-header .material-icons{color: #a78bfa;}.dark .sp-sched .sp-sched__section-header h2, .dark .sp-sched .sp-sched__section-header .h2, .sp-sched.dark .sp-sched__section-header h2, .sp-sched.dark .sp-sched__section-header .h2{color: #f1f5f9;}.dark .sp-sched .sp-sched__timeline-line, .sp-sched.dark .sp-sched__timeline-line{background: linear-gradient(180deg, rgba(167, 139, 250, 0.3), rgba(167, 139, 250, 0.05));}.dark .sp-sched .sp-sched__timeline-dot, .sp-sched.dark .sp-sched__timeline-dot{background: #1e293b !important;}.dark .sp-sched .sp-sched__card-title, .sp-sched.dark .sp-sched__card-title{color: #f1f5f9;}.dark .sp-sched .sp-sched__date-item, .sp-sched.dark .sp-sched__date-item{color: #d1d5db;}.dark .sp-sched .sp-sched__date-item .material-icons, .sp-sched.dark .sp-sched__date-item .material-icons{color: #6b7280;}.dark .sp-sched .sp-sched__date-separator, .sp-sched.dark .sp-sched__date-separator{color: #4b5563;}.dark .sp-sched .sp-sched__status--completed, .sp-sched.dark .sp-sched__status--completed{background: rgba(16, 185, 129, 0.15); color: #34d399;}.dark .sp-sched .sp-sched__status--completed .material-icons, .sp-sched.dark .sp-sched__status--completed .material-icons{color: #34d399;}.dark .sp-sched .sp-sched__status--active, .sp-sched.dark .sp-sched__status--active{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.dark .sp-sched .sp-sched__status--upcoming, .sp-sched.dark .sp-sched__status--upcoming{background: rgba(100, 116, 139, 0.12); color: #94a3b8;}.dark .sp-sched .sp-sched__status--upcoming .material-icons, .sp-sched.dark .sp-sched__status--upcoming .material-icons{color: #94a3b8;}.dark .sp-sched .sp-sched__status-dot, .sp-sched.dark .sp-sched__status-dot{background: #a78bfa;}.dark .sp-sched .sp-sched__error-card, .sp-sched.dark .sp-sched__error-card{background: rgba(30, 41, 59, 0.8); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-sched .sp-sched__error-card h3, .dark .sp-sched .sp-sched__error-card .h3, .sp-sched.dark .sp-sched__error-card h3, .sp-sched.dark .sp-sched__error-card .h3{color: #f1f5f9;}.dark .sp-sched .sp-sched__error-card p, .sp-sched.dark .sp-sched__error-card p{color: #9ca3af;}.dark .sp-sched .sp-sched__skeleton-bar, .dark .sp-sched .sp-sched__skeleton-term, .dark .sp-sched .sp-sched__skeleton-stat, .dark .sp-sched .sp-sched__skeleton-item, .sp-sched.dark .sp-sched__skeleton-bar, .sp-sched.dark .sp-sched__skeleton-term, .sp-sched.dark .sp-sched__skeleton-stat, .sp-sched.dark .sp-sched__skeleton-item{background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 25%, rgba(139, 92, 246, 0.12) 50%, rgba(139, 92, 246, 0.06) 75%); background-size: 200% 100%; animation: spSchedShimmer 1.5s ease infinite;}@media (max-width: 768px){.sp-sched__main{padding: 1rem 1rem 2rem;}.sp-sched__header h1, .sp-sched__header .h1{font-size: 1.375rem;}.sp-sched__term-stats{grid-template-columns: repeat(2, 1fr);}.sp-sched__quick-info{grid-template-columns: 1fr;}.sp-sched__timeline{padding-left: 24px;}.sp-sched__timeline-dot{left: -24px; width: 20px; height: 20px;}.sp-sched__card-dates{flex-direction: column; gap: 4px;}.sp-sched__date-separator{display: none;}.sp-sched__skeleton-stats{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 480px){.sp-sched__header h1, .sp-sched__header .h1{font-size: 1.125rem;}.sp-sched__term-top{flex-direction: column; align-items: flex-start;}.sp-sched__term-progress-wrap{width: 100%; text-align: left;}.sp-sched__card-top{flex-direction: column; align-items: flex-start;}} /* /odoocms_student_portal/static/src/scss/_notifications_spa.scss */ .sp-notifs{min-height: 100vh; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); position: relative; overflow-x: hidden;}.sp-notifs--loading, .sp-notifs--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-notifs__loader{text-align: center; color: #6d28d9;}.sp-notifs__loader p{margin-top: 1rem; font-weight: 500;}.sp-notifs__shimmer{background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 75%); background-size: 200% 100%; animation: sp-notifs-shimmer 1.5s infinite; border-radius: 1rem;}@keyframes sp-notifs-shimmer{0%{background-position: 200% 0;}100%{background-position: -200% 0;}}.sp-notifs__skeleton{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}.sp-notifs__skeleton-header{margin-bottom: 1.5rem;}.sp-notifs__skeleton-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-notifs__skeleton-cards{display: flex; flex-direction: column; gap: 0.75rem;}.sp-notifs__error{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-notifs__error i{font-size: 3rem; color: #ef4444;}.sp-notifs__error h2, .sp-notifs__error .h2{margin: 1rem 0 0.5rem; color: #1f2937; font-size: 1.5rem; font-weight: 700;}.sp-notifs__error p{color: #6b7280;}.sp-notifs__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-notifs__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-notifs__main{padding-left: 5rem; padding-right: 5rem;}}.sp-notifs__page-header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-notifs__header-content{display: flex; align-items: flex-start; justify-content: space-between; width: 100%; gap: 1rem; flex-wrap: wrap;}.sp-notifs__header-left{display: flex; align-items: center; gap: 0.75rem;}.sp-notifs__title{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: 0.5rem;}.sp-notifs__subtitle{color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0;}.sp-notifs__header-actions{display: flex; gap: 0.5rem; align-items: center;}.sp-notifs__stats-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-notifs__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); display: flex; align-items: center; gap: 1rem; transition: transform 0.2s, box-shadow 0.2s;}.sp-notifs__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-notifs__stat-icon{font-size: 2rem; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; flex-shrink: 0;}.sp-notifs__stat-icon i{font-size: 1.5rem;}.sp-notifs__stat-card--total .sp-notifs__stat-icon{background: rgba(139, 92, 246, 0.12); color: #8b5cf6;}.sp-notifs__stat-card--total .sp-notifs__stat-icon i{color: #8b5cf6;}.sp-notifs__stat-card--unread .sp-notifs__stat-icon{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-notifs__stat-card--unread .sp-notifs__stat-icon i{color: #0ea5e9;}.sp-notifs__stat-card--alerts .sp-notifs__stat-icon{background: rgba(244, 63, 94, 0.12); color: #f43f5e;}.sp-notifs__stat-card--alerts .sp-notifs__stat-icon i{color: #f43f5e;}.sp-notifs__stat-info{display: flex; flex-direction: column; gap: 0.125rem;}.sp-notifs__stat-value{font-size: 1.25rem; font-weight: 700; color: #1f2937;}.sp-notifs__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-notifs__toolbar{display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-notifs__toolbar-right{display: flex; align-items: center; gap: 0.75rem;}.sp-notifs__filters{display: flex; gap: 0.5rem; flex-wrap: wrap;}.sp-notifs__filter-btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.08); cursor: pointer; transition: all 0.2s; font-family: inherit; background: rgba(255, 255, 255, 0.6); color: #6b7280;}.sp-notifs__filter-btn i{font-size: 1rem;}.sp-notifs__filter-btn:hover{background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-notifs__filter-btn--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);}.sp-notifs__filter-btn--active:hover{background: linear-gradient(135deg, #5b21b6, #7c3aed); color: #fff;}.sp-notifs__filter-btn--active .sp-notifs__filter-count{background: rgba(255, 255, 255, 0.25); color: #fff;}.sp-notifs__filter-count{background: rgba(100, 116, 139, 0.1); color: #6b7280; font-size: 0.6875rem; font-weight: 700; padding: 0.125rem 0.5rem; border-radius: 9999px; min-width: 1.25rem; text-align: center;}.sp-notifs__view-toggle{display: flex; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.75rem; overflow: hidden;}.sp-notifs__view-btn{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: none; background: transparent; cursor: pointer; color: #9ca3af; transition: all 0.2s;}.sp-notifs__view-btn i{font-size: 1.125rem;}.sp-notifs__view-btn:hover{color: #6d28d9; background: rgba(139, 92, 246, 0.06);}.sp-notifs__view-btn--active{color: #fff; background: linear-gradient(135deg, #6d28d9, #8b5cf6);}.sp-notifs__view-btn--active:hover{color: #fff;}.sp-notifs__search{display: flex; align-items: center; gap: 0.5rem; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.75rem; padding: 0.5rem 0.75rem; min-width: 240px; transition: border-color 0.2s, box-shadow 0.2s;}.sp-notifs__search:focus-within{border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.sp-notifs__search i{font-size: 1.25rem; color: #9ca3af;}.sp-notifs__search input{border: none; outline: none; background: transparent; flex: 1; font-size: 0.8125rem; font-family: inherit; color: #374151;}.sp-notifs__search input::placeholder{color: #9ca3af;}.sp-notifs__group-header{display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 0 0.5rem; margin-top: 0.5rem; font-size: 0.8125rem; font-weight: 700; color: #6b7280;}.sp-notifs__group-header i{font-size: 1rem; color: #8b5cf6;}.sp-notifs__group-header:first-child{margin-top: 0;}.sp-notifs__group-count{background: rgba(139, 92, 246, 0.1); color: #7c3aed; font-size: 0.625rem; font-weight: 700; padding: 0.125rem 0.5rem; border-radius: 9999px; margin-left: 0.25rem;}.sp-notifs__list{display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 0.5rem;}.sp-notifs__card{display: flex; align-items: stretch; gap: 1rem; padding: 1.25rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); cursor: pointer; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, opacity 0.4s ease, background-color 0.4s ease, border-color 0.4s ease; animation: sp-notifs-slide-in 0.4s ease both;}.sp-notifs__card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-notifs__card--unread{background: rgba(255, 255, 255, 0.85); border-left: 3px solid #8b5cf6;}.sp-notifs__card--alert{border-left: 3px solid #f43f5e;}.sp-notifs__card--alert .sp-notifs__card-accent{background: linear-gradient(135deg, rgba(244, 63, 94, 0.04), transparent);}.sp-notifs__card--priority .sp-notifs__card-accent{background: linear-gradient(135deg, rgba(245, 158, 11, 0.04), transparent);}.sp-notifs__card--reading{animation: sp-notifs-mark-read 0.6s ease forwards !important;}.sp-notifs__card--reading .sp-notifs__unread-dot{animation: sp-notifs-dot-fade 0.3s ease forwards;}@keyframes sp-notifs-slide-in{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: translateY(0);}}@keyframes sp-notifs-mark-read{0%{background: rgba(255, 255, 255, 0.85); border-left-color: #8b5cf6;}40%{background: rgba(139, 92, 246, 0.06); border-left-color: #8b5cf6; transform: scale(0.995);}100%{background: rgba(255, 255, 255, 0.7); border-left-color: transparent; transform: scale(1);}}@keyframes sp-notifs-dot-fade{from{opacity: 1; transform: scale(1);}to{opacity: 0; transform: scale(0);}}.sp-notifs__card-accent{position: absolute; inset: 0; pointer-events: none;}.sp-notifs__card-image{width: 56px; height: 56px; border-radius: 0.75rem; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; align-self: center;}.sp-notifs__card-image img{width: 100%; height: 100%; object-fit: cover;}.sp-notifs__card-image--placeholder{background: rgba(139, 92, 246, 0.08);}.sp-notifs__card-image--placeholder i{font-size: 1.5rem; color: #8b5cf6;}.sp-notifs__card-body{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.375rem; position: relative; z-index: 1;}.sp-notifs__card-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap;}.sp-notifs__card-title{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0; line-height: 1.3;}.sp-notifs__card-badges{display: flex; gap: 0.375rem; flex-wrap: wrap;}.sp-notifs__card-excerpt{font-size: 0.8125rem; color: #6b7280; margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-notifs__card-footer{display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap;}.sp-notifs__card-time{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #9ca3af; font-weight: 500;}.sp-notifs__card-time i{font-size: 0.875rem;}.sp-notifs__card-actions{display: flex; gap: 0.375rem; flex-wrap: wrap; opacity: 0; transform: translateX(4px); transition: all 0.2s;}.sp-notifs__card:hover .sp-notifs__card-actions{opacity: 1; transform: translateX(0);}.sp-notifs__unread-dot{position: absolute; top: 1.25rem; right: 1.25rem; width: 8px; height: 8px; border-radius: 50%; background: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15); animation: sp-notifs-pulse 2s infinite; transition: opacity 0.3s, transform 0.3s;}@keyframes sp-notifs-pulse{0%, 100%{box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);}50%{box-shadow: 0 0 0 6px rgba(139, 92, 246, 0.08);}}.sp-notifs__badge{display: inline-flex; align-items: center; gap: 0.125rem; padding: 0.125rem 0.5rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; white-space: nowrap;}.sp-notifs__badge i{font-size: 0.75rem;}.sp-notifs__badge--alert{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-notifs__badge--priority{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-notifs__badge--unread{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-notifs__badge--category{font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em;}.sp-notifs__badge--expiry{background: rgba(100, 116, 139, 0.1); color: #64748b;}.sp-notifs__badge--expiry i{font-size: 0.6875rem;}.sp-notifs__badge--expiry-urgent{background: rgba(239, 68, 68, 0.1); color: #dc2626; animation: sp-notifs-expiry-pulse 2s ease infinite;}@keyframes sp-notifs-expiry-pulse{0%, 100%{opacity: 1;}50%{opacity: 0.7;}}.sp-notifs__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer; font-family: inherit;}.sp-notifs__btn i{font-size: 1rem;}.sp-notifs__btn--primary{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);}.sp-notifs__btn--primary:hover{box-shadow: 0 6px 16px rgba(109, 40, 217, 0.3); transform: translateY(-1px);}.sp-notifs__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #6b7280; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-notifs__btn--ghost:hover{background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-notifs__btn--sm{padding: 0.25rem 0.625rem; font-size: 0.75rem; border-radius: 0.5rem; background: rgba(139, 92, 246, 0.08); color: #7c3aed;}.sp-notifs__btn--sm:hover{background: rgba(139, 92, 246, 0.15);}.sp-notifs__btn--sm i{font-size: 0.875rem;}.sp-notifs__btn--outline{background: transparent; color: #6d28d9; border: 1px solid rgba(109, 40, 217, 0.3);}.sp-notifs__btn--outline:hover{background: rgba(109, 40, 217, 0.06);}.sp-notifs__btn--action{background: rgba(14, 165, 233, 0.08); color: #0284c7;}.sp-notifs__btn--action:hover{background: rgba(14, 165, 233, 0.15);}.sp-notifs__btn--action-link{width: 100%; justify-content: flex-start; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem;}.sp-notifs__btn--action-link i{font-size: 1.125rem;}.sp-notifs__btn--action-link:hover{background: rgba(139, 92, 246, 0.06); color: #6d28d9; border-color: rgba(139, 92, 246, 0.15);}.sp-notifs__modal-actions{padding: 0 1.75rem 0.75rem; display: flex; flex-direction: column; gap: 0.375rem;}.sp-notifs__empty{text-align: center; padding: 4rem 1.5rem;}.sp-notifs__empty h3, .sp-notifs__empty .h3{font-size: 1.125rem; font-weight: 700; color: #374151; margin: 1rem 0 0.5rem;}.sp-notifs__empty p{color: #9ca3af; font-size: 0.875rem;}.sp-notifs__empty-icon{width: 64px; height: 64px; border-radius: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-notifs__empty-icon i{font-size: 2rem; color: #9ca3af;}.sp-notifs__timeline{position: relative; padding-left: 2.5rem;}.sp-notifs__timeline-line{position: absolute; left: 1rem; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #8b5cf6 0%, rgba(139, 92, 246, 0.2) 100%); border-radius: 1px;}.sp-notifs__timeline-group{display: flex; align-items: center; gap: 0.75rem; position: relative; margin-bottom: 0.75rem; margin-top: 1.25rem;}.sp-notifs__timeline-group:first-child{margin-top: 0;}.sp-notifs__timeline-group-dot{position: absolute; left: -1.5rem; width: 2rem; height: 2rem; background: linear-gradient(135deg, #6d28d9, #8b5cf6); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(109, 40, 217, 0.25); z-index: 2;}.sp-notifs__timeline-group-dot i{font-size: 0.875rem; color: #fff;}.sp-notifs__timeline-group-label{font-size: 0.8125rem; font-weight: 700; color: #6d28d9; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.25rem 0.75rem; background: rgba(139, 92, 246, 0.08); border-radius: 9999px;}.sp-notifs__timeline-item{position: relative; margin-bottom: 1rem; animation: sp-notifs-slide-in 0.4s ease both; transition: opacity 0.4s ease;}.sp-notifs__timeline-item--reading .sp-notifs__timeline-card{animation: sp-notifs-timeline-read 0.6s ease forwards;}@keyframes sp-notifs-timeline-read{0%{border-color: rgba(139, 92, 246, 0.3); background: rgba(139, 92, 246, 0.06);}40%{border-color: rgba(16, 185, 129, 0.3); background: rgba(16, 185, 129, 0.04);}100%{border-color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.7);}}.sp-notifs__timeline-dot{position: absolute; left: -2rem; top: 1.25rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2;}.sp-notifs__timeline-dot i{font-size: 0.625rem; color: #fff;}.sp-notifs__timeline-item--unread .sp-notifs__timeline-dot{animation: sp-notifs-pulse-timeline 2s ease infinite;}@keyframes sp-notifs-pulse-timeline{0%, 100%{box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);}50%{box-shadow: 0 0 0 8px rgba(139, 92, 246, 0.08);}}.sp-notifs__timeline-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1rem; padding: 1rem 1.25rem; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s, background 0.4s, border-color 0.4s;}.sp-notifs__timeline-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-notifs__timeline-item--unread .sp-notifs__timeline-card{background: rgba(255, 255, 255, 0.85); border-color: rgba(139, 92, 246, 0.2);}.sp-notifs__timeline-card-header{display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.5rem; flex-wrap: wrap;}.sp-notifs__timeline-card-meta{display: flex; gap: 0.375rem; flex-wrap: wrap;}.sp-notifs__timeline-time{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #9ca3af; font-weight: 500; white-space: nowrap;}.sp-notifs__timeline-time i{font-size: 0.875rem;}.sp-notifs__timeline-title{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin: 0 0 0.375rem; line-height: 1.3;}.sp-notifs__timeline-excerpt{font-size: 0.8125rem; color: #6b7280; margin: 0 0 0.5rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.sp-notifs__timeline-footer{display: flex; align-items: center; gap: 0.5rem;}.sp-notifs__overlay{position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1.5rem; animation: sp-notifs-fade-in 0.2s ease;}@keyframes sp-notifs-fade-in{from{opacity: 0;}to{opacity: 1;}}.sp-notifs__modal{width: 100%; max-width: 640px; max-height: 85vh; overflow-y: auto; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 1.25rem; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12); position: relative; animation: sp-notifs-modal-in 0.3s ease;}@keyframes sp-notifs-modal-in{from{opacity: 0; transform: scale(0.96) translateY(8px);}to{opacity: 1; transform: scale(1) translateY(0);}}.sp-notifs__modal-close{position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; border-radius: 0.5rem; border: none; background: rgba(0, 0, 0, 0.05); color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; z-index: 1;}.sp-notifs__modal-close:hover{background: rgba(0, 0, 0, 0.1); color: #374151;}.sp-notifs__modal-header{padding: 1.75rem 1.75rem 1rem;}.sp-notifs__modal-badges{display: flex; gap: 0.5rem; margin-bottom: 0.75rem; flex-wrap: wrap;}.sp-notifs__modal-title{font-size: 1.25rem; font-weight: 800; color: #1f2937; margin: 0 0 0.75rem; line-height: 1.3; padding-right: 2.5rem;}.sp-notifs__modal-meta{display: flex; gap: 1.25rem; flex-wrap: wrap; font-size: 0.8125rem; color: #6b7280;}.sp-notifs__modal-meta span{display: inline-flex; align-items: center; gap: 0.25rem;}.sp-notifs__modal-meta span i{font-size: 1rem; color: #9ca3af;}.sp-notifs__modal-image{padding: 0 1.75rem; margin-bottom: 1rem;}.sp-notifs__modal-image img{width: 100%; max-height: 320px; object-fit: cover; border-radius: 0.75rem;}.sp-notifs__modal-body{padding: 0 1.75rem 1.25rem; font-size: 0.875rem; color: #374151; line-height: 1.7;}.sp-notifs__modal-body p{margin: 0 0 0.75rem;}.sp-notifs__modal-body img{max-width: 100%; border-radius: 0.5rem;}.sp-notifs__modal-footer{padding: 1rem 1.75rem; border-top: 1px solid rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;}.sp-notifs__read-badge{display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.8125rem; color: #059669; font-weight: 600;}.sp-notifs__read-badge i{font-size: 1rem;}.sp-notifs.dark{background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #1a0a2e 100%);}.sp-notifs.dark .sp-notifs__title{-webkit-text-fill-color: #f3f4f6;}.sp-notifs.dark .sp-notifs__subtitle{color: #9ca3af;}.sp-notifs.dark .sp-notifs__stat-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__stat-value{color: #f3f4f6;}.sp-notifs.dark .sp-notifs__stat-label{color: #9ca3af;}.sp-notifs.dark .sp-notifs__filter-btn{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.sp-notifs.dark .sp-notifs__filter-btn:hover{background: rgba(55, 48, 80, 0.5); color: #d1d5db;}.sp-notifs.dark .sp-notifs__filter-btn--active{background: linear-gradient(135deg, #6d28d9, #8b5cf6); color: #fff; border-color: transparent;}.sp-notifs.dark .sp-notifs__filter-count{background: rgba(255, 255, 255, 0.08); color: #9ca3af;}.sp-notifs.dark .sp-notifs__view-toggle{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__view-btn{color: #6b7280;}.sp-notifs.dark .sp-notifs__view-btn:hover{color: #a78bfa; background: rgba(139, 92, 246, 0.1);}.sp-notifs.dark .sp-notifs__view-btn--active{color: #fff; background: linear-gradient(135deg, #6d28d9, #8b5cf6);}.sp-notifs.dark .sp-notifs__search{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__search input{color: #e5e7eb;}.sp-notifs.dark .sp-notifs__search input::placeholder{color: #6b7280;}.sp-notifs.dark .sp-notifs__group-header{color: #9ca3af;}.sp-notifs.dark .sp-notifs__group-header i{color: #a78bfa;}.sp-notifs.dark .sp-notifs__group-count{background: rgba(139, 92, 246, 0.15); color: #a78bfa;}.sp-notifs.dark .sp-notifs__card{background: rgba(30, 27, 46, 0.55); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); border-color: rgba(139, 92, 246, 0.2);}.sp-notifs.dark .sp-notifs__card--unread{background: rgba(30, 27, 46, 0.7);}.sp-notifs.dark .sp-notifs__card--reading{animation-name: sp-notifs-mark-read-dark !important;}@keyframes sp-notifs-mark-read-dark{0%{background: rgba(30, 27, 46, 0.7); border-left-color: #8b5cf6;}40%{background: rgba(139, 92, 246, 0.08); border-left-color: #8b5cf6; transform: scale(0.995);}100%{background: rgba(30, 27, 46, 0.55); border-left-color: transparent; transform: scale(1);}}.sp-notifs.dark .sp-notifs__card-title{color: #f3f4f6;}.sp-notifs.dark .sp-notifs__card-excerpt{color: #9ca3af;}.sp-notifs.dark .sp-notifs__card-time{color: #6b7280;}.sp-notifs.dark .sp-notifs__card-image--placeholder i{color: #a78bfa;}.sp-notifs.dark .sp-notifs__timeline-line{background: linear-gradient(180deg, #a78bfa 0%, rgba(167, 139, 250, 0.15) 100%);}.sp-notifs.dark .sp-notifs__timeline-card{background: rgba(30, 27, 46, 0.55); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__timeline-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.sp-notifs.dark .sp-notifs__timeline-item--unread .sp-notifs__timeline-card{background: rgba(30, 27, 46, 0.7); border-color: rgba(139, 92, 246, 0.2);}.sp-notifs.dark .sp-notifs__timeline-title{color: #f3f4f6;}.sp-notifs.dark .sp-notifs__timeline-excerpt{color: #9ca3af;}.sp-notifs.dark .sp-notifs__timeline-time{color: #6b7280;}.sp-notifs.dark .sp-notifs__timeline-group-label{background: rgba(139, 92, 246, 0.12); color: #a78bfa;}.sp-notifs.dark .sp-notifs__empty h3, .sp-notifs.dark .sp-notifs__empty .h3{color: #d1d5db;}.sp-notifs.dark .sp-notifs__empty p{color: #6b7280;}.sp-notifs.dark .sp-notifs__empty-icon{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__empty-icon i{color: #6b7280;}.sp-notifs.dark .sp-notifs__overlay{background: rgba(2, 6, 23, 0.6);}.sp-notifs.dark .sp-notifs__modal{background: rgba(30, 27, 46, 0.95); border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__modal-title{color: #f3f4f6;}.sp-notifs.dark .sp-notifs__modal-meta{color: #9ca3af;}.sp-notifs.dark .sp-notifs__modal-body{color: #d1d5db;}.sp-notifs.dark .sp-notifs__modal-footer{border-color: rgba(255, 255, 255, 0.04);}.sp-notifs.dark .sp-notifs__modal-close{background: rgba(255, 255, 255, 0.06); color: #9ca3af;}.sp-notifs.dark .sp-notifs__btn--ghost{background: rgba(255, 255, 255, 0.04); color: #9ca3af; border-color: rgba(255, 255, 255, 0.06);}.sp-notifs.dark .sp-notifs__btn--ghost:hover{background: rgba(255, 255, 255, 0.08); color: #d1d5db;}.sp-notifs.dark .sp-notifs__btn--sm{background: rgba(139, 92, 246, 0.12); color: #a78bfa;}.sp-notifs.dark .sp-notifs__btn--sm:hover{background: rgba(139, 92, 246, 0.2);}.sp-notifs.dark .sp-notifs__btn--outline{border-color: rgba(139, 92, 246, 0.2); color: #a78bfa;}.sp-notifs.dark .sp-notifs__btn--outline:hover{background: rgba(139, 92, 246, 0.08);}.sp-notifs.dark .sp-notifs__btn--action{background: rgba(14, 165, 233, 0.12); color: #38bdf8;}.sp-notifs.dark .sp-notifs__btn--action:hover{background: rgba(14, 165, 233, 0.2);}.sp-notifs.dark .sp-notifs__btn--action-link:hover{background: rgba(139, 92, 246, 0.08); color: #a78bfa;}.sp-notifs.dark .sp-notifs__shimmer{background: linear-gradient(90deg, rgba(51, 65, 85, 0.3) 25%, rgba(51, 65, 85, 0.6) 50%, rgba(51, 65, 85, 0.3) 75%); background-size: 200% 100%;}@media (max-width: 1024px){.sp-notifs .sp-notifs__main{padding: 5rem 1rem 2rem;}}@media (max-width: 768px){.sp-notifs .sp-notifs__stats-row{grid-template-columns: 1fr;}.sp-notifs .sp-notifs__toolbar{flex-direction: column; align-items: stretch;}.sp-notifs .sp-notifs__toolbar-right{flex-direction: row; justify-content: space-between;}.sp-notifs .sp-notifs__filters{overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px;}.sp-notifs .sp-notifs__search{min-width: auto; flex: 1;}.sp-notifs .sp-notifs__header-content{flex-direction: column; align-items: flex-start;}.sp-notifs .sp-notifs__card{flex-direction: column; gap: 0.75rem;}.sp-notifs .sp-notifs__card-image{width: 100%; height: 10rem; border-radius: 0.625rem;}.sp-notifs .sp-notifs__card-actions{opacity: 1; transform: none;}.sp-notifs .sp-notifs__card-badges{flex-wrap: wrap;}.sp-notifs .sp-notifs__modal{max-height: 90vh; border-radius: 1rem;}.sp-notifs .sp-notifs__timeline{padding-left: 2rem;}.sp-notifs .sp-notifs__timeline-line{left: 0.625rem;}.sp-notifs .sp-notifs__timeline-dot{left: -1.625rem; width: 1rem; height: 1rem;}.sp-notifs .sp-notifs__timeline-dot i{font-size: 0.5rem;}.sp-notifs .sp-notifs__timeline-group-dot{left: -1.5rem; width: 1.5rem; height: 1.5rem;}.sp-notifs .sp-notifs__timeline-group-dot i{font-size: 0.75rem;}}@media (max-width: 480px){.sp-notifs .sp-notifs__main{padding: 4.5rem 0.875rem 1.5rem;}.sp-notifs .sp-notifs__title{font-size: 1.375rem;}.sp-notifs .sp-notifs__card{padding: 1rem;}.sp-notifs .sp-notifs__modal{margin: 0.5rem;}.sp-notifs .sp-notifs__modal-header, .sp-notifs .sp-notifs__modal-body, .sp-notifs .sp-notifs__modal-footer, .sp-notifs .sp-notifs__modal-actions{padding-left: 1.125rem; padding-right: 1.125rem;}} /* /odoocms_student_portal/static/src/scss/_workspace_spa.scss */ .sp-ws{min-height: 100vh; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; position: relative; overflow-x: hidden;}.sp-ws--loading, .sp-ws--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-ws__loader{text-align: center; color: #6b7280;}.sp-ws__loader p{margin-top: 1rem; font-size: 0.95rem;}.sp-ws__spinner{width: 48px; height: 48px; border: 4px solid rgba(139, 92, 246, 0.2); border-top-color: #8b5cf6; border-radius: 50%; animation: sp-spin 0.8s linear infinite; margin: 0 auto;}.sp-ws__error-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; max-width: 400px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);}.sp-ws__error-card i{font-size: 3rem; color: #ef4444;}.sp-ws__error-card h3, .sp-ws__error-card .h3{margin: 1rem 0 0.5rem; font-weight: 700;}.sp-ws__error-card p{color: #6b7280;}.sp-ws__main{max-width: 1200px; margin: 0 auto; padding: 1.5rem 1.5rem 3rem;}.sp-ws__header{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.25rem; flex-wrap: wrap; gap: 1rem;}.sp-ws__header-left{display: flex; align-items: flex-start; gap: 1rem;}.sp-ws__header-left h1, .sp-ws__header-left .h1{font-size: 1.5rem; font-weight: 800; background: linear-gradient(135deg, #8b5cf6, #06b6d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.sp-ws__header-sub{color: #6b7280; font-size: 0.85rem; margin-top: 0.25rem; display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;}.sp-ws__course-badge{background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; padding: 0.5rem 0.75rem; border-radius: 0.75rem; font-weight: 800; font-size: 0.85rem; white-space: nowrap;}.sp-ws__comp-tag{background: rgba(139, 92, 246, 0.1); color: #7c3aed; padding: 0.15rem 0.5rem; border-radius: 999px; font-size: 0.75rem; font-weight: 600;}.sp-ws__header-right{display: flex; align-items: center; gap: 0.75rem;}.sp-ws__grade-badge{text-align: center; padding: 0.5rem 1rem; border-radius: 0.75rem;}.sp-ws__grade-badge--emerald{background: rgba(16, 185, 129, 0.1);}.sp-ws__grade-badge--sky{background: rgba(14, 165, 233, 0.1);}.sp-ws__grade-badge--amber{background: rgba(245, 158, 11, 0.1);}.sp-ws__grade-badge--rose{background: rgba(239, 68, 68, 0.1);}.sp-ws__grade-value{font-size: 1.5rem; font-weight: 800; display: block;}.sp-ws__grade-badge--emerald .sp-ws__grade-value{color: #059669;}.sp-ws__grade-badge--sky .sp-ws__grade-value{color: #0284c7;}.sp-ws__grade-badge--amber .sp-ws__grade-value{color: #d97706;}.sp-ws__grade-badge--rose .sp-ws__grade-value{color: #dc2626;}.sp-ws__grade-label{font-size: 0.7rem; color: #6b7280; text-transform: uppercase;}.sp-ws__btn{display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; border: none;}.sp-ws__btn--ghost{background: rgba(139, 92, 246, 0.08); color: #7c3aed;}.sp-ws__btn--ghost:hover{background: rgba(139, 92, 246, 0.15);}.sp-ws__metrics{display: flex; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-ws__metric{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1rem 1.25rem; display: flex; flex-direction: column; align-items: center; gap: 0.35rem; min-width: 100px; flex: 1; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);}.sp-ws__metric-gauge{width: 50px; height: 50px; position: relative;}.sp-ws__metric-gauge svg{width: 100%; height: 100%;}.sp-ws__metric-gauge-val{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.7rem; font-weight: 800;}.sp-ws__metric-value{font-size: 1.25rem; font-weight: 800; color: #111827;}.sp-ws__metric-label{font-size: 0.75rem; color: #6b7280;}.sp-ws__metric-label--rose{color: #ef4444; font-weight: 700;}.sp-ws__metric-alert{font-size: 1.5rem; color: #ef4444;}.sp-ws__faculty{display: flex; gap: 0.75rem; margin-bottom: 1.25rem; flex-wrap: wrap;}.sp-ws__faculty-card{display: flex; align-items: center; gap: 0.5rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); padding: 0.5rem 0.75rem; border-radius: 0.5rem; border: 1px solid rgba(255, 255, 255, 0.4);}.sp-ws__faculty-card i{font-size: 1.2rem; color: #8b5cf6;}.sp-ws__faculty-name{font-weight: 600; font-size: 0.85rem;}.sp-ws__faculty-comp{font-size: 0.75rem; color: #6b7280;}.sp-ws__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(12px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.4); overflow-x: auto;}.sp-ws__tab{flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.35rem; padding: 0.6rem 0.75rem; border: none; background: transparent; border-radius: 0.5rem; font-size: 0.8rem; font-weight: 600; color: #6b7280; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-ws__tab i{font-size: 1rem;}.sp-ws__tab:hover{color: #8b5cf6; background: rgba(139, 92, 246, 0.06);}.sp-ws__tab--active{background: white; color: #8b5cf6; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-ws__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);}.sp-ws__card-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}.sp-ws__card-header h3, .sp-ws__card-header .h3{font-size: 0.95rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem;}.sp-ws__card-header h3 i, .sp-ws__card-header .h3 i{font-size: 1.1rem; color: #8b5cf6;}.sp-ws__card-badge{font-size: 0.72rem; font-weight: 700; padding: 0.2rem 0.5rem; border-radius: 999px; background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-ws__card-badge--emerald{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-ws__card-badge--amber{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-ws__card-badge--rose{background: rgba(239, 68, 68, 0.1); color: #dc2626;}.sp-ws__chart-wrap{height: 240px; position: relative;}.sp-ws__grid-2{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.25rem;}.sp-ws__grid-3{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem;}.sp-ws__empty-mini{text-align: center; color: #9ca3af; font-size: 0.85rem; padding: 2rem;}.sp-ws__empty{text-align: center; padding: 3rem; color: #9ca3af;}.sp-ws__empty i{font-size: 3rem; margin-bottom: 0.5rem; display: block;}.sp-ws__empty p{font-size: 0.9rem;}.sp-ws__announcement-list{display: flex; flex-direction: column; gap: 0.35rem;}.sp-ws__announcement-item{border-radius: 0.5rem; cursor: pointer; transition: background 0.2s;}.sp-ws__announcement-item:hover{background: rgba(139, 92, 246, 0.04);}.sp-ws__announcement-row{display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem;}.sp-ws__announcement-icon{color: #8b5cf6; font-size: 1.2rem;}.sp-ws__announcement-info{flex: 1; min-width: 0;}.sp-ws__announcement-subject{font-weight: 600; font-size: 0.85rem; display: block;}.sp-ws__announcement-meta{font-size: 0.72rem; color: #6b7280; display: flex; align-items: center; gap: 0.35rem;}.sp-ws__announcement-attach i{font-size: 0.85rem; color: #8b5cf6;}.sp-ws__announcement-body{padding: 0.5rem 0.5rem 0.75rem 2.5rem; font-size: 0.82rem; color: #4b5563; line-height: 1.5;}.sp-ws__submission-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-ws__submission-card{padding: 0.75rem; border-radius: 0.75rem; border-left: 3px solid #d1d5db; background: rgba(255, 255, 255, 0.5);}.sp-ws__submission-card--submitted{border-left-color: #10b981;}.sp-ws__submission-card--pending{border-left-color: #f59e0b;}.sp-ws__submission-card--overdue{border-left-color: #ef4444;}.sp-ws__submission-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25rem;}.sp-ws__submission-name{font-weight: 700; font-size: 0.85rem;}.sp-ws__submission-desc{font-size: 0.78rem; color: #6b7280; margin: 0.25rem 0;}.sp-ws__submission-meta{display: flex; gap: 0.75rem; font-size: 0.72rem; color: #6b7280; flex-wrap: wrap;}.sp-ws__submission-meta span{display: flex; align-items: center; gap: 0.2rem;}.sp-ws__submission-meta i{font-size: 0.85rem;}.sp-ws__submission-comp{font-weight: 600; color: #8b5cf6;}.sp-ws__upcoming-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.75rem;}.sp-ws__upcoming-card{padding: 0.75rem; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.04); border: 1px solid rgba(139, 92, 246, 0.1); text-align: center;}.sp-ws__upcoming-date{font-weight: 800; font-size: 0.9rem; color: #8b5cf6; margin-bottom: 0.25rem;}.sp-ws__upcoming-name{font-weight: 600; font-size: 0.82rem; display: block;}.sp-ws__upcoming-meta{font-size: 0.72rem; color: #6b7280; display: block; margin-top: 0.15rem;}.sp-ws__upcoming-comp{font-size: 0.68rem; color: #8b5cf6; font-weight: 600; display: block; margin-top: 0.25rem;}.sp-ws__recent-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0.75rem;}.sp-ws__recent-card{display: flex; align-items: center; gap: 0.75rem; padding: 0.65rem; border-radius: 0.5rem; text-decoration: none; color: inherit; transition: background 0.2s;}.sp-ws__recent-card:hover{background: rgba(139, 92, 246, 0.04);}.sp-ws__recent-info{min-width: 0;}.sp-ws__recent-name{font-weight: 600; font-size: 0.82rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-ws__recent-meta{font-size: 0.7rem; color: #6b7280;}.sp-ws__insight-card{display: flex; align-items: center; gap: 0.75rem; padding: 1rem !important;}.sp-ws__insight-icon{width: 42px; height: 42px; border-radius: 0.75rem; background: rgba(139, 92, 246, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-ws__insight-icon i{font-size: 1.3rem; color: #8b5cf6;}.sp-ws__insight-body{min-width: 0;}.sp-ws__insight-label{font-size: 0.72rem; color: #6b7280; display: block;}.sp-ws__insight-value{font-size: 1.4rem; font-weight: 800; display: block;}.sp-ws__insight-value--emerald{color: #059669;}.sp-ws__insight-value--sky{color: #0284c7;}.sp-ws__insight-value--amber{color: #d97706;}.sp-ws__insight-value--rose{color: #dc2626;}.sp-ws__insight-sub{font-size: 0.7rem; color: #9ca3af;}.sp-ws__weighted-formula{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.75rem; padding: 0.75rem 1rem;}.sp-ws__formula-row{display: flex; align-items: center; gap: 0.75rem; padding: 0.25rem 0;}.sp-ws__formula-comp{font-weight: 700; font-size: 0.8rem; color: #8b5cf6; min-width: 70px;}.sp-ws__formula-parts{display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap;}.sp-ws__formula-part{display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.2rem 0.5rem; background: rgba(139, 92, 246, 0.06); border-radius: 0.35rem;}.sp-ws__formula-type{font-size: 0.75rem; font-weight: 600;}.sp-ws__formula-weight{font-size: 0.72rem; color: #8b5cf6; font-weight: 700;}.sp-ws__formula-plus{color: #9ca3af; font-size: 0.75rem; font-weight: 600;}.sp-ws__grade-targets{display: flex; flex-direction: column; gap: 0.35rem;}.sp-ws__gt{display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0;}.sp-ws__gt--impossible{opacity: 0.4;}.sp-ws__gt-grade{font-weight: 800; font-size: 0.8rem; width: 28px; text-align: center;}.sp-ws__gt-grade--emerald{color: #059669;}.sp-ws__gt-grade--sky{color: #0284c7;}.sp-ws__gt-grade--amber{color: #d97706;}.sp-ws__gt-grade--rose{color: #dc2626;}.sp-ws__gt-bar-wrap{flex: 1; height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 999px; overflow: hidden;}.sp-ws__gt-bar{height: 100%; background: linear-gradient(90deg, #8b5cf6, #06b6d4); border-radius: 999px; transition: width 0.6s ease;}.sp-ws__gt-marks{font-size: 0.72rem; color: #6b7280; min-width: 60px; text-align: right;}.sp-ws__gt-marks i{font-size: 0.9rem; vertical-align: middle;}.sp-ws__gt--achieved .sp-ws__gt-marks i{color: #10b981;}.sp-ws__gt--impossible .sp-ws__gt-marks i{color: #ef4444;}.sp-ws__att-summary{display: flex; flex-direction: column; gap: 0.5rem;}.sp-ws__att-row{display: flex; align-items: center; gap: 0.75rem;}.sp-ws__att-comp{font-weight: 600; font-size: 0.8rem; width: 70px;}.sp-ws__att-bar-wrap{flex: 1; height: 8px; background: rgba(0, 0, 0, 0.06); border-radius: 999px; overflow: hidden;}.sp-ws__att-bar{height: 100%; border-radius: 999px; transition: width 0.6s ease;}.sp-ws__att-bar--emerald{background: #10b981;}.sp-ws__att-bar--amber{background: #f59e0b;}.sp-ws__att-bar--rose{background: #ef4444;}.sp-ws__att-pct{font-weight: 700; font-size: 0.8rem; width: 40px; text-align: right;}.sp-ws__att-detail{font-size: 0.75rem; color: #6b7280;}.sp-ws__streak-wrap{display: flex; gap: 2rem; justify-content: center; margin-bottom: 1rem;}.sp-ws__streak-item{text-align: center;}.sp-ws__streak-icon{font-size: 1.5rem;}.sp-ws__streak-value{display: block; font-size: 1.5rem; font-weight: 800;}.sp-ws__streak-label{font-size: 0.75rem; color: #6b7280;}.sp-ws__risk-info{text-align: center;}.sp-ws__risk-badge{display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.75rem; border-radius: 0.5rem; font-size: 0.8rem; font-weight: 700;}.sp-ws__risk-badge i{font-size: 1rem;}.sp-ws__risk-badge--rose{background: rgba(239, 68, 68, 0.1); color: #dc2626;}.sp-ws__risk-badge--amber{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-ws__risk-remaining{font-size: 0.78rem; color: #6b7280; margin-top: 0.35rem;}.sp-ws__weekday-grid{display: flex; gap: 1rem; justify-content: center; align-items: flex-end; height: 140px; padding: 0.5rem 0;}.sp-ws__weekday-item{display: flex; flex-direction: column; align-items: center; gap: 0.25rem; flex: 1; max-width: 60px;}.sp-ws__weekday-name{font-size: 0.72rem; font-weight: 600; color: #6b7280;}.sp-ws__weekday-bar-wrap{width: 24px; height: 80px; background: rgba(0, 0, 0, 0.04); border-radius: 999px; overflow: hidden; display: flex; align-items: flex-end;}.sp-ws__weekday-bar{width: 100%; border-radius: 999px; transition: height 0.6s ease;}.sp-ws__weekday-bar--emerald{background: #10b981;}.sp-ws__weekday-bar--amber{background: #f59e0b;}.sp-ws__weekday-bar--rose{background: #ef4444;}.sp-ws__weekday-pct{font-size: 0.65rem; font-weight: 700;}.sp-ws__filters{display: flex; gap: 0.75rem; margin-bottom: 1rem;}.sp-ws__search-wrap{flex: 1; position: relative;}.sp-ws__search-wrap i{position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 1.2rem;}.sp-ws__search{width: 100%; padding: 0.6rem 0.75rem 0.6rem 2.5rem; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.5rem; font-size: 0.85rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px);}.sp-ws__search:focus{outline: none; border-color: #8b5cf6;}.sp-ws__materials-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0.75rem;}.sp-ws__material-card{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.75rem; text-decoration: none; color: inherit; transition: all 0.2s;}.sp-ws__material-card:hover{transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.sp-ws__mat-icon{font-size: 1.8rem;}.sp-ws__mat-icon--rose{color: #ef4444;}.sp-ws__mat-icon--amber{color: #f59e0b;}.sp-ws__mat-icon--sky{color: #0ea5e9;}.sp-ws__mat-icon--emerald{color: #10b981;}.sp-ws__mat-icon--violet{color: #8b5cf6;}.sp-ws__mat-info{flex: 1; min-width: 0;}.sp-ws__mat-name{font-weight: 600; font-size: 0.85rem; display: flex; align-items: center; gap: 0.5rem; word-break: break-all;}.sp-ws__mat-new{background: #8b5cf6; color: white; padding: 0.1rem 0.35rem; border-radius: 999px; font-size: 0.6rem; font-weight: 800; flex-shrink: 0;}.sp-ws__mat-desc{font-size: 0.75rem; color: #6b7280; display: block;}.sp-ws__mat-date{font-size: 0.7rem; color: #9ca3af;}.sp-ws__mat-dl{color: #8b5cf6; font-size: 1.2rem;}.sp-ws__assessment-list{display: flex; flex-direction: column; gap: 0.35rem;}.sp-ws__assessment-row{display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; border-radius: 0.5rem;}.sp-ws__assessment-row:hover{background: rgba(0, 0, 0, 0.02);}.sp-ws__assessment-name{flex: 1;}.sp-ws__assessment-name span:first-child{font-weight: 600; font-size: 0.85rem; display: block;}.sp-ws__assessment-comp{font-size: 0.72rem; color: #6b7280;}.sp-ws__assessment-marks{display: flex; align-items: center; gap: 0.5rem;}.sp-ws__marks-bar-wrap{width: 80px; height: 6px; background: rgba(0, 0, 0, 0.06); border-radius: 999px; overflow: hidden;}.sp-ws__marks-bar{height: 100%; border-radius: 999px;}.sp-ws__marks-bar--emerald{background: #10b981;}.sp-ws__marks-bar--amber{background: #f59e0b;}.sp-ws__marks-bar--rose{background: #ef4444;}.sp-ws__marks-text{font-size: 0.8rem; font-weight: 600; min-width: 45px;}.sp-ws__marks-pct{font-size: 0.72rem; font-weight: 700; padding: 0.15rem 0.4rem; border-radius: 999px;}.sp-ws__marks-pct--emerald{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-ws__marks-pct--amber{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-ws__marks-pct--rose{background: rgba(239, 68, 68, 0.1); color: #dc2626;}.sp-ws__badge{padding: 0.2rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 700; text-transform: capitalize;}.sp-ws__badge--gray{background: rgba(0, 0, 0, 0.06); color: #6b7280;}.sp-ws__badge--emerald{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-ws__badge--amber{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-ws__badge--rose{background: rgba(239, 68, 68, 0.1); color: #dc2626;}.sp-ws__badge--violet{background: rgba(139, 92, 246, 0.1); color: #7c3aed;}.sp-ws__badge--sky{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-ws__grade-summary{display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap;}.sp-ws__grade-stat{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.75rem; padding: 0.75rem 1rem; text-align: center; flex: 1; min-width: 100px;}.sp-ws__grade-stat-value{display: block; font-size: 1.25rem; font-weight: 800;}.sp-ws__grade-stat-value--emerald{color: #059669;}.sp-ws__grade-stat-value--amber{color: #d97706;}.sp-ws__grade-stat-value--rose{color: #dc2626;}.sp-ws__grade-stat-label{font-size: 0.72rem; color: #6b7280;}.sp-ws__gb-type{border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-ws__gb-type:last-child{border-bottom: none;}.sp-ws__gb-type-header{display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0; cursor: pointer;}.sp-ws__gb-type-header:hover{background: rgba(0, 0, 0, 0.02);}.sp-ws__gb-type-name{font-weight: 700; font-size: 0.85rem; flex: 1;}.sp-ws__gb-type-weight{font-size: 0.75rem; color: #8b5cf6; font-weight: 600;}.sp-ws__gb-type-score{font-size: 0.8rem; font-weight: 700;}.sp-ws__arrow{color: #9ca3af; font-size: 1.2rem; transition: transform 0.2s;}.sp-ws__gb-assessments{padding: 0 0 0.5rem 1rem;}.sp-ws__gb-assessment{display: flex; align-items: center; gap: 0.5rem; padding: 0.3rem 0;}.sp-ws__gb-ass-name{font-size: 0.8rem; flex: 1;}.sp-ws__gb-ass-marks{font-size: 0.78rem; font-weight: 600;}.sp-ws__att-stats{display: flex; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap;}.sp-ws__att-stat{font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.5rem; border-radius: 999px;}.sp-ws__att-stat--emerald{background: rgba(16, 185, 129, 0.1); color: #059669;}.sp-ws__att-stat--rose{background: rgba(239, 68, 68, 0.1); color: #dc2626;}.sp-ws__att-stat--amber{background: rgba(245, 158, 11, 0.1); color: #d97706;}.sp-ws__att-stat--sky{background: rgba(14, 165, 233, 0.1); color: #0284c7;}.sp-ws__att-calendar{display: flex; flex-wrap: wrap; gap: 3px;}.sp-ws__att-day{width: 14px; height: 14px; border-radius: 3px;}.sp-ws__att-day--present{background: #10b981;}.sp-ws__att-day--late{background: #f59e0b;}.sp-ws__att-day--absent{background: #ef4444;}.sp-ws__att-day--leave{background: #0ea5e9;}.sp-ws__outline-sections{display: flex; flex-direction: column; gap: 0.25rem;}.sp-ws__outline-section{border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-ws__outline-section:last-child{border-bottom: none;}.sp-ws__outline-header{display: flex; align-items: center; justify-content: space-between; padding: 0.6rem 0; cursor: pointer;}.sp-ws__outline-header:hover{background: rgba(139, 92, 246, 0.02);}.sp-ws__outline-title{font-weight: 700; font-size: 0.85rem;}.sp-ws__outline-body{padding: 0.5rem 0 1rem 0; font-size: 0.82rem; color: #4b5563; line-height: 1.6;}.sp-ws__outline-body ul, .sp-ws__outline-body ol{padding-left: 1.5rem;}.sp-ws__week-list{display: flex; flex-direction: column; gap: 0;}.sp-ws__week-row{display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.65rem 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-ws__week-row:last-child{border-bottom: none;}.sp-ws__week-row:hover{background: rgba(0, 0, 0, 0.01);}.sp-ws__week-num{font-weight: 800; font-size: 0.85rem; color: #8b5cf6; min-width: 32px; text-align: center; padding-top: 0.1rem;}.sp-ws__week-detail{flex: 1; min-width: 0;}.sp-ws__week-badges{display: flex; gap: 0.35rem; align-items: center; flex-shrink: 0; flex-wrap: wrap;}.sp-ws__week-comp{font-size: 0.68rem; color: #8b5cf6; font-weight: 600;}.sp-ws__week-contents{font-size: 0.82rem; color: #4b5563; line-height: 1.5; margin-bottom: 0.25rem;}.sp-ws__week-assessment{font-size: 0.8rem; color: #8b5cf6; font-weight: 600; display: flex; align-items: center; gap: 0.35rem;}.sp-ws__week-assessment i{font-size: 0.95rem;}.sp-ws__eval-section{margin-bottom: 1rem;}.sp-ws__eval-section:last-child{margin-bottom: 0;}.sp-ws__eval-comp{font-weight: 700; font-size: 0.82rem; color: #8b5cf6; display: block; margin-bottom: 0.5rem;}.sp-ws__eval-table{width: 100%; border-collapse: collapse; font-size: 0.8rem;}.sp-ws__eval-table th{text-align: left; padding: 0.5rem; font-weight: 700; color: #6b7280; border-bottom: 2px solid rgba(0, 0, 0, 0.08); font-size: 0.72rem; text-transform: uppercase;}.sp-ws__eval-table td{padding: 0.4rem 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-ws__book-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-ws__book-card{display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.75rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.02);}.sp-ws__book-icon{width: 40px; height: 40px; border-radius: 0.5rem; background: rgba(139, 92, 246, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-ws__book-icon i{font-size: 1.3rem; color: #8b5cf6;}.sp-ws__book-icon--ref{background: rgba(14, 165, 233, 0.1);}.sp-ws__book-icon--ref i{color: #0284c7;}.sp-ws__book-info{min-width: 0;}.sp-ws__book-title{font-weight: 700; font-size: 0.85rem; display: block;}.sp-ws__book-authors{font-size: 0.78rem; color: #6b7280; display: block;}.sp-ws__book-meta{font-size: 0.72rem; color: #9ca3af; display: block; margin-top: 0.15rem;}.sp-ws__book-desc{font-size: 0.78rem; color: #4b5563; margin: 0.25rem 0 0;}.sp-ws__resource-list{display: flex; flex-direction: column; gap: 0.35rem;}.sp-ws__resource-link{display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; text-decoration: none; color: inherit; transition: background 0.2s;}.sp-ws__resource-link:hover{background: rgba(139, 92, 246, 0.04);}.sp-ws__resource-link i{color: #8b5cf6; font-size: 1.1rem;}.sp-ws__resource-info{min-width: 0; flex: 1;}.sp-ws__resource-url{font-size: 0.82rem; font-weight: 600; color: #8b5cf6; display: block; word-break: break-all;}.sp-ws__resource-desc{font-size: 0.72rem; color: #6b7280;}.sp-ws__addinfo-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-ws__addinfo-item{padding: 0.75rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.02);}.sp-ws__addinfo-subject{font-weight: 700; font-size: 0.85rem; display: block;}.sp-ws__addinfo-comp{font-size: 0.68rem; color: #8b5cf6; font-weight: 600; display: block; margin: 0.15rem 0;}.sp-ws__addinfo-body{font-size: 0.82rem; color: #4b5563; line-height: 1.5;}.sp-ws__clo-table{width: 100%; border-collapse: collapse; font-size: 0.82rem;}.sp-ws__clo-table th{text-align: left; padding: 0.5rem; font-weight: 700; color: #6b7280; border-bottom: 2px solid rgba(0, 0, 0, 0.08); font-size: 0.72rem; text-transform: uppercase;}.sp-ws__clo-table td{padding: 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-ws__clo-code{font-weight: 700; color: #8b5cf6;}.sp-ws__clo-plo{font-weight: 700; color: #059669;}@keyframes sp-spin{to{transform: rotate(360deg);}}.dark .sp-ws__error-card{background: rgba(30, 30, 40, 0.9);}.dark .sp-ws__error-card h3, .dark .sp-ws__error-card .h3{color: #f3f4f6;}.dark .sp-ws__error-card p{color: #9ca3af;}.dark .sp-ws__header-left h1, .dark .sp-ws__header-left .h1{background: linear-gradient(135deg, #a78bfa, #22d3ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.dark .sp-ws__header-sub{color: #9ca3af;}.dark .sp-ws__metric{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-ws__metric-value{color: #f3f4f6;}.dark .sp-ws__metric-label{color: #9ca3af;}.dark .sp-ws__faculty-card{background: rgba(30, 30, 40, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-ws__faculty-name{color: #f3f4f6;}.dark .sp-ws__tabs{background: rgba(30, 30, 40, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-ws__tab{color: #9ca3af;}.dark .sp-ws__tab:hover{color: #a78bfa;}.dark .sp-ws__tab--active{background: rgba(139, 92, 246, 0.15); color: #a78bfa; box-shadow: none;}.dark .sp-ws__card{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-ws__card-header h3, .dark .sp-ws__card-header .h3{color: #f3f4f6;}.dark .sp-ws__search{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.08); color: #f3f4f6;}.dark .sp-ws__material-card{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-ws__mat-name{color: #f3f4f6;}.dark .sp-ws__assessment-row:hover{background: rgba(255, 255, 255, 0.04);}.dark .sp-ws__assessment-name span:first-child{color: #f3f4f6;}.dark .sp-ws__marks-text{color: #d1d5db;}.dark .sp-ws__grade-stat{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-ws__grade-stat-value{color: #f3f4f6;}.dark .sp-ws__gb-type-header:hover{background: rgba(255, 255, 255, 0.04);}.dark .sp-ws__gb-type-name{color: #f3f4f6;}.dark .sp-ws__gb-type-score{color: #d1d5db;}.dark .sp-ws__gb-ass-name{color: #d1d5db;}.dark .sp-ws__gb-ass-marks{color: #d1d5db;}.dark .sp-ws__streak-value{color: #f3f4f6;}.dark .sp-ws__att-bar-wrap{background: rgba(255, 255, 255, 0.08);}.dark .sp-ws__gt-bar-wrap{background: rgba(255, 255, 255, 0.08);}.dark .sp-ws__gt-marks{color: #9ca3af;}.dark .sp-ws__att-comp{color: #d1d5db;}.dark .sp-ws__att-pct{color: #d1d5db;}.dark .sp-ws__empty{color: #6b7280;}.dark .sp-ws__announcement-subject{color: #f3f4f6;}.dark .sp-ws__announcement-body{color: #d1d5db;}.dark .sp-ws__announcement-item:hover{background: rgba(139, 92, 246, 0.08);}.dark .sp-ws__submission-card{background: rgba(30, 30, 40, 0.4);}.dark .sp-ws__submission-name{color: #f3f4f6;}.dark .sp-ws__upcoming-card{background: rgba(139, 92, 246, 0.08); border-color: rgba(139, 92, 246, 0.15);}.dark .sp-ws__upcoming-name{color: #f3f4f6;}.dark .sp-ws__recent-name{color: #f3f4f6;}.dark .sp-ws__recent-card:hover{background: rgba(139, 92, 246, 0.08);}.dark .sp-ws__insight-value{color: #f3f4f6;}.dark .sp-ws__insight-icon{background: rgba(139, 92, 246, 0.15);}.dark .sp-ws__weighted-formula{background: rgba(30, 30, 40, 0.6); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-ws__formula-part{background: rgba(139, 92, 246, 0.1);}.dark .sp-ws__formula-type{color: #d1d5db;}.dark .sp-ws__outline-header:hover{background: rgba(139, 92, 246, 0.06);}.dark .sp-ws__outline-title{color: #f3f4f6;}.dark .sp-ws__outline-body{color: #d1d5db;}.dark .sp-ws__week-row:hover{background: rgba(255, 255, 255, 0.03);}.dark .sp-ws__week-row{border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-ws__week-contents{color: #d1d5db;}.dark .sp-ws__eval-table th{color: #9ca3af; border-bottom-color: rgba(255, 255, 255, 0.08);}.dark .sp-ws__eval-table td{color: #d1d5db; border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-ws__book-card{background: rgba(255, 255, 255, 0.04);}.dark .sp-ws__book-title{color: #f3f4f6;}.dark .sp-ws__book-desc{color: #d1d5db;}.dark .sp-ws__resource-link:hover{background: rgba(139, 92, 246, 0.08);}.dark .sp-ws__addinfo-item{background: rgba(255, 255, 255, 0.04);}.dark .sp-ws__addinfo-subject{color: #f3f4f6;}.dark .sp-ws__addinfo-body{color: #d1d5db;}.dark .sp-ws__clo-table th{color: #9ca3af; border-bottom-color: rgba(255, 255, 255, 0.08);}.dark .sp-ws__clo-table td{color: #d1d5db; border-bottom-color: rgba(255, 255, 255, 0.04);}.dark .sp-ws__weekday-name{color: #9ca3af;}.dark .sp-ws__weekday-bar-wrap{background: rgba(255, 255, 255, 0.06);}@media (max-width: 768px){.sp-ws__main{padding: 1rem;}.sp-ws__header{flex-direction: column;}.sp-ws__header-left{flex-direction: column;}.sp-ws__header-left h1, .sp-ws__header-left .h1{font-size: 1.2rem;}.sp-ws__metrics{flex-wrap: wrap;}.sp-ws__metric{min-width: 80px;}.sp-ws__tabs{overflow-x: auto;}.sp-ws__tab{padding: 0.5rem 0.5rem; font-size: 0.75rem;}.sp-ws__grid-2{grid-template-columns: 1fr;}.sp-ws__grid-3{grid-template-columns: 1fr;}.sp-ws__materials-grid{grid-template-columns: 1fr;}.sp-ws__assessment-row{flex-direction: column; align-items: flex-start; gap: 0.5rem;}.sp-ws__grade-summary{grid-template-columns: repeat(2, 1fr);}.sp-ws__upcoming-grid{grid-template-columns: 1fr;}.sp-ws__recent-grid{grid-template-columns: 1fr;}.sp-ws__weekday-grid{gap: 0.5rem;}} /* /odoocms_student_portal/static/src/scss/_command_palette.scss */ .sp-cmd-overlay{position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index: 9999; display: flex; justify-content: center; padding-top: 15vh; animation: sp-cmd-fade 0.15s ease;}@keyframes sp-cmd-fade{from{opacity: 0;}to{opacity: 1;}}.sp-cmd{width: 560px; max-width: 95vw; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(24px); border-radius: 1rem; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.3); overflow: hidden; animation: sp-cmd-scale 0.2s ease; max-height: 60vh; display: flex; flex-direction: column;}.sp-cmd__search-wrap{display: flex; align-items: center; padding: 0.75rem 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); gap: 0.75rem;}.sp-cmd__search-icon{color: #8b5cf6; font-size: 1.5rem;}.sp-cmd__search{flex: 1; border: none; outline: none; font-size: 1rem; font-weight: 500; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: transparent; color: #111827;}.sp-cmd__search::placeholder{color: #9ca3af;}.sp-cmd__kbd{background: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.35rem; padding: 0.15rem 0.5rem; font-size: 0.7rem; font-weight: 700; color: #6b7280;}.sp-cmd__results{overflow-y: auto; padding: 0.5rem;}.sp-cmd__category{padding: 0.5rem 0.75rem 0.25rem; font-size: 0.68rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em;}.sp-cmd__item{display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.75rem; border-radius: 0.5rem; cursor: pointer; transition: background 0.1s;}.sp-cmd__item:hover, .sp-cmd__item--selected{background: rgba(139, 92, 246, 0.08);}.sp-cmd__item-icon{font-size: 1.25rem; color: #8b5cf6;}.sp-cmd__item-name{flex: 1; font-weight: 600; font-size: 0.88rem; color: #111827;}.sp-cmd__item-enter{font-size: 1rem; color: #8b5cf6;}.sp-cmd__empty{text-align: center; padding: 2rem; color: #9ca3af;}.sp-cmd__empty i{font-size: 2rem; margin-bottom: 0.5rem; display: block;}.sp-cmd__empty p{font-size: 0.85rem;}@keyframes sp-cmd-scale{from{transform: scale(0.95); opacity: 0;}to{transform: scale(1); opacity: 1;}}.dark .sp-cmd{background: rgba(30, 30, 40, 0.95); box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06);}.dark .sp-cmd__search-wrap{border-bottom-color: rgba(255, 255, 255, 0.06);}.dark .sp-cmd__search{color: #f3f4f6;}.dark .sp-cmd__kbd{background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.1); color: #9ca3af;}.dark .sp-cmd__item:hover, .dark .sp-cmd__item--selected{background: rgba(139, 92, 246, 0.15);}.dark .sp-cmd__item-name{color: #f3f4f6;}.sp-fab-wrap{position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem;}.sp-fab{width: 52px; height: 52px; border-radius: 50%; border: none; background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4); transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.sp-fab:hover{transform: scale(1.05); box-shadow: 0 8px 28px rgba(139, 92, 246, 0.5);}.sp-fab--open{transform: rotate(45deg); background: linear-gradient(135deg, #ef4444, #dc2626); box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);}.sp-fab__icon{font-size: 1.5rem; transition: transform 0.3s;}.sp-fab-actions{display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem;}.sp-fab-action{display: flex; align-items: center; gap: 0.5rem; border: none; background: transparent; cursor: pointer; animation: sp-fab-pop 0.3s ease backwards;}.sp-fab-action__label{background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); padding: 0.35rem 0.75rem; border-radius: 0.5rem; font-size: 0.78rem; font-weight: 700; color: #374151; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); white-space: nowrap;}.sp-fab-action__btn{width: 40px; height: 40px; border-radius: 50%; background: white; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.sp-fab-action__btn i{font-size: 1.2rem; color: #8b5cf6;}.sp-fab-action:hover .sp-fab-action__btn{background: #8b5cf6;}.sp-fab-action:hover .sp-fab-action__btn i{color: white;}@keyframes sp-fab-pop{from{transform: scale(0.5) translateY(10px); opacity: 0;}to{transform: scale(1) translateY(0); opacity: 1;}}.dark .sp-fab-action__label{background: rgba(30, 30, 40, 0.95); color: #d1d5db;}.dark .sp-fab-action__btn{background: rgba(30, 30, 40, 0.95);} /* /odoocms_student_portal/static/src/scss/_feedback_spa.scss */ .sp-fb{font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); position: relative; overflow-x: hidden;}.sp-fb__skel-header{display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;}.sp-fb__skel-circle{width: 48px; height: 48px; border-radius: 50%; background: #e2e8f0; flex-shrink: 0;}.sp-fb__skel-line{height: 14px; border-radius: 9999px; background: #e2e8f0; margin-bottom: 0.5rem;}.sp-fb__skel-line--lg{width: 60%; height: 20px;}.sp-fb__skel-line--md{width: 40%;}.sp-fb__skel-line--sm{width: 25%;}.sp-fb__skel-stat{border-radius: 1rem; height: 90px; background: #e2e8f0;}.sp-fb__skel-tabs{height: 48px; border-radius: 9999px; background: #e2e8f0; margin-bottom: 1.5rem;}.sp-fb__skel-card{border-radius: 1.25rem; padding: 1.25rem; background: rgba(255, 255, 255, 0.6); border: 1px solid #e2e8f0;}.sp-fb__skel-shimmer{position: relative; overflow: hidden;}.sp-fb__skel-shimmer::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); animation: fb-shimmer 2s infinite;}.sp-fb--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-fb__error-box{text-align: center; padding: 2rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border-radius: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.5); max-width: 420px;}.sp-fb__error-icon{font-size: 48px; color: #f43f5e; margin-bottom: 0.75rem;}.sp-fb__toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-radius: 1rem; font-size: 0.875rem; font-weight: 600; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); animation: fb-toast-in 0.4s ease-out;}.sp-fb__toast .material-icons{font-size: 20px;}.sp-fb__toast--success{background: linear-gradient(135deg, #10b981, #14b8a6); color: #ffffff;}.sp-fb__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem; position: relative; z-index: 1;}@media (min-width: 1280px){.sp-fb__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-fb__main{padding-left: 5rem; padding-right: 5rem;}}.sp-fb__header{display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;}.sp-fb__header-icon{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}.sp-fb__header-icon .material-icons{font-size: 32px; color: #334155;}.sp-fb__title{font-size: 1.5rem; font-weight: 800; color: #1e293b; margin: 0;}.sp-fb__title em{font-style: italic; color: #2563eb;}.sp-fb__subtitle{font-size: 0.875rem; color: #64748b; margin: 0.25rem 0 0;}.sp-fb__bulk-banner{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.25rem; margin-bottom: 1.25rem; border-radius: 1rem; background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(251, 146, 60, 0.1)); border: 1px solid rgba(251, 191, 36, 0.3); font-size: 0.875rem; color: #334155;}.sp-fb__bulk-banner-icon{font-size: 24px; color: #f59e0b;}.sp-fb__stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-fb__stat-card{border-radius: 1rem; padding: 1.25rem 1.25rem; color: #ffffff; position: relative; overflow: hidden; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-fb__stat-card:hover{transform: translateY(-4px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.sp-fb__stat-card--blue{background: linear-gradient(135deg, #1e88e5, #0ea5e9, #38bdf8);}.sp-fb__stat-card--green{background: linear-gradient(135deg, #2e7d32, #10b981, #34d399);}.sp-fb__stat-card--amber{background: linear-gradient(135deg, #e65100, #f59e0b, #fbbf24);}.sp-fb__stat-card--purple{background: linear-gradient(135deg, #7b1fa2, #8b5cf6, #a78bfa);}.sp-fb__stat-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;}.sp-fb__stat-label{font-size: 0.875rem; font-weight: 600; opacity: 0.9;}.sp-fb__stat-icon{font-size: 24px; opacity: 0.8;}.sp-fb__stat-value{font-size: 1.875rem; font-weight: 800; line-height: 1.2;}.sp-fb__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 9999px; padding: 0.25rem; margin-bottom: 1.25rem; overflow-x: auto;}.sp-fb__tab{flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0.5rem 1rem; border: none; background: transparent; border-radius: 9999px; font-size: 0.875rem; font-weight: 600; color: #64748b; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap;}.sp-fb__tab:hover{color: #334155; background: rgba(226, 232, 240, 0.5);}.sp-fb__tab--active{background: linear-gradient(135deg, #10b981, #14b8a6); color: #ffffff; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);}.sp-fb__tab--active .sp-fb__tab-icon{color: #ffffff;}.sp-fb__tab--active:hover{color: #ffffff; background: linear-gradient(135deg, #10b981, #14b8a6);}.sp-fb__tab-icon{font-size: 18px; color: #94a3b8;}.sp-fb__toolbar{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem;}.sp-fb__search{flex: 1; display: flex; align-items: center; gap: 0.5rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 9999px; padding: 0.5rem 1rem;}.sp-fb__search .material-icons{font-size: 20px; color: #94a3b8;}.sp-fb__search input{flex: 1; border: none; background: transparent; font-size: 0.875rem; font-family: inherit; color: #334155; outline: none;}.sp-fb__search input::placeholder{color: #94a3b8;}.sp-fb__filter{padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); font-size: 0.875rem; font-family: inherit; color: #475569; cursor: pointer; outline: none;}.sp-fb__filter:focus{border-color: #10b981;}.sp-fb__deadline-warn{position: absolute; top: 0.75rem; right: 0.75rem; display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; color: #e11d48; background: rgba(244, 63, 94, 0.1); padding: 2px 8px; border-radius: 9999px; animation: fb-pulse 2s ease-in-out infinite;}.sp-fb__deadline-warn .material-icons{font-size: 14px;}.sp-fb__panel{min-height: 300px;}.sp-fb__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}.sp-fb__card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; display: flex; flex-direction: column;}.sp-fb__card:hover{transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);}.sp-fb__card--pending{border-left: 4px solid #f97316;}.sp-fb__card--completed{border-left: 4px solid #10b981;}.sp-fb__card--progress{border-left: 4px solid #3b82f6;}.sp-fb__card--general{border-left: none; border-top: 4px solid #14b8a6;}.sp-fb__card-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;}.sp-fb__code-badge{font-size: 0.75rem; font-weight: 600; color: #64748b; background: #f1f5f9; padding: 2px 10px; border-radius: 9999px; border: 1px solid #e2e8f0;}.sp-fb__status-badge{display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; font-weight: 600; padding: 3px 10px; border-radius: 9999px; text-transform: capitalize;}.sp-fb__status-badge--pending{color: #b45309; background: #fef3c7;}.sp-fb__status-badge--completed{color: #047857; background: #d1fae5;}.sp-fb__status-badge--progress{color: #1d4ed8; background: #dbeafe;}.sp-fb__status-icon{font-size: 14px;}.sp-fb__card-title{font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0 0 0.75rem;}.sp-fb__card-meta{display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1rem;}.sp-fb__meta-item{display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; color: #64748b;}.sp-fb__meta-item .material-icons{font-size: 14px; color: #94a3b8;}.sp-fb__progress-section{margin-bottom: 1rem;}.sp-fb__progress-header{display: flex; justify-content: space-between; font-size: 0.75rem; font-weight: 600; color: #475569; margin-bottom: 0.25rem;}.sp-fb__progress-track{width: 100%; height: 8px; background: #e2e8f0; border-radius: 9999px; overflow: hidden;}.sp-fb__progress-track--graduating{height: 10px; background: linear-gradient(90deg, #e2e8f0, rgba(252, 211, 77, 0.3));}.sp-fb__progress-fill{height: 100%; border-radius: 9999px; transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);}.sp-fb__progress-fill--blue{background: linear-gradient(90deg, #3b82f6, #38bdf8);}.sp-fb__progress-fill--amber{background: linear-gradient(90deg, #f59e0b, #fcd34d);}.sp-fb__progress-label{font-size: 0.75rem; color: #64748b; margin-top: 0.25rem; display: block;}.sp-fb__rating-section{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}.sp-fb__rating-section--boxed{background: rgba(252, 211, 77, 0.15); padding: 0.5rem 0.75rem; border-radius: 0.75rem;}.sp-fb__rating-label{font-size: 0.75rem; font-weight: 600; color: #64748b;}.sp-fb__stars{display: flex; gap: 1px;}.sp-fb__star{font-size: 18px;}.sp-fb__star--filled{color: #f59e0b;}.sp-fb__star--empty{color: #cbd5e1;}.sp-fb__rating-value{font-size: 0.875rem; font-weight: 700; color: #d97706;}.sp-fb__card-footer{display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 0.75rem; border-top: 1px solid rgba(226, 232, 240, 0.6);}.sp-fb__due{display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; color: #64748b;}.sp-fb__due .material-icons{font-size: 14px;}.sp-fb__btn{display: inline-flex; align-items: center; gap: 6px; padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 700; text-decoration: none !important; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: none;}.sp-fb__btn .material-icons{font-size: 16px;}.sp-fb__btn--primary{background: linear-gradient(135deg, #10b981, #14b8a6); color: #ffffff !important; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);}.sp-fb__btn--primary .material-icons{color: #ffffff !important;}.sp-fb__btn--primary:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); color: #ffffff !important;}.sp-fb__btn--outline{background: transparent; color: #475569; border: 1px solid #cbd5e1;}.sp-fb__btn--outline:hover{background: #f1f5f9; color: #334155;}.sp-fb__btn--teacher{background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff !important; box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);}.sp-fb__btn--teacher .material-icons{color: #ffffff !important;}.sp-fb__btn--teacher:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4); color: #ffffff !important;}.sp-fb__btn--teal{background: linear-gradient(135deg, #14b8a6, #10b981); color: #ffffff !important; box-shadow: 0 2px 8px rgba(20, 184, 166, 0.3);}.sp-fb__btn--teal .material-icons{color: #ffffff !important;}.sp-fb__btn--teal:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(20, 184, 166, 0.4); color: #ffffff !important;}.sp-fb__btn--graduating{background: linear-gradient(135deg, #f59e0b, #f97316); color: #ffffff !important; box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3); padding: 0.75rem 1.5rem; font-size: 0.875rem; border-radius: 9999px;}.sp-fb__btn--graduating .material-icons{color: #ffffff !important;}.sp-fb__btn--graduating:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4); color: #ffffff !important;}.sp-fb__gauge{position: relative; width: 56px; height: 56px; flex-shrink: 0;}.sp-fb__gauge svg{width: 100%; height: 100%;}.sp-fb__gauge-text{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 800; color: #7c3aed;}.sp-fb__teacher-header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;}.sp-fb__avatar{width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #8b5cf6, #9333ea); color: #ffffff; font-weight: 700; font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-fb__teacher-info{flex: 1; min-width: 0;}.sp-fb__dept{font-size: 0.75rem; color: #64748b;}.sp-fb__badge-row{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;}.sp-fb__info-badge{font-size: 0.75rem; font-weight: 500; color: #475569; background: #f1f5f9; padding: 2px 10px; border-radius: 9999px; border: 1px solid #e2e8f0;}.sp-fb__courses-section{margin-bottom: 1rem;}.sp-fb__courses-label{font-size: 0.75rem; font-weight: 600; color: #475569; margin-bottom: 0.25rem; display: block;}.sp-fb__pills{display: flex; flex-wrap: wrap; gap: 0.25rem;}.sp-fb__pill{font-size: 0.75rem; color: #475569; background: #f1f5f9; padding: 3px 12px; border-radius: 9999px; border: 1px solid #e2e8f0;}.sp-fb__general-icon{font-size: 24px; color: #14b8a6;}.sp-fb__response-badge{font-size: 0.75rem; font-weight: 500; color: #475569; background: #f1f5f9; padding: 3px 10px; border-radius: 9999px; border: 1px solid #e2e8f0;}.sp-fb__card-desc{font-size: 0.875rem; color: #64748b; margin: 0 0 0.75rem; line-height: 1.6;}.sp-fb__time-estimate{display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; color: #64748b; background: rgba(45, 212, 191, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px; margin-bottom: 1rem;}.sp-fb__time-estimate .material-icons{font-size: 14px; color: #14b8a6;}.sp-fb__graduating-wrap{display: flex; flex-direction: column; align-items: center; gap: 1.5rem;}.sp-fb__graduating-card{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.5rem; padding: 2rem 1.5rem; max-width: 600px; width: 100%; text-align: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden;}.sp-fb__graduating-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #fbbf24, #f59e0b, #f97316); border-radius: 9999px 9999px 0 0;}.sp-fb__graduating-icon-wrap{display: flex; justify-content: center; margin-bottom: 1rem;}.sp-fb__graduating-icon{width: 64px; height: 64px; border-radius: 50%; background: rgba(251, 191, 36, 0.15); border: 3px dashed #fbbf24; display: flex; align-items: center; justify-content: center;}.sp-fb__graduating-icon .material-icons{font-size: 32px; color: #d97706;}.sp-fb__graduating-title{font-size: 1.25rem; font-weight: 800; color: #1e293b; margin: 0 0 0.25rem;}.sp-fb__graduating-subtitle{font-size: 0.875rem; color: #64748b; margin: 0 0 1.5rem;}.sp-fb__graduating-progress{background: rgba(251, 191, 36, 0.08); border-radius: 1rem; padding: 1rem; margin-bottom: 1rem; text-align: left;}.sp-fb__priority-badge{font-size: 0.75rem; font-weight: 600; color: #f97316; background: rgba(249, 115, 22, 0.12); padding: 2px 10px; border-radius: 9999px;}.sp-fb__graduating-deadline{display: inline-flex; align-items: center; gap: 4px; font-size: 0.875rem; color: #64748b; margin-bottom: 1.25rem;}.sp-fb__graduating-deadline .material-icons{font-size: 16px;}.sp-fb__voice-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-fb__voice-card{display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 1.25rem; border-radius: 1.25rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); text-align: center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-fb__voice-card:hover{transform: translateY(-3px);}.sp-fb__voice-card--rating{border-top: 3px solid #f59e0b;}.sp-fb__voice-card--completed{border-top: 3px solid #10b981;}.sp-fb__voice-card--rate{border-top: 3px solid #8b5cf6;}.sp-fb__voice-icon{font-size: 28px;}.sp-fb__voice-card--rating .sp-fb__voice-icon{color: #f59e0b;}.sp-fb__voice-card--completed .sp-fb__voice-icon{color: #10b981;}.sp-fb__voice-card--rate .sp-fb__voice-icon{color: #8b5cf6;}.sp-fb__voice-value{font-size: 1.5rem; font-weight: 800; color: #1e293b;}.sp-fb__voice-label{font-size: 0.75rem; font-weight: 600; color: #64748b;}.sp-fb__impact-header{margin-bottom: 1.5rem;}.sp-fb__impact-title{font-size: 1.25rem; font-weight: 800; color: #1e293b; margin: 0 0 0.25rem;}.sp-fb__impact-subtitle{font-size: 0.875rem; color: #64748b; margin: 0;}.sp-fb__impact-list{display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem;}.sp-fb__impact-card{display: flex; align-items: flex-start; gap: 1rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1.25rem; padding: 1.25rem; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.sp-fb__impact-card:hover{transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}.sp-fb__impact-card--implemented{border-left: 4px solid #10b981;}.sp-fb__impact-card--progress{border-left: 4px solid #f59e0b;}.sp-fb__impact-card--review{border-left: 4px solid #f97316;}.sp-fb__impact-icon{font-size: 28px; flex-shrink: 0; margin-top: 2px;}.sp-fb__impact-icon--implemented{color: #10b981;}.sp-fb__impact-icon--progress{color: #f59e0b;}.sp-fb__impact-icon--review{color: #f97316;}.sp-fb__impact-content{flex: 1; min-width: 0;}.sp-fb__impact-card-title{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem;}.sp-fb__impact-card-desc{font-size: 0.875rem; color: #64748b; margin: 0 0 0.5rem; line-height: 1.5;}.sp-fb__impact-badge{font-size: 0.75rem; font-weight: 600; padding: 2px 10px; border-radius: 9999px;}.sp-fb__impact-badge--implemented{color: #047857; background: #d1fae5;}.sp-fb__impact-badge--progress{color: #b45309; background: #fef3c7;}.sp-fb__impact-badge--review{color: #c2410c; background: #ffedd5;}.sp-fb__timeline-header{margin-bottom: 1rem;}.sp-fb__timeline-title{font-size: 1.125rem; font-weight: 800; color: #1e293b; margin: 0;}.sp-fb__timeline{position: relative; padding-left: 2rem;}.sp-fb__timeline::before{content: ''; position: absolute; left: 15px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #34d399, #2dd4bf, #cbd5e1); border-radius: 2px;}.sp-fb__timeline-item{position: relative; display: flex; align-items: flex-start; gap: 0.75rem; padding-bottom: 1rem;}.sp-fb__timeline-dot{position: absolute; left: calc(-2rem - 5px); top: 2px; width: 28px; height: 28px; border-radius: 50%; background: #ffffff; border: 2px solid #34d399; display: flex; align-items: center; justify-content: center;}.sp-fb__timeline-dot .material-icons{font-size: 14px; color: #10b981;}.sp-fb__timeline-content{flex: 1;}.sp-fb__timeline-name{font-size: 0.875rem; font-weight: 600; color: #334155; display: block;}.sp-fb__timeline-meta{display: flex; align-items: center; gap: 0.5rem; margin-top: 2px;}.sp-fb__timeline-type{font-size: 0.75rem; font-weight: 600; color: #0d9488; background: rgba(45, 212, 191, 0.12); padding: 1px 8px; border-radius: 9999px;}.sp-fb__timeline-date{font-size: 0.75rem; color: #94a3b8;}.sp-fb__empty{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 1.5rem; text-align: center;}.sp-fb__empty-icon{font-size: 64px; color: #cbd5e1; margin-bottom: 1rem;}.sp-fb__empty p{font-size: 1rem; color: #94a3b8; max-width: 320px;}@keyframes spin{to{transform: rotate(360deg);}}@keyframes fb-shimmer{0%{left: -100%;}100%{left: 100%;}}@keyframes fb-pulse{0%, 100%{opacity: 1;}50%{opacity: 0.6;}}@keyframes fb-toast-in{from{transform: translateY(20px); opacity: 0;}to{transform: translateY(0); opacity: 1;}}.dark .sp-modern .sp-fb, .dark .sp-fb{background: linear-gradient(135deg, #0f172a, #1e293b, #0f172a);}.dark .sp-modern .sp-fb__title, .dark .sp-fb__title{color: #f1f5f9;}.dark .sp-modern .sp-fb__title em, .dark .sp-fb__title em{color: #38bdf8;}.dark .sp-modern .sp-fb__subtitle, .dark .sp-fb__subtitle{color: #94a3b8;}.dark .sp-modern .sp-fb__header-icon .material-icons, .dark .sp-fb__header-icon .material-icons{color: #e2e8f0;}.dark .sp-modern .sp-fb__bulk-banner, .dark .sp-fb__bulk-banner{background: rgba(251, 191, 36, 0.08); border-color: rgba(251, 191, 36, 0.15); color: #cbd5e1;}.dark .sp-modern .sp-fb__tabs, .dark .sp-fb__tabs{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-fb__tab, .dark .sp-fb__tab{color: #94a3b8;}.dark .sp-modern .sp-fb__tab:hover, .dark .sp-fb__tab:hover{color: #e2e8f0; background: rgba(71, 85, 105, 0.3);}.dark .sp-modern .sp-fb__tab-icon, .dark .sp-fb__tab-icon{color: #64748b;}.dark .sp-modern .sp-fb__search, .dark .sp-fb__search{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-fb__search input, .dark .sp-fb__search input{color: #e2e8f0;}.dark .sp-modern .sp-fb__search input::placeholder, .dark .sp-fb__search input::placeholder{color: #64748b;}.dark .sp-modern .sp-fb__search .material-icons, .dark .sp-fb__search .material-icons{color: #64748b;}.dark .sp-modern .sp-fb__filter, .dark .sp-fb__filter{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1); color: #cbd5e1;}.dark .sp-modern .sp-fb__card, .dark .sp-fb__card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-fb__card:hover, .dark .sp-fb__card:hover{box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);}.dark .sp-modern .sp-fb__card-title, .dark .sp-fb__card-title{color: #f1f5f9;}.dark .sp-modern .sp-fb__code-badge, .dark .sp-fb__code-badge{background: #334155; color: #cbd5e1; border-color: #475569;}.dark .sp-modern .sp-fb__status-badge--pending, .dark .sp-fb__status-badge--pending{background: rgba(251, 191, 36, 0.15); color: #fcd34d;}.dark .sp-modern .sp-fb__status-badge--completed, .dark .sp-fb__status-badge--completed{background: rgba(16, 185, 129, 0.15); color: #34d399;}.dark .sp-modern .sp-fb__status-badge--progress, .dark .sp-fb__status-badge--progress{background: rgba(59, 130, 246, 0.15); color: #38bdf8;}.dark .sp-modern .sp-fb__meta-item, .dark .sp-fb__meta-item{color: #94a3b8;}.dark .sp-modern .sp-fb__meta-item .material-icons, .dark .sp-fb__meta-item .material-icons{color: #64748b;}.dark .sp-modern .sp-fb__progress-track, .dark .sp-fb__progress-track{background: #334155;}.dark .sp-modern .sp-fb__progress-header, .dark .sp-fb__progress-header{color: #cbd5e1;}.dark .sp-modern .sp-fb__progress-label, .dark .sp-fb__progress-label{color: #94a3b8;}.dark .sp-modern .sp-fb__star--empty, .dark .sp-fb__star--empty{color: #475569;}.dark .sp-modern .sp-fb__rating-label, .dark .sp-fb__rating-label{color: #94a3b8;}.dark .sp-modern .sp-fb__rating-section--boxed, .dark .sp-fb__rating-section--boxed{background: rgba(252, 211, 77, 0.08);}.dark .sp-modern .sp-fb__card-footer, .dark .sp-fb__card-footer{border-top-color: rgba(71, 85, 105, 0.4);}.dark .sp-modern .sp-fb__due, .dark .sp-fb__due{color: #94a3b8;}.dark .sp-modern .sp-fb__btn--outline, .dark .sp-fb__btn--outline{color: #cbd5e1; border-color: #475569;}.dark .sp-modern .sp-fb__btn--outline:hover, .dark .sp-fb__btn--outline:hover{background: #334155; color: #f1f5f9;}.dark .sp-modern .sp-fb__dept, .dark .sp-fb__dept{color: #94a3b8;}.dark .sp-modern .sp-fb__gauge-text, .dark .sp-fb__gauge-text{color: #a78bfa;}.dark .sp-modern .sp-fb__info-badge, .dark .sp-fb__info-badge{background: #334155; color: #cbd5e1; border-color: #475569;}.dark .sp-modern .sp-fb__courses-label, .dark .sp-fb__courses-label{color: #94a3b8;}.dark .sp-modern .sp-fb__pill, .dark .sp-fb__pill{background: #334155; color: #cbd5e1; border-color: #475569;}.dark .sp-modern .sp-fb__response-badge, .dark .sp-fb__response-badge{background: #334155; color: #cbd5e1; border-color: #475569;}.dark .sp-modern .sp-fb__card-desc, .dark .sp-fb__card-desc{color: #94a3b8;}.dark .sp-modern .sp-fb__time-estimate, .dark .sp-fb__time-estimate{background: rgba(45, 212, 191, 0.08); color: #94a3b8;}.dark .sp-modern .sp-fb__graduating-card, .dark .sp-fb__graduating-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-fb__graduating-title, .dark .sp-fb__graduating-title{color: #f1f5f9;}.dark .sp-modern .sp-fb__graduating-subtitle, .dark .sp-fb__graduating-subtitle{color: #94a3b8;}.dark .sp-modern .sp-fb__graduating-progress, .dark .sp-fb__graduating-progress{background: rgba(251, 191, 36, 0.05);}.dark .sp-modern .sp-fb__graduating-deadline, .dark .sp-fb__graduating-deadline{color: #94a3b8;}.dark .sp-modern .sp-fb__priority-badge, .dark .sp-fb__priority-badge{background: rgba(249, 115, 22, 0.1);}.dark .sp-modern .sp-fb__voice-card, .dark .sp-fb__voice-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-fb__voice-value, .dark .sp-fb__voice-value{color: #f1f5f9;}.dark .sp-modern .sp-fb__voice-label, .dark .sp-fb__voice-label{color: #94a3b8;}.dark .sp-modern .sp-fb__impact-title, .dark .sp-fb__impact-title{color: #f1f5f9;}.dark .sp-modern .sp-fb__impact-subtitle, .dark .sp-fb__impact-subtitle{color: #94a3b8;}.dark .sp-modern .sp-fb__impact-card, .dark .sp-fb__impact-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-fb__impact-card-title, .dark .sp-fb__impact-card-title{color: #f1f5f9;}.dark .sp-modern .sp-fb__impact-card-desc, .dark .sp-fb__impact-card-desc{color: #94a3b8;}.dark .sp-modern .sp-fb__impact-badge--implemented, .dark .sp-fb__impact-badge--implemented{background: rgba(16, 185, 129, 0.15); color: #34d399;}.dark .sp-modern .sp-fb__impact-badge--progress, .dark .sp-fb__impact-badge--progress{background: rgba(251, 191, 36, 0.15); color: #fcd34d;}.dark .sp-modern .sp-fb__impact-badge--review, .dark .sp-fb__impact-badge--review{background: rgba(249, 115, 22, 0.15); color: #f97316;}.dark .sp-modern .sp-fb__timeline-title, .dark .sp-fb__timeline-title{color: #f1f5f9;}.dark .sp-modern .sp-fb__timeline::before, .dark .sp-fb__timeline::before{background: linear-gradient(180deg, #059669, #0d9488, #475569);}.dark .sp-modern .sp-fb__timeline-dot, .dark .sp-fb__timeline-dot{background: #1e293b; border-color: #10b981;}.dark .sp-modern .sp-fb__timeline-name, .dark .sp-fb__timeline-name{color: #e2e8f0;}.dark .sp-modern .sp-fb__timeline-type, .dark .sp-fb__timeline-type{color: #2dd4bf; background: rgba(45, 212, 191, 0.08);}.dark .sp-modern .sp-fb__timeline-date, .dark .sp-fb__timeline-date{color: #64748b;}.dark .sp-modern .sp-fb__skel-circle, .dark .sp-modern .sp-fb__skel-line, .dark .sp-modern .sp-fb__skel-stat, .dark .sp-modern .sp-fb__skel-tabs, .dark .sp-modern .sp-fb__skel-card, .dark .sp-fb__skel-circle, .dark .sp-fb__skel-line, .dark .sp-fb__skel-stat, .dark .sp-fb__skel-tabs, .dark .sp-fb__skel-card{background: #334155;}.dark .sp-modern .sp-fb__skel-shimmer::after, .dark .sp-fb__skel-shimmer::after{background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);}.dark .sp-modern .sp-fb__empty-icon, .dark .sp-fb__empty-icon{color: #475569;}.dark .sp-modern .sp-fb__empty p, .dark .sp-fb__empty p{color: #64748b;}.dark .sp-modern .sp-fb__deadline-warn, .dark .sp-fb__deadline-warn{color: #fb7185; background: rgba(244, 63, 94, 0.15);}@media (max-width: 1200px){.sp-fb__grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 1024px){.sp-fb__stats{grid-template-columns: repeat(2, 1fr);}.sp-fb__voice-stats{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px){.sp-fb__grid{grid-template-columns: 1fr;}.sp-fb__voice-stats{grid-template-columns: 1fr;}.sp-fb__toolbar{flex-direction: column;}}@media (max-width: 640px){.sp-fb__main{padding: 1rem 0.75rem 2rem;}.sp-fb__stats{grid-template-columns: 1fr 1fr; gap: 0.75rem;}.sp-fb__stat-card{padding: 0.75rem;}.sp-fb__stat-value{font-size: 1.5rem;}.sp-fb__tabs{flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}.sp-fb__tab{flex: none; padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-fb__tab-icon{display: none;}.sp-fb__header{flex-direction: column; align-items: flex-start; gap: 0.5rem;}.sp-fb__graduating-card{padding: 1.25rem 1rem;}.sp-fb__toast{left: 1rem; right: 1rem; bottom: 1rem;}} /* /odoocms_student_portal/static/src/scss/_dark_mode.scss */ .dark .sp-modern{background: linear-gradient(135deg, #0f172a, #1e293b, #0f172a); color: #e2e8f0;}.dark .sp-modern ::-webkit-scrollbar-track{background: #1e293b;}.dark .sp-modern ::-webkit-scrollbar-thumb{background: #475569;}.dark .sp-modern .sp-float-circle--purple{background: rgba(139, 92, 246, 0.2);}.dark .sp-modern .sp-float-circle--yellow{background: rgba(245, 158, 11, 0.2);}.dark .sp-modern .sp-float-circle--pink{background: rgba(244, 63, 94, 0.2);}.dark .sp-modern a{color: #a78bfa;}.dark .sp-modern a:hover{color: #a78bfa;}.dark .sp-modern .sp-navbar__icon-btn{background: rgba(30, 41, 59, 0.5); border-color: #334155;}.dark .sp-modern .sp-navbar__icon-btn .material-icons{color: #cbd5e1 !important;}.dark .sp-modern .sp-navbar__icon-btn:hover{background: #334155;}.dark .sp-modern .sp-navbar__profile-btn{background: rgba(30, 41, 59, 0.5); border-color: #334155;}.dark .sp-modern .sp-navbar__profile-btn:hover{background: #334155;}.dark .sp-modern .sp-navbar__dropdown{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-navbar__dropdown-header{border-color: #334155; color: #ffffff;}.dark .sp-modern .sp-navbar__dropdown-item{border-color: #334155;}.dark .sp-modern .sp-navbar__dropdown-item:hover{background: #1e293b;}.dark .sp-modern .sp-navbar__dropdown-footer{border-color: #334155;}.dark .sp-modern .sp-navbar__profile-dropdown{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-navbar__profile-dropdown a{color: #cbd5e1;}.dark .sp-modern .sp-navbar__profile-dropdown a .material-icons{color: #94a3b8 !important;}.dark .sp-modern .sp-navbar__profile-dropdown a:hover{background: #1e293b; color: #ffffff;}.dark .sp-modern .sp-theme-toggle .sp-theme-toggle__light{display: none;}.dark .sp-modern .sp-theme-toggle .sp-theme-toggle__dark{display: block;}.dark .sp-modern .sp-sidebar{background: #0f172a;}.dark .sp-modern .sp-sidebar__close .material-icons{color: #94a3b8 !important;}.dark .sp-modern .sp-sidebar__close:hover{background: #1e293b;}.dark .sp-modern .sp-sidebar__nav{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-sidebar__link{color: #94a3b8;}.dark .sp-modern .sp-sidebar__link:hover{background: #1e293b; color: #ffffff;}.dark .sp-modern .sp-sidebar__icon{color: #64748b !important;}.dark .sp-modern .sp-sidebar__item--active > .sp-sidebar__link{background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(168, 85, 247, 0.15)); color: #a78bfa;}.dark .sp-modern .sp-sidebar__item--active > .sp-sidebar__link .sp-sidebar__icon{color: #a78bfa !important;}.dark .sp-modern .sp-sidebar__child-link{color: #64748b;}.dark .sp-modern .sp-sidebar__child-link:hover{background: #1e293b; color: #cbd5e1;}.dark .sp-modern .sp-sidebar__child-link--active{color: #a78bfa; background: rgba(139, 92, 246, 0.1);}.dark .sp-modern .sp-glass-card, .dark .sp-modern .sp-stat-card, .dark .sp-modern .sp-course-card, .dark .sp-modern .sp-chart-container, .dark .sp-modern .sp-today-section, .dark .sp-modern .sp-notification-card{background: rgba(30, 41, 59, 0.85); border-color: rgba(255, 255, 255, 0.1);}.dark .sp-modern .sp-stat-card__label{color: #94a3b8;}.dark .sp-modern .sp-stat-card__number{color: #ffffff;}.dark .sp-modern .sp-stat-card__suffix{color: #94a3b8;}.dark .sp-modern .sp-stat-card--emerald .sp-stat-card__number{color: #34d399;}.dark .sp-modern .sp-stat-card--amber .sp-stat-card__number{color: #fbbf24;}.dark .sp-modern .sp-stat-card--sky .sp-stat-card__number{color: #38bdf8;}.dark .sp-modern .sp-stat-card--violet .sp-stat-card__number{color: #a78bfa;}.dark .sp-modern .sp-stat-card--rose .sp-stat-card__number{color: #fb7185;}.dark .sp-modern .sp-course-card__name{color: #ffffff;}.dark .sp-modern .sp-course-card__code{color: #94a3b8;}.dark .sp-modern .sp-course-card__detail{color: #94a3b8;}.dark .sp-modern .sp-course-card__detail .sp-detail-icon{background: #334155;}.dark .sp-modern .sp-course-card__attendance-label{color: #94a3b8;}.dark .sp-modern .sp-course-card__attendance-bar{background: #475569;}.dark .sp-modern .sp-course-card__btn--secondary{background: #334155;}.dark .sp-modern .sp-course-card__btn--secondary:hover{background: #475569;}.dark .sp-modern .sp-course-card__warning{background: rgba(244, 63, 94, 0.15); border-color: rgba(244, 63, 94, 0.3);}.dark .sp-modern .sp-course-card__warning p{color: #fb7185;}.dark .sp-modern .sp-course-card:hover .sp-course-card__name{color: #a78bfa;}.dark .sp-modern .sp-chart-title{color: #ffffff;}.dark .sp-modern .sp-section__title{color: #ffffff;}.dark .sp-modern .sp-section__action{color: #a78bfa;}.dark .sp-modern .sp-section__action .material-icons{color: #a78bfa !important;}.dark .sp-modern .sp-today-item{border-color: #334155;}.dark .sp-modern .sp-today-time__from{color: #ffffff;}.dark .sp-modern .sp-today-time__to{color: #64748b;}.dark .sp-modern .sp-today-info__name{color: #ffffff;}.dark .sp-modern .sp-today-info__room{color: #64748b;}.dark .sp-modern .sp-notification-card:hover{background: rgba(30, 41, 59, 0.95);}.dark .sp-modern .sp-notification-card__title{color: #ffffff;}.dark .sp-modern .sp-notification-card__icon{background: rgba(14, 165, 233, 0.15);}.dark .sp-modern .sp-empty-state{color: #64748b;}.dark .sp-modern .sp-empty-state .material-icons{color: #475569 !important;}.dark .sp-modern .sp-tooltip::after{background: #334155;}.dark .sp-modern .sp-banner-stat__label{color: #94a3b8;}.dark .sp-modern .sp-banner-stat--standing .sp-banner-stat__sub{color: rgba(52, 211, 153, 0.7);} /* /odoocms_student_portal/static/src/scss/_responsive.scss */ @media (max-width: 1024px){.sp-modern .sp-container{padding: 0.75rem 1rem;}.sp-modern .sp-navbar{padding: 0.75rem 1rem; margin-bottom: 1rem;}.sp-modern .sp-header-banner{padding: 1.25rem; border-radius: 1.5rem;}.sp-modern .sp-banner-stats{margin-left: 0; margin-top: 0.75rem;}.sp-modern .sp-banner-ring{display: none;}}@media (max-width: 768px){.sp-modern .sp-container{padding: 0.5rem 0.75rem;}.sp-modern .sp-navbar{padding: 0.5rem 0.75rem; margin-bottom: 0.75rem;}.sp-modern .sp-navbar__logo img{height: 32px;}.sp-modern .sp-header-banner{padding: 1rem; border-radius: 1.25rem; flex-direction: column;}.sp-modern .sp-banner-profile{flex-direction: column; text-align: center; width: 100%;}.sp-modern .sp-banner-info__badges{justify-content: center;}.sp-modern .sp-banner-stats{grid-template-columns: repeat(2, 1fr);}.sp-modern .sp-quick-stats{grid-template-columns: repeat(2, 1fr); gap: 0.75rem;}.sp-modern .sp-courses-grid{grid-template-columns: 1fr; gap: 0.75rem;}.sp-modern .sp-analytics__grid{grid-template-columns: 1fr;}.sp-modern .sp-chart-body{height: 160px;}.sp-modern .sp-section__header{flex-wrap: wrap; gap: 0.5rem;}}@media (max-width: 480px){.sp-modern .sp-quick-stats{grid-template-columns: 1fr;}.sp-modern .sp-banner-stats{grid-template-columns: 1fr;}.sp-modern .sp-stat-card{padding: 0.75rem;}.sp-modern .sp-navbar__right{gap: 0.5rem;}.sp-modern .sp-navbar__icon-btn:not(.sp-theme-toggle):not(.sp-navbar__notifications .sp-navbar__icon-btn){display: none;}} /* /odoocms_student_portal/static/src/css/spa_effects.css */ *{font-family: 'Plus Jakarta Sans', system-ui, sans-serif;}html{transition: background-color 0.3s ease, color 0.3s ease;}.glass{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.5);}.dark .glass{background: rgba(30, 41, 59, 0.85); border: 1px solid rgba(255, 255, 255, 0.1);}.glass-dark{background: linear-gradient(135deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 41, 59, 0.97) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.animate-slide-up{animation: slideUp 0.6s ease-out forwards; opacity: 0; transform: translateY(20px);}@keyframes slideUp{to{opacity: 1; transform: translateY(0);}}.stagger-1{animation-delay: 0.1s;}.stagger-2{animation-delay: 0.2s;}.stagger-3{animation-delay: 0.3s;}.stagger-4{animation-delay: 0.4s;}.stagger-5{animation-delay: 0.5s;}.stagger-6{animation-delay: 0.6s;}.float{animation: float 6s ease-in-out infinite;}@keyframes float{0%, 100%{transform: translateY(0px);}50%{transform: translateY(-10px);}}.pulse-dot{animation: pulseDot 2s ease-in-out infinite;}@keyframes pulseDot{0%, 100%{opacity: 1; transform: scale(1);}50%{opacity: 0.5; transform: scale(1.2);}}.gradient-text-animate{background-size: 200% auto; animation: gradientShift 3s linear infinite;}@keyframes gradientShift{0%{background-position: 0% center;}100%{background-position: 200% center;}}.shimmer{position: relative; overflow: hidden;}.shimmer::after{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: shimmer 2s infinite;}@keyframes shimmer{0%{left: -100%;}100%{left: 100%;}}.notification-badge{animation: notificationPulse 2s ease-in-out infinite;}@keyframes notificationPulse{0%, 100%{transform: scale(1);}50%{transform: scale(1.1);}}.progress-bar{animation: progressFill 1.5s ease-out forwards;}@keyframes progressFill{from{width: 0;}}.progress-ring{transform: rotate(-90deg); transform-origin: 50% 50%;}.progress-ring-animate{animation: ringFill 1.5s ease-out forwards;}@keyframes ringFill{from{stroke-dasharray: 0 251.2;}}.hover-lift{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.hover-lift:hover{transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);}.hover-glow:hover{box-shadow: 0 0 30px rgba(99, 102, 241, 0.4);}.hover-scale{transition: transform 0.2s ease;}.hover-scale:hover{transform: scale(1.05);}.card-shine{position: relative; overflow: hidden;}.card-shine::before{content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( to bottom right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100% ); transform: rotate(45deg); transition: all 0.5s; opacity: 0;}.card-shine:hover::before{opacity: 1; left: 100%; top: 100%;}.live-indicator{animation: livePulse 1.5s ease-in-out infinite;}@keyframes livePulse{0%, 100%{box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);}50%{box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);}}@keyframes scaleIn{from{opacity: 0; transform: scale(0.95) translateY(-5px);}to{opacity: 1; transform: scale(1) translateY(0);}}.animate-scale-in{animation: scaleIn 0.2s ease-out;}.banner-card{position: relative; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.banner-card::before{content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent 50%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;}.banner-card:hover{transform: translateY(-4px); background: rgba(30, 41, 59, 0.8);}.banner-card:hover::before{background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(139,92,246,0.3) 50%, transparent);}.banner-card-violet:hover{box-shadow: 0 8px 32px rgba(139, 92, 246, 0.15), inset 0 1px 0 rgba(139, 92, 246, 0.1);}.banner-card-sky:hover{box-shadow: 0 8px 32px rgba(56, 189, 248, 0.15), inset 0 1px 0 rgba(56, 189, 248, 0.1);}.banner-card-amber:hover{box-shadow: 0 8px 32px rgba(251, 191, 36, 0.15), inset 0 1px 0 rgba(251, 191, 36, 0.1);}.banner-card-violet:hover::before{background: linear-gradient(135deg, rgba(139,92,246,0.4), transparent 60%);}.banner-card-sky:hover::before{background: linear-gradient(135deg, rgba(56,189,248,0.4), transparent 60%);}.banner-card-amber:hover::before{background: linear-gradient(135deg, rgba(251,191,36,0.4), transparent 60%);}.avatar-ring{padding: 3px; background: linear-gradient(135deg, #2dd4bf, #10b981, #059669); background-size: 200% 200%; animation: gradientShift 4s ease infinite;}.cgpa-gradient{background: linear-gradient(90deg, #fbbf24, #f59e0b, #ef4444, #fbbf24); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: cgpaGlow 4s ease infinite;}@keyframes cgpaGlow{0%{background-position: 0% 50%;}50%{background-position: 100% 50%;}100%{background-position: 0% 50%;}}.stat-icon{width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.tag-glow{transition: all 0.3s ease;}.tag-glow:hover{transform: translateY(-1px); filter: brightness(1.2);}.banner-accent-line{height: 1px; background: linear-gradient(90deg, transparent, rgba(139,92,246,0.4), rgba(56,189,248,0.4), transparent);}.standing-glow{position: relative;}.standing-glow::after{content: ''; position: absolute; inset: -1px; border-radius: inherit; background: linear-gradient(135deg, rgba(16,185,129,0.3), rgba(45,212,191,0.1)); z-index: -1; filter: blur(8px); opacity: 0; transition: opacity 0.4s ease;}.standing-glow:hover::after{opacity: 1;}.sp-ring-track{stroke: #e2e8f0;}.dark .sp-ring-track{stroke: #334155;}.sp-ring-value{font-size: 1.5rem; font-weight: 800; color: #1e293b;}.dark .sp-ring-value{color: #ffffff;}.sp-ring-label{font-size: 0.625rem; color: #94a3b8;}::-webkit-scrollbar{width: 6px; height: 6px;}::-webkit-scrollbar-track{background: #f1f5f9; border-radius: 10px;}::-webkit-scrollbar-thumb{background: #cbd5e1; border-radius: 10px;}::-webkit-scrollbar-thumb:hover{background: #94a3b8;}.dark ::-webkit-scrollbar-track{background: #1e293b;}.dark ::-webkit-scrollbar-thumb{background: #475569;}#wrapwrap:has(.sp-dashboard-app) > header, #wrapwrap:has(.sp-dashboard-app) > footer{display: none !important;}#wrapwrap:has(.sp-dashboard-app) > main{padding: 0 !important; margin: 0 !important;} /* /odoocms_rttm/static/src/scss/_faculty_thesis_spa.scss */ .th-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: .875rem; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: all .2s;}.th-card:hover{box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);}.th-card__top{display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;}.th-card__topic{font-size: .9375rem; font-weight: 700; color: #1e293b; text-decoration: none !important; cursor: pointer; transition: color .15s;}.th-card__topic:hover{color: #2563eb; text-decoration: underline !important;}.th-card__state{display: inline-flex; font-size: .5625rem; font-weight: 700; padding: .1875rem .5rem; border-radius: 9999px; white-space: nowrap;}.th-card__meta{display: flex; gap: .75rem; flex-wrap: wrap; font-size: .6875rem; color: #6b7280; margin-top: .25rem;}.th-card__meta i{font-size: .75rem; vertical-align: -1px; margin-right: .125rem;}.th-card__info{display: flex; gap: 1rem; flex-wrap: wrap; font-size: .6875rem; color: #6b7280; margin-top: .5rem;}.th-card__info i{font-size: .75rem; vertical-align: -1px; margin-right: .125rem;}.th-card__info strong{color: #374151;}.th-card__toggle{display: inline-flex; align-items: center; gap: .125rem; font-size: .625rem; font-weight: 600; color: #2563eb; background: none; border: none; cursor: pointer; padding: .25rem 0; margin-top: .375rem; font-family: inherit;}.th-card__toggle i{font-size: 1rem;}.th-card__toggle:hover{text-decoration: underline;}.th-card__expanded{margin-top: .75rem; padding-top: .75rem; border-top: 1px solid rgba(0, 0, 0, 0.04); animation: sp-spm-fadeIn .3s ease;}@keyframes sp-spm-fadeIn{from{opacity: 0;}to{opacity: 1;}}.th-stepper{display: flex; align-items: center; margin: .875rem 0 .5rem; padding: 0 .25rem;}.th-step{display: flex; flex-direction: column; align-items: center; flex-shrink: 0;}.th-step__dot{width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.04); border: 2px solid rgba(0, 0, 0, 0.06); transition: all .3s;}.th-step__dot i{font-size: .75rem; color: #94a3b8;}.th-step--done .th-step__dot i{color: #fff;}.th-step--current .th-step__dot{transform: scale(1.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.th-step__label{font-size: .4375rem; font-weight: 600; color: #94a3b8; margin-top: .25rem; text-transform: uppercase; letter-spacing: .04em;}.th-step--done .th-step__label{color: #374151;}.th-step--current .th-step__label{font-weight: 800;}.th-step__line{flex: 1; height: 2px; background: rgba(0, 0, 0, 0.06); min-width: 20px;}.th-step__line--done{background: #10b981;}.th-defense-tl{display: flex; flex-direction: column; gap: .25rem; padding-left: .5rem;}.th-df-item{display: flex; align-items: center; gap: .5rem; padding: .375rem .5rem; border-radius: .375rem; transition: background .15s;}.th-df-item:hover{background: rgba(0, 0, 0, 0.02);}.th-df-dot{width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;}.th-df-item--done .th-df-dot{background: #10b981;}.dark .th-card{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .th-card__topic{color: #f1f5f9;}.dark .th-card__topic:hover{color: #60a5fa;}.dark .th-card__expanded{border-top-color: rgba(255, 255, 255, 0.04);}.dark .th-step__dot{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08);}.dark .th-step__label{color: #64748b;}.dark .th-step--done .th-step__label{color: #d1d5db;}.dark .th-step__line{background: rgba(255, 255, 255, 0.06);}.dark .th-step__line--done{background: #10b981;}@media (max-width: 768px){.th-stepper{overflow-x: auto;}.th-card__top{flex-direction: column;}.th-card__info{flex-direction: column; gap: .25rem;}} /* /odoocms_rttm_enterprise/static/src/scss/_thesis_spa.scss */ @keyframes sp-th-shimmer{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}@keyframes sp-th-fadeIn{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}@keyframes sp-th-slideUp{from{opacity: 0; transform: translateY(24px);}to{opacity: 1; transform: translateY(0);}}@keyframes sp-th-toastIn{from{opacity: 0; transform: translateX(100%);}to{opacity: 1; transform: translateX(0);}}.sp-th{font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); color: #1e293b; position: relative; overflow-x: hidden;}.sp-th.dark{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%); color: #e2e8f0;}.sp-th__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-th__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-th__main{padding-left: 5rem; padding-right: 5rem;}}.sp-th--loading .sp-th__main{padding-top: 2rem;}.sp-th__skeleton-hero{background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15)); border-radius: 1rem; padding: 2.5rem 2rem; margin-bottom: 1.5rem;}.sp-th__skeleton-pulse, .sp-th__skeleton-card{background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.06) 75%); background-size: 200% 100%; animation: sp-th-shimmer 1.5s infinite; border-radius: 0.5rem;}.sp-th__skeleton-title{width: 60%; height: 2rem; margin-bottom: 1rem;}.sp-th__skeleton-bar{width: 100%; height: 0.75rem;}.sp-th__skeleton-tabs{display: flex; gap: 1rem; margin-bottom: 1.5rem;}.sp-th__skeleton-tabs .sp-th__skeleton-pulse, .sp-th__skeleton-tabs .sp-th__skeleton-card{width: 8rem; height: 2.5rem;}.sp-th__skeleton-card{height: 10rem; border-radius: 1rem;}.sp-th--error{display: flex; align-items: center; justify-content: center; min-height: 80vh;}.sp-th__error-card{text-align: center; padding: 3rem 2rem; background: white; border-radius: 1rem; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); max-width: 420px;}.sp-th__error-icon{font-size: 3rem; color: #f43f5e; margin-bottom: 1rem;}.sp-th__hero{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-th__hero-content{display: flex; flex-direction: column; gap: 0.25rem; flex: 1;}.sp-th__hero-top{display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap;}.sp-th__hero-title{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: 0.5rem;}.sp-th__hero-sub{font-size: 0.875rem; color: #6b7280; margin: 0.25rem 0 0;}.sp-th__hero-badges{display: flex; gap: 0.5rem; flex-shrink: 0;}.sp-th__badge{display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border-radius: 2rem; font-size: 0.75rem; font-weight: 600; text-transform: capitalize;}.sp-th__badge--draft{background: #e2e8f0; color: #64748b;}.sp-th__badge--initiated{background: #dbeafe; color: #2563eb;}.sp-th__badge--in_progress{background: #d1fae5; color: #059669;}.sp-th__badge--dropped{background: #ffe4e6; color: #e11d48;}.sp-th__badge--completed{background: #d1fae5; color: #047857;}.sp-th__badge--approval-draft{background: #f1f5f9; color: #94a3b8;}.sp-th__badge--approval-pending{background: #fef3c7; color: #b45309;}.sp-th__badge--approval-rejected{background: #ffe4e6; color: #e11d48;}.sp-th__badge--approval-approved{background: #d1fae5; color: #047857;}.sp-th__badge--approval-canceled{background: #e2e8f0; color: #64748b;}.sp-th__badge--doc-draft{background: #e2e8f0; color: #64748b;}.sp-th__badge--doc-submitted{background: #dbeafe; color: #2563eb;}.sp-th__badge--doc-verified{background: #d1fae5; color: #059669;}.sp-th__badge--doc-rejected{background: #ffe4e6; color: #e11d48;}.sp-th__badge--in_process{background: #dbeafe; color: #2563eb;}.sp-th__badge--approved{background: #d1fae5; color: #059669;}.sp-th__badge--rejected{background: #ffe4e6; color: #e11d48;}.sp-th__hero-progress{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-th__progress-track{display: flex; align-items: flex-start; gap: 0; position: relative;}.sp-th__progress-step{flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; text-align: center;}.sp-th__progress-step:not(:last-child)::after{content: ''; position: absolute; top: 1.1rem; left: 50%; width: 100%; height: 3px; background: rgba(0, 0, 0, 0.08); z-index: 0;}.sp-th__progress-step--done:not(:last-child)::after{background: #10b981;}.sp-th__progress-step--current:not(:last-child)::after{background: linear-gradient(90deg, #3b82f6 50%, rgba(0, 0, 0, 0.08) 50%);}.sp-th__progress-dot{width: 2.25rem; height: 2.25rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 1; transition: all 0.3s;}.sp-th__progress-dot .material-icons{font-size: 1rem;}.sp-th__progress-step--done .sp-th__progress-dot{background: #10b981; color: white;}.sp-th__progress-step--current .sp-th__progress-dot{background: #3b82f6; color: white; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);}.sp-th__progress-step--pending .sp-th__progress-dot{background: #e2e8f0; color: #94a3b8;}.sp-th__progress-label{font-size: 0.6875rem; margin-top: 0.4rem; color: #6b7280; white-space: nowrap;}.sp-th__progress-step--current .sp-th__progress-label{color: #3b82f6; font-weight: 600;}.sp-th__progress-step--done .sp-th__progress-label{color: #10b981;}.sp-th__hero-action{display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: #6b7280; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.5rem; padding: 0.5rem 1rem; margin-top: 0.75rem;}.sp-th__hero-action .material-icons{font-size: 1.125rem; color: #f59e0b;}.dark .sp-th__hero-action{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.06); color: #9ca3af;}.sp-th__tabbar{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.dark .sp-th__tabbar{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.sp-th__tab{flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.625rem 1rem; border: none; background: transparent; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-th__tab .material-icons{font-size: 1.125rem;}.sp-th__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-th__tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.dark .sp-th__tab{color: #9ca3af;}.dark .sp-th__tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.dark .sp-th__tab--active{background: rgba(139, 92, 246, 0.15); color: #c4b5fd; box-shadow: none;}.sp-th__back-bar{margin-bottom: 1rem;}.sp-th__panel{animation: sp-th-fadeIn 0.3s ease;}.sp-th__grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem;}.sp-th__overview-grid{display: flex; flex-direction: column; gap: 1.5rem;}.sp-th__actions{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem;}.sp-th__action-card{background: white; border-radius: 1rem; padding: 1.25rem; cursor: pointer; transition: all 0.25s; border-left: 4px solid transparent; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06); animation: sp-th-slideUp 0.4s ease both;}.sp-th__action-card:hover{transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.sp-th__action-card--violet{border-left-color: #8b5cf6;}.sp-th__action-card--blue{border-left-color: #3b82f6;}.sp-th__action-card--teal{border-left-color: #14b8a6;}.sp-th__action-card--green{border-left-color: #10b981;}.sp-th__action-card--orange{border-left-color: #f97316;}.sp-th__action-card--rose{border-left-color: #f43f5e;}.sp-th__action-card h4, .sp-th__action-card .h4{font-size: 0.9375rem; font-weight: 600; margin: 0.75rem 0 0.25rem;}.sp-th__action-card p{font-size: 0.8125rem; color: #64748b; margin: 0;}.dark .sp-th__action-card{background: #1e293b;}.dark .sp-th__action-card p{color: #94a3b8;}.sp-th__action-icon{width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;}.sp-th__action-card--violet .sp-th__action-icon{background: rgba(139, 92, 246, 0.1); color: #8b5cf6;}.sp-th__action-card--blue .sp-th__action-icon{background: rgba(59, 130, 246, 0.1); color: #3b82f6;}.sp-th__action-card--teal .sp-th__action-icon{background: rgba(20, 184, 166, 0.1); color: #14b8a6;}.sp-th__action-card--green .sp-th__action-icon{background: rgba(16, 185, 129, 0.1); color: #10b981;}.sp-th__action-card--orange .sp-th__action-icon{background: rgba(249, 115, 22, 0.1); color: #f97316;}.sp-th__action-card--rose .sp-th__action-icon{background: rgba(244, 63, 94, 0.1); color: #f43f5e;}.sp-th__committee-card, .sp-th__external-card, .sp-th__prev-card, .sp-th__details-card, .sp-th__cr-card{background: white; border-radius: 1rem; padding: 1.5rem; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06); animation: sp-th-slideUp 0.4s ease both;}.dark .sp-th__committee-card, .dark .sp-th__external-card, .dark .sp-th__prev-card, .dark .sp-th__details-card, .dark .sp-th__cr-card{background: #1e293b;}.sp-th__section-title{display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 600; margin: 0 0 1rem; color: #334155;}.sp-th__section-title .material-icons{font-size: 1.25rem; color: #8b5cf6;}.dark .sp-th__section-title{color: #e2e8f0;}.sp-th__committee-grid{display: flex; flex-wrap: wrap; gap: 0.75rem;}.sp-th__member-chip{display: flex; align-items: center; gap: 0.75rem; background: #f8fafc; border-radius: 0.75rem; padding: 0.75rem 1rem; flex: 1; min-width: 200px; border: 1px solid #e2e8f0;}.sp-th__member-chip--supervisor{border-left: 3px solid #8b5cf6;}.sp-th__member-chip--co_supervisor{border-left: 3px solid #3b82f6;}.sp-th__member-chip--internal{border-left: 3px solid #14b8a6;}.sp-th__member-chip--external{border-left: 3px solid #f97316;}.dark .sp-th__member-chip{background: #0f172a; border-color: #334155;}.sp-th__member-avatar{width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #8b5cf6; color: white; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; flex-shrink: 0;}.sp-th__member-info{flex: 1; min-width: 0;}.sp-th__member-name{display: block; font-size: 0.8125rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.sp-th__member-role{display: block; font-size: 0.6875rem; color: #64748b; text-transform: capitalize;}.sp-th__willing-badge{font-size: 0.6875rem; font-weight: 600; padding: 0.15rem 0.5rem; border-radius: 1rem; flex-shrink: 0;}.sp-th__willing-badge--willing{background: #d1fae5; color: #059669;}.sp-th__willing-badge--not_willing{background: #ffe4e6; color: #e11d48;}.sp-th__willing-badge--no_response{background: #e2e8f0; color: #64748b;}.sp-th__empty{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 3rem 2rem; text-align: center;}.sp-th__empty .material-icons{font-size: 3rem; color: #94a3b8;}.sp-th__empty p{color: #64748b; margin: 0;}.sp-th__empty--sm{padding: 2rem;}.sp-th__empty--sm .material-icons{font-size: 2rem;}.sp-th__eligibility-card, .sp-th__start-card{background: white; border-radius: 1rem; padding: 2rem; text-align: center; max-width: 500px; margin: 0 auto; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.sp-th__eligibility-card .material-icons, .sp-th__start-card .material-icons{font-size: 3rem; margin-bottom: 1rem;}.sp-th__eligibility-card h3, .sp-th__start-card h3, .sp-th__eligibility-card .h3, .sp-th__start-card .h3{margin: 0 0 0.5rem; font-size: 1.25rem;}.sp-th__eligibility-card p, .sp-th__start-card p{color: #64748b; margin: 0 0 1rem;}.sp-th__eligibility-card ul, .sp-th__start-card ul{text-align: left; padding-left: 1.5rem; color: #64748b; font-size: 0.875rem;}.sp-th__eligibility-card--pass .material-icons{color: #10b981;}.sp-th__eligibility-card--fail .material-icons{color: #f43f5e;}.sp-th__eligibility-card--pending .material-icons{color: #f59e0b;}.dark .sp-th__eligibility-card, .dark .sp-th__start-card{background: #1e293b;}.sp-th__start-card .material-icons{color: #8b5cf6;}.sp-th__meta{font-size: 0.8125rem; color: #94a3b8;}.sp-th__thesis-timeline{display: flex; flex-direction: column; gap: 1.5rem;}.sp-th__process-steps{display: flex; flex-direction: column; gap: 0.75rem;}.sp-th__process-card{display: flex; align-items: center; gap: 1rem; background: white; border-radius: 0.75rem; padding: 1rem 1.25rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); transition: all 0.25s; animation: sp-th-slideUp 0.4s ease both;}.sp-th__process-card--done{border-left: 3px solid #10b981;}.sp-th__process-card--current{border-left: 3px solid #3b82f6; background: linear-gradient(135deg, rgba(59, 130, 246, 0.04), rgba(139, 92, 246, 0.04));}.sp-th__process-card--locked{opacity: 0.5;}.dark .sp-th__process-card{background: #1e293b;}.dark .sp-th__process-card--current{background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));}.sp-th__process-icon{width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-th__process-icon--violet{background: rgba(139, 92, 246, 0.1); color: #8b5cf6;}.sp-th__process-icon--blue{background: rgba(59, 130, 246, 0.1); color: #3b82f6;}.sp-th__process-icon--teal{background: rgba(20, 184, 166, 0.1); color: #14b8a6;}.sp-th__process-icon--green{background: rgba(16, 185, 129, 0.1); color: #10b981;}.sp-th__process-icon--orange{background: rgba(249, 115, 22, 0.1); color: #f97316;}.sp-th__process-icon--rose{background: rgba(244, 63, 94, 0.1); color: #f43f5e;}.sp-th__process-info{flex: 1;}.sp-th__process-info h4, .sp-th__process-info .h4{margin: 0; font-size: 0.9375rem; font-weight: 600;}.sp-th__process-status{font-size: 0.75rem; font-weight: 500;}.sp-th__process-status--done{color: #10b981;}.sp-th__process-status--current{color: #3b82f6;}.sp-th__process-status--locked{color: #94a3b8;}.sp-th__process-check{color: #10b981; font-size: 1.25rem;}.sp-th__detail-row{display: flex; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9;}.sp-th__detail-row:last-child{border-bottom: none;}.dark .sp-th__detail-row{border-bottom-color: #334155;}.sp-th__detail-label{font-size: 0.8125rem; font-weight: 600; color: #64748b; min-width: 120px; flex-shrink: 0;}.sp-th__detail-value{font-size: 0.875rem;}.sp-th__detail-html{font-size: 0.875rem; line-height: 1.6;}.sp-th__detail-html p{margin: 0;}.sp-th__prev-item{padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9;}.sp-th__prev-item:last-child{border-bottom: none;}.sp-th__prev-topic{font-weight: 600; font-size: 0.875rem; margin-bottom: 0.25rem;}.sp-th__prev-meta{font-size: 0.75rem; color: #64748b;}.sp-th__cr-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0; border-bottom: 1px solid #f1f5f9;}.sp-th__cr-item:last-child{border-bottom: none;}.sp-th__cr-type{font-size: 0.875rem; font-weight: 500; text-transform: capitalize; flex: 1;}.sp-th__cr-date{font-size: 0.75rem; color: #94a3b8;}.sp-th__doc-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}.sp-th__doc-card{background: white; border-radius: 0.75rem; padding: 1rem; display: flex; align-items: center; gap: 0.75rem; cursor: pointer; transition: all 0.2s; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); border-top: 3px solid #e2e8f0; animation: sp-th-slideUp 0.3s ease both;}.sp-th__doc-card:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}.dark .sp-th__doc-card{background: #1e293b; border-top-color: #334155;}.sp-th__doc-icon{width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background: rgba(139, 92, 246, 0.1); color: #8b5cf6; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-th__doc-info{flex: 1; min-width: 0;}.sp-th__doc-name{font-size: 0.8125rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0;}.sp-th__doc-type{font-size: 0.6875rem; color: #94a3b8;}.sp-th__doc-download{background: none; border: none; color: #64748b; cursor: pointer; padding: 0.25rem; border-radius: 0.25rem; transition: color 0.2s;}.sp-th__doc-download:hover{color: #8b5cf6;}.sp-th__upload-zone{background: white; border-radius: 1rem; padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}.dark .sp-th__upload-zone{background: #1e293b;}.sp-th__upload-form{display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap;}.sp-th__file-drop{display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 200px;}.sp-th__file-input{position: absolute; width: 0; height: 0; opacity: 0;}.sp-th__file-label{display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1rem; background: #f1f5f9; border-radius: 0.5rem; border: 2px dashed #cbd5e1; cursor: pointer; font-size: 0.8125rem; color: #64748b; transition: all 0.2s; flex: 1;}.sp-th__file-label:hover{border-color: #8b5cf6; color: #8b5cf6;}.dark .sp-th__file-label{background: #0f172a; border-color: #334155;}.sp-th__notify-bar{margin-bottom: 1rem;}.sp-th__form-panel{background: white; border-radius: 1rem; padding: 2rem; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);}.dark .sp-th__form-panel{background: #1e293b;}.sp-th__form-title{display: flex; align-items: center; gap: 0.75rem; font-size: 1.25rem; font-weight: 700; margin: 0 0 1.5rem;}.sp-th__form-title .material-icons{font-size: 1.5rem; color: #8b5cf6;}.sp-th__form-section{margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #f1f5f9;}.sp-th__form-section:last-of-type{border-bottom: none;}.sp-th__form-section h3, .sp-th__form-section .h3{font-size: 1rem; font-weight: 600; margin: 0 0 1rem; color: #334155;}.dark .sp-th__form-section h3, .dark .sp-th__form-section .h3{color: #e2e8f0;}.dark .sp-th__form-section{border-bottom-color: #334155;}.sp-th__form-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;}.sp-th__form-group{margin-bottom: 1rem;}.sp-th__form-group label{display: block; font-size: 0.8125rem; font-weight: 600; color: #475569; margin-bottom: 0.4rem;}.dark .sp-th__form-group label{color: #94a3b8;}.sp-th__req{color: #f43f5e;}.sp-th__input, .sp-th__select, .sp-th__textarea{width: 100%; padding: 0.6rem 0.875rem; border: 1.5px solid #e2e8f0; border-radius: 0.5rem; font-size: 0.875rem; font-family: inherit; color: #1e293b; background: white; transition: border-color 0.2s, box-shadow 0.2s;}.sp-th__input:focus, .sp-th__select:focus, .sp-th__textarea:focus{outline: none; border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);}.dark .sp-th__input, .dark .sp-th__select, .dark .sp-th__textarea{background: #0f172a; border-color: #334155; color: #e2e8f0;}.sp-th__input--date{max-width: 180px;}.sp-th__textarea{resize: vertical; min-height: 80px;}.sp-th__milestone-row{display: flex; gap: 0.75rem; align-items: center; margin-bottom: 0.75rem;}.sp-th__checkbox-row{margin-bottom: 0.75rem;}.sp-th__checkbox, .sp-th__radio{display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; cursor: pointer;}.sp-th__checkbox input, .sp-th__radio input{margin-top: 0.15rem; accent-color: #8b5cf6;}.sp-th__radio-group{display: flex; flex-wrap: wrap; gap: 1rem;}.sp-th__form-actions{display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 1.5rem;}.sp-th__form-error{display: flex; align-items: center; gap: 0.5rem; color: #f43f5e; font-size: 0.875rem; margin-top: 0.75rem;}.sp-th__form-error .material-icons{font-size: 1.125rem;}.sp-th__milestone-list{padding-left: 1.5rem; border-left: 3px solid #e2e8f0;}.sp-th__milestone-card{display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; position: relative;}.sp-th__milestone-card:last-child{margin-bottom: 0;}.sp-th__milestone-dot{width: 1rem; height: 1rem; border-radius: 50%; background: #8b5cf6; border: 3px solid white; position: absolute; left: calc(-1.5rem - 0.5rem - 1.5px); top: 0.25rem; box-shadow: 0 0 0 2px #8b5cf6;}.sp-th__milestone-info h4, .sp-th__milestone-info .h4{margin: 0; font-size: 0.9375rem; font-weight: 600;}.sp-th__milestone-date{font-size: 0.75rem; color: #64748b;}.sp-th__btn{display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.6rem 1.25rem; border: none; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; font-family: inherit; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-th__btn .material-icons{font-size: 1.125rem;}.sp-th__btn:disabled, .sp-th__btn.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed;}.sp-th__btn--primary{background: #8b5cf6; color: white;}.sp-th__btn--primary:hover:not(:disabled):not(.o_wysiwyg_loader){background: #7c3aed;}.sp-th__btn--ghost{background: transparent; color: #64748b;}.sp-th__btn--ghost:hover:not(:disabled):not(.o_wysiwyg_loader){background: #f1f5f9; color: #334155;}.dark .sp-th__btn--ghost:hover:not(:disabled):not(.o_wysiwyg_loader){background: #334155; color: #e2e8f0;}.sp-th__btn--danger{background: #f43f5e; color: white;}.sp-th__btn--danger:hover:not(:disabled):not(.o_wysiwyg_loader){background: #e11d48;}.sp-th__btn--teal{background: #14b8a6; color: white;}.sp-th__btn--teal:hover:not(:disabled):not(.o_wysiwyg_loader){background: #0d9488;}.sp-th__btn--sm{padding: 0.4rem 0.75rem; font-size: 0.8125rem;}.sp-th__btn--icon{padding: 0.4rem; border-radius: 50%;}.sp-th__btn--icon .material-icons{font-size: 1.25rem;}.sp-th__danger-zone{padding: 1rem 0; border-top: 1px solid #ffe4e6;}.dark .sp-th__danger-zone{border-top-color: #4c0519;}.sp-th__modal-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; animation: sp-th-fadeIn 0.2s ease;}.sp-th__modal{background: white; border-radius: 1rem; width: 90%; max-width: 560px; max-height: 85vh; overflow-y: auto; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);}.sp-th__modal--sm{max-width: 400px;}.dark .sp-th__modal{background: #1e293b;}.sp-th__modal-header{display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid #f1f5f9;}.sp-th__modal-header h3, .sp-th__modal-header .h3{margin: 0; font-size: 1.125rem; font-weight: 600;}.dark .sp-th__modal-header{border-bottom-color: #334155;}.sp-th__modal-body{padding: 1.5rem;}.sp-th__modal-footer{display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid #f1f5f9;}.dark .sp-th__modal-footer{border-top-color: #334155;}.sp-th__validation-warn{color: #f59e0b; font-size: 0.8125rem;}.sp-th__toast{position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 500; z-index: 2000; animation: sp-th-toastIn 0.3s ease; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);}.sp-th__toast .material-icons{font-size: 1.25rem;}.sp-th__toast--success{background: #10b981; color: white;}.sp-th__toast--error{background: #f43f5e; color: white;}@media (max-width: 768px){.sp-th__main{padding: 1rem 1rem 2rem;}.sp-th__hero-title{font-size: 1.25rem;}.sp-th__hero-top{flex-direction: column;}.sp-th__hero-badges{flex-wrap: wrap;}.sp-th__progress-label{font-size: 0.5625rem;}.sp-th__progress-dot{width: 1.75rem; height: 1.75rem;}.sp-th__actions{grid-template-columns: 1fr 1fr;}.sp-th__doc-grid{grid-template-columns: 1fr;}.sp-th__form-row{grid-template-columns: 1fr;}.sp-th__tab{padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-th__tab .material-icons{font-size: 1rem;}.sp-th__tab span{display: none;}.sp-th__tab--active span{display: inline;}.sp-th__upload-form{flex-direction: column; align-items: stretch;}.sp-th__toast{left: 1rem; right: 1rem; bottom: 1rem;}.sp-th__modal{width: 95%;}}@media (max-width: 480px){.sp-th__actions{grid-template-columns: 1fr;}.sp-th__committee-grid{flex-direction: column;}.sp-th__member-chip{min-width: unset;}.sp-th__form-panel{padding: 1.25rem;}} /* /odoocms_spm/static/src/scss/_spm_spa.scss */ @keyframes sp-spm-spin{to{transform: rotate(360deg);}}@keyframes sp-spm-fadeIn{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}.sp-spm{font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); color: #1e293b; position: relative; overflow-x: hidden;}.sp-spm--loading, .sp-spm--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-spm__loader{text-align: center; color: #7c3aed;}.sp-spm__loader p{margin-top: 1rem; font-weight: 500;}.sp-spm__spinner{width: 48px; height: 48px; margin: 0 auto; border: 4px solid rgba(124, 58, 237, 0.2); border-top-color: #7c3aed; border-radius: 50%; animation: sp-spm-spin 0.8s linear infinite;}.sp-spm__error-card{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-spm__error-card i{font-size: 3rem; color: #ef4444;}.sp-spm__error-card h3, .sp-spm__error-card .h3{margin: 1rem 0 0.5rem; color: #1f2937;}.sp-spm__error-card p{color: #6b7280;}.sp-spm__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-spm__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-spm__main{padding-left: 5rem; padding-right: 5rem;}}.sp-spm__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-spm__header h1, .sp-spm__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #6d28d9, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: 0.5rem;}.sp-spm__header h1 i, .sp-spm__header .h1 i{-webkit-text-fill-color: #8b5cf6; font-size: 1.75rem;}.sp-spm__header-left{display: flex; flex-direction: column; gap: 0.25rem;}.sp-spm__header-sub{color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0;}.sp-spm__header-actions{display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap;}.sp-spm__breadcrumb{display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: #6b7280; margin-bottom: 0.75rem;}.sp-spm__breadcrumb a{color: #6b7280; text-decoration: none;}.sp-spm__breadcrumb a:hover{color: #7c3aed;}.sp-spm__breadcrumb span{color: #9ca3af;}.sp-spm__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer; font-family: inherit;}.sp-spm__btn i{font-size: 1rem;}.sp-spm__btn:disabled, .sp-spm__btn.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed;}.sp-spm__btn--primary{background: #7c3aed; color: white;}.sp-spm__btn--primary:hover:not(:disabled):not(.o_wysiwyg_loader){background: #6d28d9;}.sp-spm__btn--success{background: #10b981; color: white;}.sp-spm__btn--success:hover:not(:disabled):not(.o_wysiwyg_loader){background: #059669;}.sp-spm__btn--danger{background: #ef4444; color: white;}.sp-spm__btn--danger:hover:not(:disabled):not(.o_wysiwyg_loader){background: #dc2626;}.sp-spm__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #6b7280; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-spm__btn--ghost:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-spm__btn--outline{background: transparent; color: #7c3aed; border: 1px solid rgba(124, 58, 237, 0.3);}.sp-spm__btn--outline:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(124, 58, 237, 0.06);}.sp-spm__btn--sm{padding: 0.375rem 0.75rem; font-size: 0.75rem;}.sp-spm__btn--lg{padding: 0.625rem 1.5rem; font-size: 0.875rem;}.sp-spm__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-spm__tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap; font-family: inherit;}.sp-spm__tab i{font-size: 1.125rem;}.sp-spm__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-spm__tab--active{background: #fff; color: #6d28d9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-spm__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); animation: sp-spm-fadeIn 0.4s ease both;}.sp-spm__card-header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}.sp-spm__card-header h3, .sp-spm__card-header .h3{margin: 0; font-size: 1.125rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem;}.sp-spm__card-header h3 i, .sp-spm__card-header .h3 i{font-size: 1.25rem; color: #7c3aed;}.sp-spm__section-title{display: flex; align-items: center; gap: 0.5rem; font-size: 1.125rem; font-weight: 700; margin: 0 0 0.25rem; color: #1f2937;}.sp-spm__section-title i{font-size: 1.25rem; color: #7c3aed;}.sp-spm__section-sub{font-size: 0.8125rem; color: #6b7280; margin: 0 0 1rem;}.sp-spm__badge{display: inline-flex; padding: 0.2rem 0.6rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; width: fit-content;}.sp-spm__badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-spm__badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-spm__badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-spm__badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-spm__badge--slate{background: rgba(100, 116, 139, 0.12); color: #475569;}.sp-spm__badge--violet{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-spm__empty{text-align: center; padding: 2rem 1rem; color: #9ca3af;}.sp-spm__empty i{font-size: 2.5rem; margin-bottom: 0.5rem; display: block;}.sp-spm__empty p{margin: 0; font-size: 0.875rem;}.sp-spm__empty h4, .sp-spm__empty .h4{margin: 0.5rem 0 0.25rem; color: #6b7280; font-size: 1rem;}.sp-spm__status-card{display: flex; align-items: center; gap: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); animation: sp-spm-fadeIn 0.4s ease both;}.sp-spm__status-card--accepted{border-left: 4px solid #10b981;}.sp-spm__status-card--confirm{border-left: 4px solid #f59e0b;}.sp-spm__status-card--draft{border-left: 4px solid #0ea5e9;}.sp-spm__status-card--none{border-left: 4px solid #94a3b8;}.sp-spm__status-icon-wrap{width: 48px; height: 48px; border-radius: 0.75rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.sp-spm__status-icon-wrap i{font-size: 1.5rem; color: white;}.sp-spm__status-icon-wrap--emerald{background: linear-gradient(135deg, #10b981, #059669);}.sp-spm__status-icon-wrap--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.sp-spm__status-icon-wrap--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-spm__status-icon-wrap--slate{background: linear-gradient(135deg, #94a3b8, #64748b);}.sp-spm__status-icon-wrap--violet{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.sp-spm__status-info{flex: 1; min-width: 0;}.sp-spm__status-info h3, .sp-spm__status-info .h3{font-size: 1rem; font-weight: 700; margin: 0 0 0.25rem; color: #1f2937;}.sp-spm__status-info p{font-size: 0.8125rem; color: #6b7280; margin: 0;}.sp-spm__progress-wrap{margin-bottom: 1.5rem;}.sp-spm__progress-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}.sp-spm__progress-header span{font-size: 0.8125rem; font-weight: 600; color: #374151;}.sp-spm__progress-bar{height: 10px; background: rgba(0, 0, 0, 0.06); border-radius: 9999px; overflow: hidden;}.sp-spm__progress-fill{height: 100%; border-radius: 9999px; transition: width 0.6s ease; background: linear-gradient(90deg, #7c3aed, #a78bfa);}.sp-spm__stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-spm__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center; transition: transform 0.2s, box-shadow 0.2s;}.sp-spm__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-spm__stat-icon{width: 48px; height: 48px; border-radius: 0.75rem; margin: 0 auto 0.75rem; display: flex; align-items: center; justify-content: center;}.sp-spm__stat-icon i{font-size: 1.5rem; color: white;}.sp-spm__stat-icon--violet{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.sp-spm__stat-icon--emerald{background: linear-gradient(135deg, #10b981, #059669);}.sp-spm__stat-icon--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.sp-spm__stat-icon--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-spm__stat-value{font-size: 1.75rem; font-weight: 800; color: #1f2937;}.sp-spm__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500; margin-top: 0.125rem;}.sp-spm__overview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}@media (max-width: 768px){.sp-spm__overview-grid{grid-template-columns: 1fr;}}.sp-spm__quick-links{display: flex; flex-direction: column; gap: 0.25rem;}.sp-spm__quick-link{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: 0.75rem; background: transparent; border: none; cursor: pointer; font-family: inherit; font-size: 0.875rem; font-weight: 600; color: #374151; transition: all 0.2s; width: 100%; text-align: left;}.sp-spm__quick-link:hover{background: rgba(124, 58, 237, 0.05);}.sp-spm__quick-link span{flex: 1;}.sp-spm__quick-link-icon{width: 36px; height: 36px; border-radius: 0.625rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.sp-spm__quick-link-icon i{font-size: 1.125rem; color: white;}.sp-spm__quick-link-icon--violet{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.sp-spm__quick-link-icon--emerald{background: linear-gradient(135deg, #10b981, #059669);}.sp-spm__quick-link-icon--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-spm__quick-link-icon--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.sp-spm__quick-link-arrow{font-size: 1.125rem; color: #9ca3af;}.sp-spm__info-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}@media (max-width: 768px){.sp-spm__info-grid{grid-template-columns: 1fr;}}.sp-spm__info-row{display: flex; justify-content: space-between; padding: 0.625rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-spm__info-row:last-child{border-bottom: none;}.sp-spm__info-label{font-size: 0.8125rem; color: #6b7280; font-weight: 500;}.sp-spm__info-value{font-size: 0.8125rem; color: #1f2937; font-weight: 600; text-align: right;}.sp-spm__member-item{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-spm__member-item:last-child{border-bottom: none;}.sp-spm__member-avatar{width: 40px; height: 40px; border-radius: 0.75rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; font-size: 0.875rem; font-weight: 700; overflow: hidden;}.sp-spm__member-avatar img{width: 100%; height: 100%; object-fit: cover;}.sp-spm__member-info{flex: 1; min-width: 0;}.sp-spm__member-info .name{font-size: 0.875rem; font-weight: 600; color: #1f2937;}.sp-spm__member-info .sub{font-size: 0.75rem; color: #6b7280;}.sp-spm__member-badge{font-size: 0.6875rem;}.sp-spm__feedback-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1rem; animation: sp-spm-fadeIn 0.4s ease both;}.sp-spm__feedback-content{font-size: 0.8125rem; color: #374151; line-height: 1.6;}.sp-spm__feedback-content p{margin: 0 0 0.5rem;}.sp-spm__meeting-link{display: flex; align-items: center; gap: 0.75rem; padding: 1rem; background: rgba(124, 58, 237, 0.06); border-radius: 0.75rem; border: 1px solid rgba(124, 58, 237, 0.15); margin-top: 1rem;}.sp-spm__meeting-link i{font-size: 1.5rem; color: #7c3aed;}.sp-spm__meeting-link a{color: #7c3aed; font-weight: 600; font-size: 0.875rem; word-break: break-all;}.sp-spm__meeting-link a:hover{text-decoration: underline;}.sp-spm__meeting-link .label{font-size: 0.75rem; color: #6b7280;}.sp-spm__milestones{display: flex; flex-direction: column; gap: 1rem;}.sp-spm__milestone-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); display: flex; gap: 1rem; align-items: flex-start; animation: sp-spm-fadeIn 0.4s ease both;}.sp-spm__milestone-card--complete{border-left: 4px solid #10b981;}.sp-spm__milestone-card--overdue{border-left: 4px solid #ef4444;}.sp-spm__milestone-card--pending{border-left: 4px solid #f59e0b;}.sp-spm__milestone-card--upcoming{border-left: 4px solid #0ea5e9;}.sp-spm__milestone-icon{width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.sp-spm__milestone-icon i{font-size: 1.25rem; color: white;}.sp-spm__milestone-icon--complete{background: linear-gradient(135deg, #10b981, #059669);}.sp-spm__milestone-icon--overdue{background: linear-gradient(135deg, #ef4444, #dc2626);}.sp-spm__milestone-icon--pending{background: linear-gradient(135deg, #f59e0b, #d97706);}.sp-spm__milestone-icon--upcoming{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-spm__milestone-info{flex: 1; min-width: 0;}.sp-spm__milestone-info h4, .sp-spm__milestone-info .h4{font-size: 0.9375rem; font-weight: 700; margin: 0 0 0.25rem; color: #1f2937;}.sp-spm__milestone-code{font-size: 0.75rem; color: #9ca3af; font-weight: 500;}.sp-spm__milestone-dates{display: flex; gap: 1rem; font-size: 0.75rem; color: #6b7280; margin-top: 0.375rem;}.sp-spm__milestone-dates span{display: flex; align-items: center; gap: 0.25rem;}.sp-spm__milestone-dates span i{font-size: 0.875rem;}.sp-spm__milestone-meta{display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap;}.sp-spm__milestone-feedback{margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(0, 0, 0, 0.04); font-size: 0.8125rem; color: #374151; line-height: 1.5;}.sp-spm__milestone-feedback .label{font-size: 0.75rem; font-weight: 600; color: #7c3aed; margin-bottom: 0.25rem;}.sp-spm__docs-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-spm__doc-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s; animation: sp-spm-fadeIn 0.4s ease both;}.sp-spm__doc-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-spm__doc-icon{width: 44px; height: 44px; border-radius: 0.75rem; margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.sp-spm__doc-icon i{font-size: 1.375rem; color: white;}.sp-spm__doc-title{font-size: 0.9375rem; font-weight: 700; color: #1f2937; margin-bottom: 0.25rem;}.sp-spm__doc-sub{font-size: 0.75rem; color: #6b7280; margin-bottom: 0.5rem;}.sp-spm__upload-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); animation: sp-spm-fadeIn 0.4s ease both;}.sp-spm__upload-zone{border: 2px dashed rgba(124, 58, 237, 0.25); border-radius: 0.75rem; padding: 1.5rem; text-align: center; margin-bottom: 1rem; transition: all 0.2s;}.sp-spm__upload-zone:hover{border-color: rgba(124, 58, 237, 0.5); background: rgba(124, 58, 237, 0.02);}.sp-spm__upload-zone i{font-size: 2rem; color: #8b5cf6; display: block; margin-bottom: 0.5rem;}.sp-spm__upload-zone span{font-size: 0.8125rem; color: #6b7280; display: block;}.sp-spm__form-group{margin-bottom: 1rem;}.sp-spm__form-group label{display: block; font-size: 0.8125rem; font-weight: 600; color: #374151; margin-bottom: 0.375rem;}.sp-spm__input, .sp-spm__select{width: 100%; padding: 0.625rem 0.875rem; border-radius: 0.625rem; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; font-family: inherit; background: rgba(255, 255, 255, 0.8); color: #1f2937; transition: border-color 0.2s;}.sp-spm__input:focus, .sp-spm__select:focus{outline: none; border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);}.sp-spm__form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}@media (max-width: 768px){.sp-spm__form-row{grid-template-columns: 1fr;}}.sp-spm.dark{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%); color: #e2e8f0;}.sp-spm.dark .sp-spm__header h1, .sp-spm.dark .sp-spm__header .h1{background: linear-gradient(135deg, #a78bfa, #c4b5fd); -webkit-background-clip: text; background-clip: text;}.sp-spm.dark .sp-spm__header-sub, .sp-spm.dark .sp-spm__section-sub{color: #94a3b8;}.sp-spm.dark .sp-spm__breadcrumb a, .sp-spm.dark .sp-spm__breadcrumb span{color: #94a3b8;}.sp-spm.dark .sp-spm__tabs{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.sp-spm.dark .sp-spm__tab{color: #9ca3af;}.sp-spm.dark .sp-spm__tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.sp-spm.dark .sp-spm__tab--active{background: rgba(124, 58, 237, 0.15); color: #c4b5fd; box-shadow: none;}.sp-spm.dark .sp-spm__card, .sp-spm.dark .sp-spm__stat-card, .sp-spm.dark .sp-spm__status-card, .sp-spm.dark .sp-spm__milestone-card, .sp-spm.dark .sp-spm__doc-card, .sp-spm.dark .sp-spm__feedback-card, .sp-spm.dark .sp-spm__upload-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.sp-spm.dark .sp-spm__card-header h3, .sp-spm.dark .sp-spm__card-header .h3, .sp-spm.dark .sp-spm__section-title, .sp-spm.dark .sp-spm__stat-value, .sp-spm.dark .sp-spm__doc-title, .sp-spm.dark .sp-spm__milestone-info h4, .sp-spm.dark .sp-spm__milestone-info .h4, .sp-spm.dark .sp-spm__info-value, .sp-spm.dark .sp-spm__status-info h3, .sp-spm.dark .sp-spm__status-info .h3{color: #f3f4f6;}.sp-spm.dark .sp-spm__stat-label, .sp-spm.dark .sp-spm__info-label, .sp-spm.dark .sp-spm__doc-sub, .sp-spm.dark .sp-spm__milestone-code, .sp-spm.dark .sp-spm__status-info p, .sp-spm.dark .sp-spm__member-info .sub{color: #9ca3af;}.sp-spm.dark .sp-spm__member-info .name{color: #e5e7eb;}.sp-spm.dark .sp-spm__feedback-content{color: #d1d5db;}.sp-spm.dark .sp-spm__input, .sp-spm.dark .sp-spm__select{background: rgba(15, 23, 42, 0.6); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-spm.dark .sp-spm__form-group label{color: #d1d5db;}.sp-spm.dark .sp-spm__upload-zone{border-color: rgba(255, 255, 255, 0.1);}.sp-spm.dark .sp-spm__progress-bar{background: rgba(255, 255, 255, 0.1);}.sp-spm.dark .sp-spm__quick-link{color: #d1d5db;}.sp-spm.dark .sp-spm__quick-link:hover{background: rgba(255, 255, 255, 0.05);}.sp-spm.dark .sp-spm__quick-link-arrow{color: #6b7280;}.sp-spm.dark .sp-spm__meeting-link{background: rgba(124, 58, 237, 0.1); border-color: rgba(124, 58, 237, 0.2);}@media (max-width: 1024px){.sp-spm__stats{grid-template-columns: repeat(2, 1fr);}.sp-spm__info-grid{grid-template-columns: 1fr;}}@media (max-width: 768px){.sp-spm__main{padding: 1rem 1rem 2rem;}.sp-spm__header{flex-direction: column;}.sp-spm__header h1, .sp-spm__header .h1{font-size: 1.25rem;}.sp-spm__stats{grid-template-columns: repeat(2, 1fr);}.sp-spm__docs-grid{grid-template-columns: 1fr;}.sp-spm__status-card{flex-wrap: wrap;}.sp-spm__overview-grid{grid-template-columns: 1fr;}.sp-spm__tab{padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-spm__tab i{font-size: 1rem;}.sp-spm__tab span{display: none;}.sp-spm__tab--active span{display: inline;}}@media (max-width: 480px){.sp-spm__stats{grid-template-columns: 1fr 1fr;}.sp-spm__milestone-card{flex-direction: column;}}.sp-spm__toast--success{background: #059669;}.sp-spm__toast--error{background: #dc2626;}.prj-sort{padding: .375rem .625rem; border-radius: .5rem; font-size: .75rem; font-weight: 600; font-family: inherit; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.6); color: #374151; cursor: pointer; appearance: auto;}.prj-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: .875rem;}.prj-card{display: flex; flex-direction: column; gap: .625rem; padding: 1rem 1.125rem; border-radius: .875rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); text-decoration: none !important; color: inherit; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.prj-card:hover{transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.95); text-decoration: none !important;}.prj-card *{text-decoration: none !important;}.prj-card__header{display: flex; align-items: center; justify-content: space-between;}.prj-card__number{font-size: .625rem; font-weight: 700; color: #6b7280; background: rgba(0, 0, 0, 0.04); padding: .125rem .5rem; border-radius: .25rem;}.prj-card__state{font-size: .5625rem; font-weight: 700; padding: .1875rem .5rem; border-radius: 9999px;}.prj-card__title{font-size: .875rem; font-weight: 700; color: #1e293b; line-height: 1.35;}.prj-card__desc{font-size: .6875rem; color: #6b7280; line-height: 1.5; max-height: 2.1em; overflow: hidden;}.prj-card__sups{font-size: .625rem; color: #6b7280; display: flex; flex-direction: column; gap: .125rem;}.prj-card__sups i{vertical-align: -1px;}.prj-card__dates{display: flex; align-items: center; justify-content: space-between; font-size: .625rem; color: #6b7280;}.prj-card__dates i{vertical-align: -1px;}.prj-card__days{font-weight: 700; font-size: .5625rem;}.prj-card__students{display: flex; align-items: center; gap: .5rem;}.prj-card__avatars{display: flex;}.prj-card__avatar{width: 26px; height: 26px; border-radius: 50%; color: #fff; font-size: .5625rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-left: -6px; border: 2px solid #fff;}.prj-card__avatar:first-child{margin-left: 0;}.prj-card__milestones{display: flex; align-items: center; justify-content: space-between;}.prj-card__ms-dots{display: flex; gap: 4px;}.prj-card__ms-dot{width: 10px; height: 10px; border-radius: 50%; background: rgba(0, 0, 0, 0.08); transition: all .2s;}.prj-card__ms-dot--done{background: #10b981;}.prj-card__progress{display: flex; align-items: center; gap: .5rem;}.prj-card__pbar{flex: 1; height: 6px; background: rgba(0, 0, 0, 0.04); border-radius: 3px; overflow: hidden;}.prj-card__pfill{height: 100%; border-radius: 3px; transition: width .5s ease;}.prj-card__ppct{font-size: .75rem; font-weight: 800; min-width: 32px; text-align: right;}.prj-list{display: flex; flex-direction: column; gap: .5rem;}.prj-list-row{display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-radius: .75rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); text-decoration: none !important; color: inherit; transition: all .2s;}.prj-list-row:hover{background: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); text-decoration: none !important;}.prj-list-row *{text-decoration: none !important;}.dark .prj-card{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .prj-card:hover{background: rgba(30, 27, 46, 0.6);}.dark .prj-card__title{color: #f1f5f9;}.dark .prj-card__avatar{border-color: #1e1b2e;}.dark .prj-list-row{background: rgba(30, 27, 46, 0.4); border-color: rgba(255, 255, 255, 0.04);}.dark .prj-card__ms-dot{background: rgba(255, 255, 255, 0.1);}.dark .prj-card__ms-dot--done{background: #10b981;}.dark .prj-sort{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06); color: #d1d5db;}@media (max-width: 768px){.prj-grid{grid-template-columns: 1fr;}}.pd-hero{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: .875rem; padding: 1.25rem 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8);}.pd-hero__top{display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem;}.pd-hero__title{font-size: 1.25rem; font-weight: 800; color: #1e293b; margin: .25rem 0;}.pd-hero__meta{display: flex; gap: .75rem; flex-wrap: wrap; font-size: .6875rem; color: #6b7280;}.pd-hero__meta i{font-size: .75rem; vertical-align: -1px; margin-right: .125rem;}.pd-hero__ring{position: relative; text-align: center; flex-shrink: 0;}.pd-hero__ring-val{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1rem; font-weight: 900; color: #1e293b;}.pd-ms-row{display: flex; align-items: center; gap: .75rem; padding: .625rem .75rem; border-radius: .625rem; border: 1px solid rgba(0, 0, 0, 0.03); margin-bottom: .375rem; transition: all .2s; background: rgba(255, 255, 255, 0.5);}.pd-ms-row:hover{background: rgba(255, 255, 255, 0.85);}.pd-ms-row--done{opacity: .7;}.pd-ms-row--done:hover{opacity: 1;}.pd-ms-check{cursor: pointer; flex-shrink: 0;}.pd-ms-check i{font-size: 1.375rem; transition: color .2s;}.dark .pd-hero{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.04);}.dark .pd-hero__title{color: #f1f5f9;}.dark .pd-hero__ring-val{color: #f1f5f9;}.dark .pd-ms-row{background: rgba(30, 27, 46, 0.3); border-color: rgba(255, 255, 255, 0.04);}.pd-sidebar{position: sticky; top: 1rem;}@media (max-width: 768px){.pd-hero__top{flex-direction: column;}.pd-sidebar{position: static;}} /* /purchase/static/src/scss/purchase_portal.scss */ .o_purchase_portal_product_image{width: 48px; height: 48px; object-fit: contain; margin-right: 3px; margin-left: 3px;} /* /odoocms_hostel/static/src/scss/_hostel_spa.scss */ @keyframes sp-hostel-spin{to{transform: rotate(360deg);}}@keyframes sp-hostel-fadeIn{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}@keyframes sp-hostel-slideUp{from{opacity: 0; transform: translateY(24px);}to{opacity: 1; transform: translateY(0);}}.sp-hostel{font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #f8f6ff 0%, #f0f4ff 50%, #fdf2f8 100%); color: #1e293b; position: relative; overflow-x: hidden;}.sp-hostel--loading, .sp-hostel--error{display: flex; align-items: center; justify-content: center; min-height: 100vh;}.sp-hostel__loader{text-align: center; color: #0ea5e9;}.sp-hostel__loader p{margin-top: 1rem; font-weight: 500;}.sp-hostel__spinner{width: 48px; height: 48px; margin: 0 auto; border: 4px solid rgba(14, 165, 233, 0.2); border-top-color: #0ea5e9; border-radius: 50%; animation: sp-hostel-spin 0.8s linear infinite;}.sp-hostel__error-card{background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2.5rem; text-align: center; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-hostel__error-card i{font-size: 3rem; color: #ef4444;}.sp-hostel__error-card h3, .sp-hostel__error-card .h3{margin: 1rem 0 0.5rem; color: #1f2937;}.sp-hostel__error-card p{color: #6b7280;}.sp-hostel__main{max-width: 1700px; margin: 0 auto; padding: 1.5rem 2.5rem 3rem;}@media (min-width: 1280px){.sp-hostel__main{padding-left: 3.5rem; padding-right: 3.5rem;}}@media (min-width: 1536px){.sp-hostel__main{padding-left: 5rem; padding-right: 5rem;}}.sp-hostel__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap;}.sp-hostel__header h1, .sp-hostel__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #0369a1, #0ea5e9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: flex; align-items: center; gap: 0.5rem;}.sp-hostel__header h1 i, .sp-hostel__header .h1 i{-webkit-text-fill-color: #0ea5e9; font-size: 1.75rem;}.sp-hostel__header-left{display: flex; flex-direction: column; gap: 0.25rem;}.sp-hostel__header-sub{color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0;}.sp-hostel__header-actions{display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap;}.sp-hostel__breadcrumb{display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: #6b7280; margin-bottom: 0.75rem;}.sp-hostel__breadcrumb a{color: #6b7280; text-decoration: none;}.sp-hostel__breadcrumb a:hover{color: #0ea5e9;}.sp-hostel__breadcrumb span{color: #9ca3af;}.sp-hostel__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; text-decoration: none; transition: all 0.2s; border: none; cursor: pointer; font-family: inherit;}.sp-hostel__btn i{font-size: 1rem;}.sp-hostel__btn:disabled, .sp-hostel__btn.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed;}.sp-hostel__btn--primary{background: #0ea5e9; color: white;}.sp-hostel__btn--primary:hover:not(:disabled):not(.o_wysiwyg_loader){background: #0284c7;}.sp-hostel__btn--success{background: #10b981; color: white;}.sp-hostel__btn--success:hover:not(:disabled):not(.o_wysiwyg_loader){background: #059669;}.sp-hostel__btn--danger{background: #ef4444; color: white;}.sp-hostel__btn--danger:hover:not(:disabled):not(.o_wysiwyg_loader){background: #dc2626;}.sp-hostel__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #6b7280; border: 1px solid rgba(0, 0, 0, 0.08);}.sp-hostel__btn--ghost:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(255, 255, 255, 0.9); color: #374151;}.sp-hostel__btn--outline{background: transparent; color: #0ea5e9; border: 1px solid rgba(14, 165, 233, 0.3);}.sp-hostel__btn--outline:hover:not(:disabled):not(.o_wysiwyg_loader){background: rgba(14, 165, 233, 0.06);}.sp-hostel__btn--sm{padding: 0.375rem 0.75rem; font-size: 0.75rem;}.sp-hostel__btn--lg{padding: 0.625rem 1.5rem; font-size: 0.875rem;}.sp-hostel__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-hostel__tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap; font-family: inherit;}.sp-hostel__tab i{font-size: 1.125rem;}.sp-hostel__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-hostel__tab--active{background: #fff; color: #0369a1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-hostel__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); animation: sp-hostel-fadeIn 0.4s ease both;}.sp-hostel__card-header{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}.sp-hostel__card-header h3, .sp-hostel__card-header .h3{margin: 0; font-size: 1.125rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem;}.sp-hostel__card-header h3 i, .sp-hostel__card-header .h3 i{font-size: 1.25rem; color: #0ea5e9;}.sp-hostel__section-title{display: flex; align-items: center; gap: 0.5rem; font-size: 1.125rem; font-weight: 700; margin: 0 0 0.25rem; color: #1f2937;}.sp-hostel__section-title i{font-size: 1.25rem; color: #0ea5e9;}.sp-hostel__section-sub{font-size: 0.8125rem; color: #6b7280; margin: 0 0 1rem;}.sp-hostel__badge{display: inline-flex; padding: 0.2rem 0.6rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; width: fit-content;}.sp-hostel__badge--emerald{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-hostel__badge--amber{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-hostel__badge--rose{background: rgba(244, 63, 94, 0.12); color: #e11d48;}.sp-hostel__badge--sky{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-hostel__badge--slate{background: rgba(100, 116, 139, 0.12); color: #475569;}.sp-hostel__badge--violet{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-hostel__status-card{display: flex; align-items: center; gap: 1rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); animation: sp-hostel-fadeIn 0.4s ease both;}.sp-hostel__status-card--allocated{border-left: 4px solid #10b981;}.sp-hostel__status-card--pending{border-left: 4px solid #f59e0b;}.sp-hostel__status-card--new{border-left: 4px solid #0ea5e9;}.sp-hostel__status-icon-wrap{width: 48px; height: 48px; border-radius: 0.75rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.sp-hostel__status-icon-wrap i{font-size: 1.5rem; color: white;}.sp-hostel__status-icon-wrap--emerald{background: linear-gradient(135deg, #10b981, #059669);}.sp-hostel__status-icon-wrap--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.sp-hostel__status-icon-wrap--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-hostel__status-info{flex: 1; min-width: 0;}.sp-hostel__status-info h3, .sp-hostel__status-info .h3{font-size: 1rem; font-weight: 700; margin: 0 0 0.25rem; color: #1f2937;}.sp-hostel__status-info p{font-size: 0.8125rem; color: #6b7280; margin: 0;}.sp-hostel__overview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}@media (max-width: 768px){.sp-hostel__overview-grid{grid-template-columns: 1fr;}}.sp-hostel__quick-links{display: flex; flex-direction: column; gap: 0.25rem;}.sp-hostel__quick-link{display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: 0.75rem; background: transparent; border: none; cursor: pointer; font-family: inherit; font-size: 0.875rem; font-weight: 600; color: #374151; transition: all 0.2s; width: 100%; text-align: left;}.sp-hostel__quick-link:hover{background: rgba(14, 165, 233, 0.05);}.sp-hostel__quick-link span{flex: 1;}.sp-hostel__quick-link-icon{width: 36px; height: 36px; border-radius: 0.625rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.sp-hostel__quick-link-icon i{font-size: 1.125rem; color: white;}.sp-hostel__quick-link-icon--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-hostel__quick-link-icon--violet{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.sp-hostel__quick-link-icon--emerald{background: linear-gradient(135deg, #10b981, #059669);}.sp-hostel__quick-link-arrow{font-size: 1.125rem; color: #9ca3af;}.sp-hostel__stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.sp-hostel__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center; transition: transform 0.2s, box-shadow 0.2s;}.sp-hostel__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-hostel__stat-icon{width: 48px; height: 48px; border-radius: 0.75rem; margin: 0 auto 0.75rem; display: flex; align-items: center; justify-content: center;}.sp-hostel__stat-icon i{font-size: 1.5rem; color: white;}.sp-hostel__stat-icon--emerald{background: linear-gradient(135deg, #10b981, #059669);}.sp-hostel__stat-icon--violet{background: linear-gradient(135deg, #8b5cf6, #7c3aed);}.sp-hostel__stat-icon--sky{background: linear-gradient(135deg, #0ea5e9, #0284c7);}.sp-hostel__stat-icon--amber{background: linear-gradient(135deg, #f59e0b, #d97706);}.sp-hostel__stat-value{font-size: 1.75rem; font-weight: 800; color: #1f2937;}.sp-hostel__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500; margin-top: 0.125rem;}.sp-hostel__announcement-item{display: flex; gap: 0.75rem; padding: 1rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-hostel__announcement-item:last-child{border-bottom: none;}.sp-hostel__announcement-icon{width: 40px; height: 40px; border-radius: 0.75rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}.sp-hostel__announcement-icon--high{background: rgba(239, 68, 68, 0.1);}.sp-hostel__announcement-icon--high i{color: #ef4444;}.sp-hostel__announcement-icon--medium{background: rgba(245, 158, 11, 0.1);}.sp-hostel__announcement-icon--medium i{color: #f59e0b;}.sp-hostel__announcement-icon--low{background: rgba(14, 165, 233, 0.1);}.sp-hostel__announcement-icon--low i{color: #0ea5e9;}.sp-hostel__announcement-title{font-size: 0.875rem; font-weight: 600; margin: 0 0 0.25rem;}.sp-hostel__announcement-desc{font-size: 0.8125rem; color: #6b7280; margin: 0 0 0.25rem;}.sp-hostel__announcement-date{font-size: 0.6875rem; color: #9ca3af;}.sp-hostel__rooms-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-hostel__room-card{border-radius: 1rem; padding: 1.5rem; color: white; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer;}.sp-hostel__room-card:hover{transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);}.sp-hostel__room-card--blue{background: linear-gradient(135deg, #bfdbfe, #93c5fd, #60a5fa); color: #1e3a5f;}.sp-hostel__room-card--green{background: linear-gradient(135deg, #bbf7d0, #86efac, #4ade80); color: #14532d;}.sp-hostel__room-card--pink{background: linear-gradient(135deg, #fecdd3, #fda4af, #fb7185); color: #881337;}.sp-hostel__room-card--violet{background: linear-gradient(135deg, #ddd6fe, #c4b5fd, #a78bfa); color: #3b0764;}.sp-hostel__room-card h3, .sp-hostel__room-card .h3{font-size: 1.125rem; font-weight: 700; margin: 0 0 0.25rem; display: flex; align-items: center; gap: 0.5rem;}.sp-hostel__room-card p{font-size: 0.8125rem; margin: 0 0 1rem; opacity: 0.8;}.sp-hostel__room-card-icon{width: 36px; height: 36px; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.3); margin-bottom: 0.75rem;}.sp-hostel__room-card-icon i{font-size: 1.25rem;}.sp-hostel__room-meta{display: flex; justify-content: space-between; align-items: center; font-size: 0.8125rem; margin-bottom: 1rem;}.sp-hostel__room-meta span{font-weight: 600;}.sp-hostel__room-btn{display: block; width: 100%; padding: 0.625rem; border: none; border-radius: 0.5rem; font-size: 0.8125rem; font-weight: 600; cursor: pointer; text-align: center; transition: all 0.2s; font-family: inherit; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(4px);}.sp-hostel__room-btn:hover{background: rgba(255, 255, 255, 0.5);}.sp-hostel__room-details{display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 1rem;}.sp-hostel__room-detail-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid transparent;}.sp-hostel__room-detail-card--blue{border-left-color: #3b82f6;}.sp-hostel__room-detail-card--green{border-left-color: #10b981;}.sp-hostel__room-detail-card--pink{border-left-color: #f43f5e;}.sp-hostel__room-detail-card--violet{border-left-color: #8b5cf6;}.sp-hostel__room-detail-card h4, .sp-hostel__room-detail-card .h4{font-size: 1rem; font-weight: 700; margin: 0 0 0.25rem;}.sp-hostel__room-detail-card .sp-hostel__room-detail-sub{font-size: 0.8125rem; color: #6b7280; margin: 0 0 1rem;}.sp-hostel__room-info-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}.sp-hostel__info-label{font-size: 0.75rem; color: #6b7280; font-weight: 500; margin-bottom: 0.125rem;}.sp-hostel__info-value{font-size: 0.875rem; font-weight: 600; color: #1f2937;}.sp-hostel__amenity-list{display: flex; flex-direction: column; gap: 0.5rem;}.sp-hostel__amenity-item{display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem;}.sp-hostel__amenity-item i{font-size: 1rem; color: #10b981;}.sp-hostel__facilities-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.sp-hostel__facility-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s;}.sp-hostel__facility-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-hostel__facility-top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0.5rem;}.sp-hostel__facility-icon{width: 40px; height: 40px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; background: rgba(14, 165, 233, 0.1);}.sp-hostel__facility-icon i{font-size: 1.25rem; color: #0ea5e9;}.sp-hostel__facility-rating{display: flex; align-items: center; gap: 0.25rem; font-size: 0.8125rem; font-weight: 700; color: #d97706;}.sp-hostel__facility-rating i{font-size: 1rem; color: #f59e0b;}.sp-hostel__facility-name{font-size: 0.9375rem; font-weight: 600; margin: 0 0 0.25rem;}.sp-hostel__facility-desc{font-size: 0.8125rem; color: #6b7280; margin: 0 0 0.75rem;}.sp-hostel__app-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 2rem; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-hostel__app-header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem;}.sp-hostel__app-header i{font-size: 1.5rem; color: #0ea5e9;}.sp-hostel__app-header h3, .sp-hostel__app-header .h3{font-size: 1.25rem; font-weight: 700; margin: 0;}.sp-hostel__app-sub{font-size: 0.8125rem; color: #6b7280; margin: 0 0 1.25rem;}.sp-hostel__progress{display: flex; align-items: center; gap: 0; margin-bottom: 0.5rem;}.sp-hostel__progress-bar{flex: 1; height: 8px; border-radius: 4px; background: #e2e8f0; overflow: hidden;}.sp-hostel__progress-fill{height: 100%; border-radius: 4px; transition: width 0.4s ease; background: linear-gradient(90deg, #0ea5e9, #38bdf8);}.sp-hostel__progress-text{font-size: 0.75rem; color: #6b7280; font-weight: 500; margin-left: 0.75rem; white-space: nowrap;}.sp-hostel__form-section{margin-bottom: 1.5rem;}.sp-hostel__form-section h4, .sp-hostel__form-section .h4{font-size: 1rem; font-weight: 700; margin: 0 0 0.25rem; color: #1f2937;}.sp-hostel__form-section-sub{font-size: 0.8125rem; font-weight: 600; color: #475569; margin: 1rem 0 0.75rem;}.sp-hostel__form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 0;}.sp-hostel__form-group{margin-bottom: 1rem;}.sp-hostel__form-group label{display: block; font-size: 0.8125rem; font-weight: 600; color: #374151; margin-bottom: 0.375rem;}.sp-hostel__req{color: #ef4444;}.sp-hostel__input, .sp-hostel__select, .sp-hostel__textarea{width: 100%; padding: 0.6rem 0.875rem; border: 1.5px solid #e2e8f0; border-radius: 0.5rem; font-size: 0.875rem; font-family: inherit; color: #1e293b; background: white; transition: border-color 0.2s, box-shadow 0.2s;}.sp-hostel__input::placeholder, .sp-hostel__select::placeholder, .sp-hostel__textarea::placeholder{color: #9ca3af;}.sp-hostel__input:focus, .sp-hostel__select:focus, .sp-hostel__textarea:focus{outline: none; border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);}.sp-hostel__textarea{resize: vertical; min-height: 80px;}.sp-hostel__select{appearance: auto;}.sp-hostel__checkbox-row{display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 0.75rem;}.sp-hostel__checkbox{display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; cursor: pointer;}.sp-hostel__checkbox input{accent-color: #0ea5e9; width: 16px; height: 16px;}.sp-hostel__upload-zone{border: 2px dashed #cbd5e1; border-radius: 0.75rem; padding: 1.5rem; text-align: center; cursor: pointer; transition: border-color 0.2s; margin-bottom: 1rem;}.sp-hostel__upload-zone:hover{border-color: #0ea5e9;}.sp-hostel__upload-zone i{font-size: 2rem; color: #94a3b8; display: block; margin-bottom: 0.5rem;}.sp-hostel__upload-zone span{font-size: 0.8125rem; color: #6b7280; display: block; margin-bottom: 0.5rem;}.sp-hostel__upload-zone input[type="file"]{display: none;}.sp-hostel__declaration{margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0;}.sp-hostel__declaration h4, .sp-hostel__declaration .h4{font-size: 1rem; font-weight: 700; margin: 0 0 0.75rem;}.sp-hostel__declaration-item{display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.875rem; color: #374151;}.sp-hostel__declaration-item input{margin-top: 0.2rem; accent-color: #0ea5e9; width: 16px; height: 16px; flex-shrink: 0;}.sp-hostel__form-nav{display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0;}.sp-hostel__app-status{text-align: center; padding: 2rem;}.sp-hostel__app-status i{font-size: 3rem; margin-bottom: 1rem;}.sp-hostel__app-status h3, .sp-hostel__app-status .h3{font-size: 1.25rem; font-weight: 700; margin: 0 0 0.5rem;}.sp-hostel__app-status p{font-size: 0.875rem; color: #6b7280; margin: 0 0 1.5rem;}.sp-hostel__app-status--draft i{color: #f59e0b;}.sp-hostel__app-status--approved i{color: #10b981;}.sp-hostel__app-status--rejected i{color: #ef4444;}.sp-hostel__accom-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1.5rem;}.sp-hostel__accom-grid{display: grid; grid-template-columns: auto 1fr; gap: 1.5rem; align-items: start;}.sp-hostel__accom-image{width: 280px; height: 200px; border-radius: 0.75rem; overflow: hidden; background: linear-gradient(135deg, #e0f2fe, #bae6fd); display: flex; align-items: center; justify-content: center;}.sp-hostel__accom-image img{width: 100%; height: 100%; object-fit: cover;}.sp-hostel__accom-image i{font-size: 3rem; color: #0ea5e9;}.sp-hostel__accom-info h4, .sp-hostel__accom-info .h4{font-size: 1rem; font-weight: 700; margin: 0 0 0.125rem;}.sp-hostel__accom-info p{font-size: 0.875rem; color: #6b7280; margin: 0;}.sp-hostel__accom-detail-label{font-size: 0.8125rem; font-weight: 700; margin: 0.75rem 0 0.125rem; color: #1f2937;}.sp-hostel__accom-detail-value{font-size: 0.875rem; color: #374151; margin: 0;}.sp-hostel__room-label{font-size: 1.125rem; font-weight: 700; margin: 0.75rem 0 0.125rem;}.sp-hostel__room-sub{font-size: 0.8125rem; color: #6b7280; margin: 0 0 0.5rem;}.sp-hostel__room-detail-row{display: flex; gap: 2rem; flex-wrap: wrap; font-size: 0.875rem; color: #374151;}.sp-hostel__room-detail-row span{font-weight: 500;}.sp-hostel__quick-actions{display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 1rem;}.sp-hostel__quick-action{display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; font-weight: 600; color: #374151; cursor: pointer; transition: color 0.2s; background: none; border: none; font-family: inherit; padding: 0;}.sp-hostel__quick-action i{font-size: 1.25rem; color: #6b7280;}.sp-hostel__quick-action:hover{color: #0ea5e9;}.sp-hostel__quick-action:hover i{color: #0ea5e9;}.sp-hostel__payment-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-hostel__payment-item{display: flex; justify-content: space-between; align-items: center; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-hostel__payment-info h4, .sp-hostel__payment-info .h4{font-size: 0.9375rem; font-weight: 600; margin: 0 0 0.125rem;}.sp-hostel__payment-info p{font-size: 0.75rem; color: #6b7280; margin: 0;}.sp-hostel__payment-right{text-align: right;}.sp-hostel__payment-amount{font-size: 1rem; font-weight: 700; margin: 0 0 0.25rem;}.sp-hostel__maint-list{display: flex; flex-direction: column; gap: 0.75rem;}.sp-hostel__maint-item{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); display: flex; justify-content: space-between; align-items: center;}.sp-hostel__maint-info h4, .sp-hostel__maint-info .h4{font-size: 0.9375rem; font-weight: 600; margin: 0 0 0.125rem;}.sp-hostel__maint-info p{font-size: 0.75rem; color: #6b7280; margin: 0;}.sp-hostel__toast--success{background: #10b981;}.sp-hostel__toast--error{background: #ef4444;}.sp-hostel__empty{text-align: center; padding: 2.5rem 1rem; color: #6b7280;}.sp-hostel__empty i{font-size: 3rem; color: #94a3b8; display: block; margin-bottom: 0.75rem;}.sp-hostel__empty h4, .sp-hostel__empty .h4{font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; color: #374151;}.sp-hostel__empty p{font-size: 0.8125rem; margin: 0;}.sp-hostel.dark{background: linear-gradient(135deg, #0f0a1a 0%, #1a1025 50%, #150d1e 100%); color: #e2e8f0;}.sp-hostel.dark .sp-hostel__header h1, .sp-hostel.dark .sp-hostel__header .h1{background: linear-gradient(135deg, #38bdf8, #7dd3fc); -webkit-background-clip: text; background-clip: text;}.sp-hostel.dark .sp-hostel__header-sub, .sp-hostel.dark .sp-hostel__section-sub{color: #94a3b8;}.sp-hostel.dark .sp-hostel__breadcrumb a, .sp-hostel.dark .sp-hostel__breadcrumb span{color: #94a3b8;}.sp-hostel.dark .sp-hostel__tabs{background: rgba(30, 27, 46, 0.5); border-color: rgba(255, 255, 255, 0.06);}.sp-hostel.dark .sp-hostel__tab{color: #9ca3af;}.sp-hostel.dark .sp-hostel__tab:hover{color: #e5e7eb; background: rgba(255, 255, 255, 0.05);}.sp-hostel.dark .sp-hostel__tab--active{background: rgba(14, 165, 233, 0.15); color: #7dd3fc; box-shadow: none;}.sp-hostel.dark .sp-hostel__card, .sp-hostel.dark .sp-hostel__stat-card, .sp-hostel.dark .sp-hostel__facility-card, .sp-hostel.dark .sp-hostel__app-card, .sp-hostel.dark .sp-hostel__accom-card, .sp-hostel.dark .sp-hostel__payment-item, .sp-hostel.dark .sp-hostel__maint-item, .sp-hostel.dark .sp-hostel__room-detail-card, .sp-hostel.dark .sp-hostel__status-card{background: rgba(30, 27, 46, 0.6); border-color: rgba(255, 255, 255, 0.06);}.sp-hostel.dark .sp-hostel__status-info h3, .sp-hostel.dark .sp-hostel__status-info .h3{color: #f3f4f6;}.sp-hostel.dark .sp-hostel__status-info p{color: #9ca3af;}.sp-hostel.dark .sp-hostel__quick-link{color: #d1d5db;}.sp-hostel.dark .sp-hostel__quick-link:hover{background: rgba(255, 255, 255, 0.05);}.sp-hostel.dark .sp-hostel__quick-link-arrow{color: #6b7280;}.sp-hostel.dark .sp-hostel__card-header h3, .sp-hostel.dark .sp-hostel__card-header .h3, .sp-hostel.dark .sp-hostel__section-title, .sp-hostel.dark .sp-hostel__stat-value, .sp-hostel.dark .sp-hostel__facility-name, .sp-hostel.dark .sp-hostel__payment-amount, .sp-hostel.dark .sp-hostel__room-label, .sp-hostel.dark .sp-hostel__accom-detail-label, .sp-hostel.dark .sp-hostel__info-value{color: #f3f4f6;}.sp-hostel.dark .sp-hostel__stat-label, .sp-hostel.dark .sp-hostel__facility-desc, .sp-hostel.dark .sp-hostel__announcement-desc, .sp-hostel.dark .sp-hostel__payment-info p, .sp-hostel.dark .sp-hostel__maint-info p, .sp-hostel.dark .sp-hostel__room-sub, .sp-hostel.dark .sp-hostel__info-label{color: #9ca3af;}.sp-hostel.dark .sp-hostel__input, .sp-hostel.dark .sp-hostel__select, .sp-hostel.dark .sp-hostel__textarea{background: rgba(15, 23, 42, 0.6); border-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;}.sp-hostel.dark .sp-hostel__input::placeholder, .sp-hostel.dark .sp-hostel__select::placeholder, .sp-hostel.dark .sp-hostel__textarea::placeholder{color: #6b7280;}.sp-hostel.dark .sp-hostel__form-group label{color: #d1d5db;}.sp-hostel.dark .sp-hostel__upload-zone{border-color: rgba(255, 255, 255, 0.1);}.sp-hostel.dark .sp-hostel__progress-bar{background: rgba(255, 255, 255, 0.1);}.sp-hostel.dark .sp-hostel__form-nav, .sp-hostel.dark .sp-hostel__declaration{border-top-color: rgba(255, 255, 255, 0.06);}@media (max-width: 1024px){.sp-hostel__stats{grid-template-columns: repeat(2, 1fr);}.sp-hostel__facilities-grid{grid-template-columns: repeat(2, 1fr);}.sp-hostel__accom-grid{grid-template-columns: 1fr;}.sp-hostel__accom-image{width: 100%; height: 200px;}}@media (max-width: 768px){.sp-hostel__main{padding: 1rem 1rem 2rem;}.sp-hostel__header{flex-direction: column;}.sp-hostel__header h1, .sp-hostel__header .h1{font-size: 1.25rem;}.sp-hostel__stats{grid-template-columns: repeat(2, 1fr);}.sp-hostel__facilities-grid{grid-template-columns: 1fr;}.sp-hostel__rooms-grid{grid-template-columns: 1fr;}.sp-hostel__form-row{grid-template-columns: 1fr;}.sp-hostel__room-info-grid{grid-template-columns: 1fr;}.sp-hostel__tab{padding: 0.5rem 0.75rem; font-size: 0.75rem;}.sp-hostel__tab i{font-size: 1rem;}.sp-hostel__tab span{display: none;}.sp-hostel__tab--active span{display: inline;}.sp-hostel__status-card{flex-wrap: wrap;}.sp-hostel__overview-grid{grid-template-columns: 1fr;}}@media (max-width: 480px){.sp-hostel__stats{grid-template-columns: 1fr 1fr;}.sp-hostel__quick-actions{flex-direction: column;}.sp-hostel__form-nav{flex-direction: column; gap: 0.75rem;}.sp-hostel__form-nav .sp-hostel__btn{width: 100%; justify-content: center;}} /* /google_recaptcha/static/src/scss/recaptcha.scss */ .grecaptcha-badge{visibility: hidden;} /* /html_builder/static/src/scss/background.scss */ .o_background_video, .parallax, section, .oe_img_bg, [data-oe-shape-data], .o_background_video > *, .parallax > *, section > *, .oe_img_bg > *, [data-oe-shape-data] > *{position: relative;}.parallax > .s_parallax_bg, .o_bg_video_container, .o_we_shape, .o_we_bg_filter{position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none; border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px)));}.o_we_shape.o_we_animated{will-change: transform;}.o_we_shape.o_web_editor_Airy_01_001{background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_02_001{background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%231B1319"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_06_001{background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%231B1319"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_07_001{background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_08_001{background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_09_001{background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_10_001{background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_11_001{background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_12_002{background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%231B1319&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_13_002{background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%231B1319&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_14_001{background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_15{background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%231B1319"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_16{background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%231B1319"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_17{background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_01{background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%231B1319"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_02{background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%231B1319"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_03{background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_04{background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_05{background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_06{background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_07{background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_08{background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Angular_09{background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_01_001{background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_02{background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_03{background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_04_001{background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_05_001{background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_06_001{background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_10_002{background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%231B1319"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_13{background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_14{background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_15{background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_16{background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%231B1319"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_17{background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_18{background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blocks_01_001{background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blocks_02_001{background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blocks_04{background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blurry_01{background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blurry_02{background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blurry_03{background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blurry_04{background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blurry_05{background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%23714B67&c2=%23F0CDA8&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blurry_06{background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_01_001{background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_13{background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%231B1319"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_14{background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%23714B67&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_15{background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%231B1319"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_16{background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_17{background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_18{background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%231B1319"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_19{background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%231B1319"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_20{background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%23714B67&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_21{background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%231B1319"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_22{background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%231B1319"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_23{background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_01{background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_02{background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_03{background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_04{background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_05{background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_06{background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_07{background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_08{background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_09{background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_10{background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_11{background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_12{background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_13{background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%231B1319"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_14{background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_15{background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_16{background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_17{background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%231B1319"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat;}.o_we_shape.o_web_editor_Connections_18{background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%231B1319"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat;}.o_we_shape.o_web_editor_Connections_19{background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Connections_20{background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Containers_01{background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Containers_02{background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Containers_03{background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Containers_04{background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Containers_05{background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Containers_06{background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_01{background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_02{background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_03{background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_04{background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%23714B67&c2=%23F0CDA8&c4=%23FFFFFF&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_05{background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_06{background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_07{background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_08{background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_09{background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_10{background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_11{background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_12{background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_web_editor_Floats_13{background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%23714B67&c2=%23F0CDA8&c5=%231B1319"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Floats_14{background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat;}.o_we_shape.o_web_editor_Grids_01{background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%231B1319"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_02{background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%231B1319"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_03{background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_04{background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_05{background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%231B1319"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_06{background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_07{background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%231B1319"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Grids_08{background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Patterns_01{background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%231B1319"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_web_editor_Patterns_02{background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%231B1319"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_web_editor_Patterns_03{background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%231B1319"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_web_editor_Patterns_04{background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%231B1319"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat;}.o_we_shape.o_web_editor_Patterns_05{background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%231B1319"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_web_editor_Rainy_01_001{background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_02_001{background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%23714B67&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_06{background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_07{background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_08_001{background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_09_001{background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_10{background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_03{background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_04{background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_08_001{background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_09_001{background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_10{background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_11_001{background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_18{background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_22_001{background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_24{background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_26{background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_27{background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_29{background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_30{background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_31{background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_01_001{background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_01{background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_02{background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_03{background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_03_001{background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_04{background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_04_001{background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_05{background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_05_001{background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_06{background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_07{background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_08{background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_09{background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_10{background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_11{background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_12{background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_12_001{background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_13{background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_13_001{background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Airy_14{background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_01{background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_04{background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_05{background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_06{background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_07{background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_08{background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%23714B67"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_09{background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_10{background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_10_001{background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_11{background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%23714B67"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blobs_12{background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blocks_01{background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blocks_02{background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Blocks_03{background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_01{background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_02{background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_03{background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_04{background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%23F0CDA8&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_05{background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_05_001{background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_06{background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_06_001{background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_07{background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_07_001{background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_08{background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_09{background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_10{background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%23714B67&c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_10_001{background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%23714B67&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_11{background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_11_001{background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_12{background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%23714B67&c2=%23F0CDA8&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Bold_12_001{background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%23714B67&c2=%23F0CDA8&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_01{background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%23F0CDA8&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_02{background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_02_001{background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23FFFFFF&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_03{background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_04{background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_04_001{background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_05{background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_06{background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_06_001{background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23F6F5F4&c4=%23FFFFFF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_07{background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_07_001{background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_07_002{background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_08{background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_09{background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_09_001{background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_10{background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%23F0CDA8&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_11{background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_11_001{background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23F6F5F4&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_12{background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_13{background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_14{background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_14_001{background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23F6F5F4&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_15{background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_16{background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_17{background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_18{background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Origins_19{background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_01{background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_02{background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%23714B67&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_03{background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%23F0CDA8&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_web_editor_Rainy_03_001{background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%23F0CDA8&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_web_editor_Rainy_04{background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_05{background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_05_001{background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_08{background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Rainy_09{background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_01{background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_01_001{background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_02{background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_02_001{background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_05{background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_06{background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%23714B67&c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_06_001{background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_07{background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_08{background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_09{background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_11{background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_12{background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_12_001{background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_13{background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_13_001{background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_14{background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_15{background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_16{background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_17{background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_19{background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_20{background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_21{background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_22{background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_23{background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_25{background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Wavy_28{background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_01{background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_02{background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_02_001{background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_03{background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_web_editor_Zigs_04{background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_05{background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_web_editor_Zigs_06{background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23FFFFFF&c5=%231B1319"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat;}.o_we_shape.o_html_builder_Airy_01_001{background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_02_001{background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%231B1319"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_06_001{background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%231B1319"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_07_001{background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_08_001{background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_09_001{background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_10_001{background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_11_001{background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_12_002{background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%231B1319&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_13_002{background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%231B1319&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_14_001{background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_15{background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%231B1319"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_16{background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%231B1319"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_17{background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_01{background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%231B1319"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_02{background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%231B1319"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_03{background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_04{background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_05{background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_06{background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_07{background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_08{background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Angular_09{background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_01_001{background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_02{background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_03{background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_04_001{background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_05_001{background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_06_001{background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_10_002{background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%231B1319"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_13{background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_14{background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_15{background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_16{background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%231B1319"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_17{background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_18{background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blocks_01_001{background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blocks_02_001{background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blocks_04{background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blurry_01{background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blurry_02{background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blurry_03{background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blurry_04{background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blurry_05{background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%23714B67&c2=%23F0CDA8&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blurry_06{background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_01_001{background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_13{background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%231B1319"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_14{background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%23714B67&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_15{background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%231B1319"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_16{background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_17{background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_18{background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%231B1319"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_19{background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%231B1319"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_20{background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%23714B67&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_21{background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%231B1319"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_22{background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%231B1319"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_23{background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_01{background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_02{background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_03{background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_04{background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_05{background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_06{background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_07{background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_08{background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_09{background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_10{background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_11{background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_12{background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_13{background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%231B1319"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_14{background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_15{background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_16{background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_17{background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%231B1319"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat;}.o_we_shape.o_html_builder_Connections_18{background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%231B1319"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat;}.o_we_shape.o_html_builder_Connections_19{background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Connections_20{background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Containers_01{background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Containers_02{background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Containers_03{background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Containers_04{background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Containers_05{background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Containers_06{background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_01{background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_02{background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_03{background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_04{background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%23714B67&c2=%23F0CDA8&c4=%23FFFFFF&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_05{background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_06{background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_07{background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_08{background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_09{background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_10{background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_11{background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_12{background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_html_builder_Floats_13{background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%23714B67&c2=%23F0CDA8&c5=%231B1319"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Floats_14{background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat;}.o_we_shape.o_html_builder_Grids_01{background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%231B1319"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_02{background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%231B1319"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_03{background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_04{background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_05{background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%231B1319"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_06{background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_07{background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%231B1319"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Grids_08{background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Patterns_01{background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%231B1319"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_html_builder_Patterns_02{background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%231B1319"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_html_builder_Patterns_03{background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%231B1319"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_html_builder_Patterns_04{background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%231B1319"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat;}.o_we_shape.o_html_builder_Patterns_05{background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%231B1319"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat;}.o_we_shape.o_html_builder_Rainy_01_001{background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_02_001{background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%23714B67&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_06{background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_07{background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_08_001{background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_09_001{background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_10{background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_03{background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_04{background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_08_001{background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_09_001{background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_10{background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_11_001{background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_18{background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_22_001{background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_24{background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_26{background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_27{background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_29{background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_30{background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_31{background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_01_001{background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_01{background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_02{background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_03{background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_03_001{background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_04{background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_04_001{background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_05{background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_05_001{background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_06{background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_07{background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_08{background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_09{background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_10{background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_11{background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_12{background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_12_001{background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_13{background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_13_001{background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Airy_14{background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_01{background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_04{background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_05{background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_06{background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_07{background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_08{background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%23714B67"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_09{background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_10{background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_10_001{background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_11{background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%23714B67"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blobs_12{background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blocks_01{background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blocks_02{background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Blocks_03{background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_01{background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_02{background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_03{background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_04{background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%23F0CDA8&c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_05{background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_05_001{background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_06{background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_06_001{background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_07{background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_07_001{background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_08{background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_09{background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_10{background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%23714B67&c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_10_001{background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%23714B67&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_11{background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%23714B67&c2=%23F0CDA8&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_11_001{background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_12{background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%23714B67&c2=%23F0CDA8&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Bold_12_001{background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%23714B67&c2=%23F0CDA8&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_01{background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%23F0CDA8&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_02{background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_02_001{background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23FFFFFF&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_03{background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_04{background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_04_001{background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_05{background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_06{background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_06_001{background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23F6F5F4&c4=%23FFFFFF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_07{background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_07_001{background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_07_002{background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_08{background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_09{background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_09_001{background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_10{background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%23F0CDA8&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_11{background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_11_001{background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23F6F5F4&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_12{background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_13{background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23F6F5F4&c5=%231B1319"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_14{background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_14_001{background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23F6F5F4&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_15{background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_16{background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_17{background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_18{background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%23714B67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Origins_19{background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%231B1319"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_01{background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_02{background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%23714B67&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_03{background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%23F0CDA8&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_html_builder_Rainy_03_001{background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%23F0CDA8&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_html_builder_Rainy_04{background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_05{background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_05_001{background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_08{background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Rainy_09{background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_01{background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_01_001{background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_02{background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_02_001{background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_05{background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%23714B67&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_06{background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%23714B67&c3=%23F6F5F4&c4=%23FFFFFF&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_06_001{background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%23714B67&c3=%23F6F5F4&c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_07{background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_08{background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_09{background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%23714B67&c5=%231B1319"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_11{background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%23714B67&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_12{background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_12_001{background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_13{background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_13_001{background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_14{background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_15{background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_16{background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_17{background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_19{background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%231B1319"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_20{background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_21{background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_22{background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_23{background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23F6F5F4"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_25{background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%23714B67&c2=%23F0CDA8"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Wavy_28{background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%23714B67&c3=%23F6F5F4"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_01{background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_02{background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_02_001{background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%23F0CDA8"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_03{background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%23714B67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat;}.o_we_shape.o_html_builder_Zigs_04{background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%23714B67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_05{background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23F6F5F4"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat;}.o_we_shape.o_html_builder_Zigs_06{background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23FFFFFF&c5=%231B1319"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat;} /* /website/static/src/libs/zoomodoo/zoomodoo.scss */ .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;}.zoomodoo img{vertical-align: bottom;}.zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;}.zoomodoo-flyout img{max-width: 500%;}.zoomodoo-hover .zoomodoo-flyout{left: 0;}.zoomodoo-next .zoomodoo-flyout{left: 100%;} /* /website/static/src/scss/website.scss */ :root{--o-border-color: #DEE2E6; --o-border-color: color-mix(in srgb, currentColor 15%, transparent); --support-13-0-color-system: false; --has-customized-13-0-color-system: false; --header-font-size: 1rem; --headings-font: 'Inter'; --navbar-font: 'Inter'; --buttons-font: 'Inter'; --menu: 1; --header-sales_one: 2; --header-sales_two: 5; --header-sales_three: 2; --header-sales_four: 1; --footer: 2; --font-size-base: 1rem; --body-line-height: 1.5; --headings-line-height: 1.2; --paragraph-margin-top: 0; --paragraph-margin-bottom: 16px; --headings-margin-top: 0; --headings-margin-bottom: 0.5rem; --small-font-size: 0.875rem; --body-image-type: 'image'; --layout: 'full'; --btn-primary-outline: false; --btn-secondary-outline: false; --btn-primary-flat: false; --btn-secondary-flat: false; --btn-primary-outline-border-width: 1px; --btn-secondary-outline-border-width: 1px; --link-underline: 'hover'; --btn-ripple: false; --btn-padding-x: 1rem; --btn-padding-x-sm: 0.5rem; --btn-padding-y-lg: 1rem; --btn-padding-x-lg: 2.5rem; --btn-border-radius-lg: 2rem; --font: 'Inter'; --headings-font: 'Inter Tight'; --header-template: 'default'; --header-links-style: 'default'; --hamburger-position: 'left'; --hamburger-position-mobile: 'right'; --menu-border-style: 'solid'; --sidebar-width: 18.75rem; --footer-template: 'default'; --footer-scrolltop: false; --default-headings-font: 'Inter Tight'; --logo-height: 2.5rem; --fixed-logo-height: 2.5rem; --number-of-fonts: 9; --font-number-1: 'SYSTEM_FONTS'; --font-number-2: 'Roboto'; --font-number-3: 'Open Sans'; --font-number-4: 'Source Sans Pro'; --font-number-5: 'Raleway'; --font-number-6: 'Noto Serif'; --font-number-7: 'Arvo'; --font-number-8: 'Inter Tight'; --font-number-9: 'Inter'; --paragraph-margin-top: 0; --paragraph-margin-bottom: 16px; --h2-line-height: 1.2; --h3-line-height: 1.2; --h4-line-height: 1.2; --h5-line-height: 1.2; --h6-line-height: 1.2; --display-1-line-height: 1.2; --display-2-line-height: 1.2; --display-3-line-height: 1.2; --display-4-line-height: 1.2; --h2-font: 'Inter Tight'; --h3-font: 'Inter Tight'; --h4-font: 'Inter Tight'; --h5-font: 'Inter Tight'; --h6-font: 'Inter Tight'; --display-1-font: 'Inter Tight'; --display-2-font: 'Inter Tight'; --display-3-font: 'Inter Tight'; --display-4-font: 'Inter Tight'; --set-headings-font: "Inter Tight", "Odoo Unicode Support Noto", sans-serif; --headings-line-height: 1.2; --headings-margin-top: 0; --headings-margin-bottom: 0.5rem; --h2-margin-top: 0; --h3-margin-top: 0; --h4-margin-top: 0; --h5-margin-top: 0; --h6-margin-top: 0; --display-1-margin-top: 0; --display-2-margin-top: 0; --display-3-margin-top: 0; --display-4-margin-top: 0; --h2-margin-bottom: 0.5rem; --h3-margin-bottom: 0.5rem; --h4-margin-bottom: 0.5rem; --h5-margin-bottom: 0.5rem; --h6-margin-bottom: 0.5rem; --display-1-margin-bottom: 0.5rem; --display-2-margin-bottom: 0.5rem; --display-3-margin-bottom: 0.5rem; --display-4-margin-bottom: 0.5rem; --btn-padding-y: 0.375rem; --btn-padding-x: 1rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.0625rem; --btn-padding-x-sm: 0.5rem; --btn-font-size-sm: 0.875rem; --btn-padding-y-lg: 1rem; --btn-padding-x-lg: 2.5rem; --btn-font-size-lg: 1.25rem; --btn-border-width: var(--border-width); --btn-border-radius: var(--border-radius); --btn-border-radius-sm: var(--border-radius-sm); --btn-border-radius-lg: 2rem; --input-padding-y: 0.375rem; --input-padding-x: 0.75rem; --input-font-size: 1rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.5rem; --input-font-size-sm: 0.875rem; --input-padding-y-lg: 0.5rem; --input-padding-x-lg: 1rem; --input-font-size-lg: 1.25rem; --input-border-width: var(--border-width); --input-border-radius: var(--border-radius); --input-border-radius-sm: var(--border-radius-sm); --input-border-radius-lg: var(--border-radius-lg); --color-palettes-name: 'base-1'; --has-customized-colors: false; --custom-colors: "o-color-1" "o-color-2" "o-color-3" "o-color-4" "o-color-5" "body" "input" "menu" "menu-custom" "menu-border-color" "header-sales_one" "header-sales_one-custom" "header-sales_two" "header-sales_two-custom" "header-sales_three" "header-sales_three-custom" "header-sales_four" "header-sales_four-custom" "footer" "footer-custom" "copyright" "copyright-custom" "o-cc1-bg" "o-cc1-text" "o-cc1-headings" "o-cc1-h2" "o-cc1-h3" "o-cc1-h4" "o-cc1-h5" "o-cc1-h6" "o-cc1-link" "o-cc1-btn-primary" "o-cc1-btn-primary-border" "o-cc1-btn-secondary" "o-cc1-btn-secondary-border" "o-cc2-bg" "o-cc2-text" "o-cc2-headings" "o-cc2-h2" "o-cc2-h3" "o-cc2-h4" "o-cc2-h5" "o-cc2-h6" "o-cc2-link" "o-cc2-btn-primary" "o-cc2-btn-primary-border" "o-cc2-btn-secondary" "o-cc2-btn-secondary-border" "o-cc3-bg" "o-cc3-text" "o-cc3-headings" "o-cc3-h2" "o-cc3-h3" "o-cc3-h4" "o-cc3-h5" "o-cc3-h6" "o-cc3-link" "o-cc3-btn-primary" "o-cc3-btn-primary-border" "o-cc3-btn-secondary" "o-cc3-btn-secondary-border" "o-cc4-bg" "o-cc4-text" "o-cc4-headings" "o-cc4-h2" "o-cc4-h3" "o-cc4-h4" "o-cc4-h5" "o-cc4-h6" "o-cc4-link" "o-cc4-btn-primary" "o-cc4-btn-primary-border" "o-cc4-btn-secondary" "o-cc4-btn-secondary-border" "o-cc5-bg" "o-cc5-text" "o-cc5-headings" "o-cc5-h2" "o-cc5-h3" "o-cc5-h4" "o-cc5-h5" "o-cc5-h6" "o-cc5-link" "o-cc5-btn-primary" "o-cc5-btn-primary-border" "o-cc5-btn-secondary" "o-cc5-btn-secondary-border";}#o_shared_blocks{min-height: 0px; height: 0px;}#o_shared_blocks:empty{display: none;}.o_navlink_no_background .navbar-light{--NavLinkWithBackground-bg-color: transparent;}.navbar .navbar-collapse{min-width: 0;}.navbar .btn{white-space: nowrap;}.navbar .o_menu_image_placeholder{width: 80px !important;}.navbar .top_menu{flex-wrap: nowrap !important;}.navbar .top_menu.o_menu_loading{overflow: hidden !important; opacity: 0 !important;}.navbar-light a.nav-link{color: var(--nav-link-color);}.navbar-light a.nav-link:hover{color: var(--nav-link-hover-color);}#wrapwrap:not(.o_header_overlay) header .nav-item > .nav-link > *, #wrapwrap:not(.o_header_overlay) header .nav-item > .nav-link::after, #wrapwrap:not(.o_header_overlay) header .js_language_selector span, #wrapwrap:not(.o_header_overlay) header .badge, #wrapwrap:not(.o_header_overlay) header .nav-item > .accordion-item *, header.o_header_is_scrolled .nav-item > .nav-link > *, header.o_header_is_scrolled .nav-item > .nav-link::after, header.o_header_is_scrolled .js_language_selector span, header.o_header_is_scrolled .badge, header.o_header_is_scrolled .nav-item > .accordion-item *, header .o_navbar_mobile .nav-item > .nav-link > *, header .o_navbar_mobile .nav-item > .nav-link::after, header .o_navbar_mobile .js_language_selector span, header .o_navbar_mobile .badge, header .o_navbar_mobile .nav-item > .accordion-item *{color: !important;}.o_navlink_background{background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05));}.o_navlink_background:hover, .o_navlink_trigger_hover:hover .o_navlink_background{background: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1));}.o_navlink_background:focus-visible, .o_navlink_trigger_hover:focus-visible{--btn-focus-box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.o_navlink_background_hover:hover{background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05));}.o_navbar_mobile{height: 100dvh; background-color: #FFFFFF;}.o_navbar_mobile .btn-close{z-index: 1046;}.o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link{background-color: inherit;}.o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link.active{color: var(--navbar-active-color);}.o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link:hover{color: var(--nav-link-hover-color);}.o_navbar_mobile .top_menu > .accordion .accordion-button{font-size: inherit;}.o_navbar_mobile .top_menu > .accordion .accordion-button:not(.collapsed){background-color: #f2f2f2;}.o_navbar_mobile .top_menu > .accordion .accordion-button:after{height: 100%; background: none; font-family: 'odoo_ui_icons'; content: '\e839';}.o_navbar_mobile .top_menu.text-end > .accordion .accordion-button{flex-direction: row-reverse;}.o_navbar_mobile .top_menu.text-end > .accordion .accordion-button::after{margin-left: 0; margin-right: auto;}.o_navbar_mobile .top_menu.text-center > .accordion .accordion-button > span{text-align: center; flex-grow: 1;}header .navbar-brand{font-size: 1.66666667rem;}header .navbar-brand, header .navbar-brand.logo{padding-top: 0; padding-bottom: 0;}h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem;}p{margin-top: 0;}.o_line_clamp{display: -webkit-box; -webkit-line-clamp: var(--lines-clamp, 2); -webkit-box-orient: vertical; overflow: hidden;}font[style*='background']:not(.text-gradient), font[class*='bg-']{padding: MAX(0.05em, 1px) 0 MAX(0.1em, 2px);}.fa{font-family: "FontAwesome" !important;}.fa.rounded-circle, .fa.rounded-empty-circle, .fa.rounded, .fa.rounded-0, .fa.rounded-leaf, .fa.img-thumbnail, .fa.shadow{display: inline-block; vertical-align: middle; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; background-color: #F8F9FA;}.fa.rounded-circle.fa-2x, .fa.fa-2x.rounded-empty-circle, .fa.rounded.fa-2x, .fa.rounded-0.fa-2x, .fa.rounded-leaf.fa-2x, .fa.img-thumbnail.fa-2x, .fa.shadow.fa-2x{width: 5rem; height: 5rem; line-height: 5rem;}.fa.rounded-circle.fa-3x, .fa.fa-3x.rounded-empty-circle, .fa.rounded.fa-3x, .fa.rounded-0.fa-3x, .fa.rounded-leaf.fa-3x, .fa.img-thumbnail.fa-3x, .fa.shadow.fa-3x{width: 6rem; height: 6rem; line-height: 6rem;}.fa.rounded-circle.fa-4x, .fa.fa-4x.rounded-empty-circle, .fa.rounded.fa-4x, .fa.rounded-0.fa-4x, .fa.rounded-leaf.fa-4x, .fa.img-thumbnail.fa-4x, .fa.shadow.fa-4x{width: 7rem; height: 7rem; line-height: 7rem;}.fa.rounded-circle.fa-5x, .fa.fa-5x.rounded-empty-circle, .fa.rounded.fa-5x, .fa.rounded-0.fa-5x, .fa.rounded-leaf.fa-5x, .fa.img-thumbnail.fa-5x, .fa.shadow.fa-5x{width: 8rem; height: 8rem; line-height: 8rem;}.fa.img-thumbnail{padding: 0;}.fa.rounded-leaf{border-top-left-radius: 3rem; border-bottom-right-radius: 3rem;}.fa.rounded-empty-circle{border-width: 2px; border-style: solid; background: transparent;}.fa.border{box-sizing: content-box;}@media (min-width: 992px){.o_container_small{max-width: 720px;}}.btn.flat{border: 0; letter-spacing: 0.05em; text-transform: uppercase; --btn-padding-y: 0.75rem; --btn-padding-x: 1.5rem; --btn-font-size: 0.75rem; --btn-border-radius: 0;}.btn.flat.btn-lg, .btn-group-lg > .flat.btn{--btn-padding-y: 1rem; --btn-padding-x: 2rem; --btn-font-size: 0.84375rem; --btn-border-radius: 0;}.btn.flat.btn-sm, .btn-group-sm > .flat.btn{--btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 0.65625rem; --btn-border-radius: 0;}.btn.flat.btn-xs{--btn-padding-y: 0.25rem; --btn-padding-x: 0.5rem; --btn-font-size: 0.5rem; --btn-border-radius: 0;}.btn.rounded-circle, .btn.fa.rounded-empty-circle{border-radius: 100px !important; --btn-padding-y: 0.45rem; --btn-padding-x: 1.35rem; --btn-font-size: 1rem; --btn-border-radius: 30px;}.btn.rounded-circle.btn-lg, .btn.btn-lg.fa.rounded-empty-circle, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.fa.rounded-empty-circle{--btn-padding-y: 0.6rem; --btn-padding-x: 1.8rem; --btn-font-size: 1.125rem; --btn-border-radius: 30px;}.btn.rounded-circle.btn-sm, .btn.btn-sm.fa.rounded-empty-circle, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.fa.rounded-empty-circle{--btn-padding-y: 0.3rem; --btn-padding-x: 0.9rem; --btn-font-size: 0.875rem; --btn-border-radius: 30px;}.btn.rounded-circle.btn-xs, .btn.btn-xs.fa.rounded-empty-circle{--btn-padding-y: 0.15rem; --btn-padding-x: 0.45rem; --btn-font-size: 0.75rem; --btn-border-radius: 30px;}.badge, .o_filter_tag{--badge-color: var(--color); background: var(--badge-bg, var(--background-color)) !important; color: var(--badge-color, var(--color)) !important; border: 1px solid var(--badge-border-color) !important; font-size: var(--badge-font-size);}.badge.text-bg-primary, .o_filter_tag.text-bg-primary{--badge-bg: #f1edf0; --badge-color: #52374b; --badge-color-hover: #FFFFFF; --badge-border-color: #714B67;}.badge.bg-primary, .o_filter_tag.bg-primary{--badge-bg: #714B67; --badge-color: #FFFFFF; --badge-border-color: #714B67; --badge-color-hover: #FFFFFF;}.badge.text-bg-secondary, .o_filter_tag.text-bg-secondary{--badge-bg: #fefaf6; --badge-color: #dd8f3b; --badge-color-hover: #212529; --badge-border-color: #F0CDA8;}.badge.bg-secondary, .o_filter_tag.bg-secondary{--badge-bg: #F0CDA8; --badge-color: #212529; --badge-border-color: #F0CDA8; --badge-color-hover: #212529;}.badge.text-bg-success, .o_filter_tag.text-bg-success{--badge-bg: #eaf6ec; --badge-color: #1f8236; --badge-color-hover: #FFFFFF; --badge-border-color: #28a745;}.badge.bg-success, .o_filter_tag.bg-success{--badge-bg: #28a745; --badge-color: #FFFFFF; --badge-border-color: #28a745; --badge-color-hover: #FFFFFF;}.badge.text-bg-info, .o_filter_tag.text-bg-info{--badge-bg: #e8f6f8; --badge-color: #0e626f; --badge-color-hover: #FFFFFF; --badge-border-color: #17a2b8;}.badge.bg-info, .o_filter_tag.bg-info{--badge-bg: #17a2b8; --badge-color: #FFFFFF; --badge-border-color: #17a2b8; --badge-color-hover: #FFFFFF;}.badge.text-bg-warning, .o_filter_tag.text-bg-warning{--badge-bg: #fff9e6; --badge-color: #876500; --badge-color-hover: #212529; --badge-border-color: #ffc107;}.badge.bg-warning, .o_filter_tag.bg-warning{--badge-bg: #ffc107; --badge-color: #212529; --badge-border-color: #ffc107; --badge-color-hover: #212529;}.badge.text-bg-danger, .o_filter_tag.text-bg-danger{--badge-bg: #fcebec; --badge-color: #9a1b27; --badge-color-hover: #FFFFFF; --badge-border-color: #dc3545;}.badge.bg-danger, .o_filter_tag.bg-danger{--badge-bg: #dc3545; --badge-color: #FFFFFF; --badge-border-color: #dc3545; --badge-color-hover: #FFFFFF;}.badge.text-bg-light, .o_filter_tag.text-bg-light{--badge-bg: #fefefe; --badge-color: #bdb5ae; --badge-color-hover: #212529; --badge-border-color: #F6F5F4;}.badge.bg-light, .o_filter_tag.bg-light{--badge-bg: #F6F5F4; --badge-color: #212529; --badge-border-color: #F6F5F4; --badge-color-hover: #212529;}.badge.text-bg-dark, .o_filter_tag.text-bg-dark{--badge-bg: #e8e7e8; --badge-color: #1B1319; --badge-color-hover: #FFFFFF; --badge-border-color: #1B1319;}.badge.bg-dark, .o_filter_tag.bg-dark{--badge-bg: #1B1319; --badge-color: #FFFFFF; --badge-border-color: #1B1319; --badge-color-hover: #FFFFFF;}a.badge:hover, a:not(.dropdown-item):hover > .badge, .o_badge_clickable.badge:hover{--badge-bg: var(--badge-border-color); --badge-color: var(--badge-color-hover); text-decoration: none;}.o_color_0{--background-color: #f6f6f6; --color: #626262; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #a2a2a2;}.o_color_1{--background-color: #fdeaea; --color: #ba0f0f; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #ee2d2d;}.o_color_2{--background-color: #fcf3eb; --color: #804916; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #dc8534;}.o_color_3{--background-color: #fdf8e8; --color: #79610c; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #e8bb1d;}.o_color_4{--background-color: #eef4fc; --color: #1e5596; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #5794dd;}.o_color_5{--background-color: #f5eff4; --color: #5a3751; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #9f628f;}.o_color_6{--background-color: #fbf3f0; --color: #9c4824; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #db8865;}.o_color_7{--background-color: #ecf6f6; --color: #255f5b; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #41a9a2;}.o_color_8{--background-color: #eaedfc; --color: #172b98; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #304be0;}.o_color_9{--background-color: #fdeaf3; --color: #920c4c; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #ee2f8a;}.o_color_10{--background-color: #eff9f1; --color: #2f7b39; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #61c36e;}.o_color_11{--background-color: #f5f1fd; --color: #5221b8; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #9872e6;}.oe_img_bg.o_bg_img_opt_contain{background-size: contain; background-position: center center;}.oe_img_bg.o_bg_img_opt_custom{background-size: auto;}.oe_img_bg.o_bg_img_opt_repeat_x{background-repeat: repeat-x;}.oe_img_bg.o_bg_img_opt_repeat_y{background-repeat: repeat-y;}.o_bg_video_iframe{position: relative; pointer-events: none !important;}.o_bg_video_loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}@media (max-width: 767.98px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}}.table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;}.table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 0.875rem; padding: 4px;}table.table_desc tr td{text-align: left; padding: 5px; font-size: 0.8125rem;}table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;}table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;}.jumbotron{border-radius: 0;}.o_full_screen_height, .o_half_screen_height, .cover_full, .cover_mid{display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important; min-height: 100svh !important;}.o_half_screen_height, .cover_mid{min-height: 55vh !important;}.card{overflow: hidden;}.o_dot{width: var(--o-timeline-dot-size, 24px); height: var(--o-timeline-dot-size, 24px); left: var(--o-dot-left); color: #714B67;}.o_dot:before, .o_dot:after{position: absolute; border-radius: 50rem; background-color: currentColor; content: '';}.o_dot:before{inset: 0; opacity: .1;}.o_dot:after{inset: 8px;}.o_cc1 .o_dot, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dot, .navbar-light .o_dot{color: var(--o-cc1-btn-primary);}.o_cc2 .o_dot, .o_footer .o_dot{color: var(--o-cc2-btn-primary);}.o_cc3 .o_dot{color: var(--o-cc3-btn-primary);}.o_cc4 .o_dot{color: var(--o-cc4-btn-primary);}.o_cc5 .o_dot{color: var(--o-cc5-btn-primary);}.o_dot_line{margin-top: calc(var(--o-timeline-dot-size, 24px) + 0.25rem); left: var(--o-dot-line-left);}.s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers{pointer-events: none;}@media (min-width: 768px){.s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-indicators{position: relative; min-width: 0; margin: 0;}.s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-next{position: relative; width: auto;}}.s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-indicators > *, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-indicators > *, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-indicators > *, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-next{pointer-events: auto;}.s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .o_arrows_wrapper, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .o_arrows_wrapper{display: flex;}@media (max-width: 767.98px){.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next{top: auto; bottom: 1rem; height: var(--CarouselControllers-size, 3rem); width: auto; margin: 0 1rem;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators{min-height: var(--CarouselControllers-size, 3rem); margin: 0 calc(1rem * 2 + var(--CarouselControllers-size, 3rem)) 1rem;}}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators{position: absolute;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators{pointer-events: none;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators > *, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators > *, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators > *{pointer-events: auto;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next-icon{width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.s_quotes_carousel .carousel-control-prev:hover, .s_carousel_cards_wrapper .s_carousel_default.s_carousel_cards .carousel-control-prev:hover, .s_carousel_intro_wrapper .s_carousel_default.s_carousel_intro .carousel-control-prev:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.s_carousel .carousel-control-prev:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.s_quotes_carousel .carousel-control-next:hover, .s_carousel_cards_wrapper .s_carousel_default.s_carousel_cards .carousel-control-next:hover, .s_carousel_intro_wrapper .s_carousel_default.s_carousel_intro .carousel-control-next:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.s_carousel .carousel-control-next:hover{background: rgba(0, 0, 0, 0.2);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.carousel-dark.s_quotes_carousel .carousel-control-prev:hover, .s_carousel_cards_wrapper .s_carousel_default.carousel-dark.s_carousel_cards .carousel-control-prev:hover, .s_carousel_intro_wrapper .s_carousel_default.carousel-dark.s_carousel_intro .carousel-control-prev:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.carousel-dark.s_carousel .carousel-control-prev:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.carousel-dark.s_quotes_carousel .carousel-control-next:hover, .s_carousel_cards_wrapper .s_carousel_default.carousel-dark.s_carousel_cards .carousel-control-next:hover, .s_carousel_intro_wrapper .s_carousel_default.carousel-dark.s_carousel_intro .carousel-control-next:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.carousel-dark.s_carousel .carousel-control-next:hover{background: rgba(255, 255, 255, 0.2);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_boxed.s_carousel_cards .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_boxed.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.s_carousel .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.s_quotes_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_boxed.s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_boxed.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.s_carousel .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-next-icon{border-radius: 0.4rem; border: 1px solid var(--o-border-color); background-color: #000; filter: invert(1) grayscale(100);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.carousel-dark.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_boxed.carousel-dark.s_carousel_cards .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_boxed.carousel-dark.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.carousel-dark.s_quotes_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_boxed.carousel-dark.s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_boxed.carousel-dark.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.carousel-dark.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_rounded.carousel-dark.s_carousel_cards .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_rounded.carousel-dark.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.carousel-dark.s_quotes_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_rounded.carousel-dark.s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_rounded.carousel-dark.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-next-icon{filter: none;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-next-icon{border-radius: 50rem;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .carousel-control-next{display: none;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper{display: none;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner, .s_carousel_cards_wrapper .s_carousel_cards .carousel-inner, .s_carousel_intro_wrapper .s_carousel_intro .carousel-inner, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-inner{isolation: isolate; overflow: hidden; height: 100%;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner .carousel-item, .s_carousel_cards_wrapper .s_carousel_cards .carousel-inner .carousel-item, .s_carousel_intro_wrapper .s_carousel_intro .carousel-inner .carousel-item, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-inner .carousel-item{height: 100%; padding: 0 1rem;}@media (min-width: 768px){.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner .carousel-item, .s_carousel_cards_wrapper .s_carousel_cards .carousel-inner .carousel-item, .s_carousel_intro_wrapper .s_carousel_intro .carousel-inner .carousel-item, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-inner .carousel-item{padding: 0 10%;}}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators{align-items: center; height: var(--CarouselControllers-size, 3rem);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button{width: 0.75rem; height: 0.75rem; border: 0; border-radius: 50rem; transform: scale(0.5); transition: opacity .6s ease, transform .6s ease;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button:before, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button:before, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:before{position: absolute; inset: -12px; display: block; content: '';}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover{opacity: 1;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button.active, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button.active, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button.active{inset: -3px; transform: scale(1);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers{justify-content: start; height: auto; counter-reset: numberList; overflow: auto; transition: scrollbar-color .2s ease-in-out; scrollbar-color: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15)) transparent; scrollbar-width: thin;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar{height: 6px;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb{border-radius: var(--border-radius-sm); background: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15));}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track{background: transparent;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover{scrollbar-color: var(--IndicatorsNumbers__Scrollbar-color, #FFF) transparent;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb{background: var(--IndicatorsNumbers__Scrollbar-color, #FFF);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button{display: flex; align-items: center; width: auto; height: auto; margin: 0; border: 0; padding: 0 0.5rem 0; background: none; color: #FFF; text-indent: 0;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover{opacity: 1;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before{content: counter(numberList); counter-increment: numberList;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after{display: block; width: 0; margin-left: 0.25rem; border-top: 2px solid #FFF; transition: width .2s ease-in-out; content: '';}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after{width: 1.5rem;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child{margin-left: auto;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child{margin-right: auto;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_hidden, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_hidden, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_hidden, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_hidden{display: none;}.s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers{--IndicatorsNumbers__Scrollbar-color: rgba(0, 0, 0, 0.15);}.s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers button, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers button, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers button, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers button{color: #000;}.s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers button:after, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers button:after{border-color: #000;}.s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers:hover, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers:hover, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers:hover, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover{--IndicatorsNumbers__Scrollbar-color: #000;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next{margin-bottom: var(--CarouselControllers-size, 3rem);}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators{position: relative; margin-bottom: 0;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators:not(.s_carousel_indicators_numbers) button, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators:not(.s_carousel_indicators_numbers) button, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators:not(.s_carousel_indicators_numbers) button, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators:not(.s_carousel_indicators_numbers) button{background-color: currentColor;}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators button, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators button, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators button, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators button{color: inherit;}@media (min-width: 768px){.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators.s_carousel_indicators_numbers{height: var(--CarouselControllers-size, 3rem);}}.s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after{border-top-color: currentColor;}.carousel .container .carousel-img img, .carousel .o_container_small .carousel-img img{max-height: 95%; padding: 10px;}.carousel .container > .carousel-caption, .carousel .o_container_small > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;}.carousel .container > .carousel-caption > div, .carousel .o_container_small > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;}.carousel .container > .carousel-image, .carousel .o_container_small > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;}.carousel .container .carousel-item.text_image .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption{left: 10%;}.carousel .container .carousel-item.text_image .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption > div, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;}.carousel .container .carousel-item.text_image .container > .carousel-image, .carousel .o_container_small .carousel-item.text_image .container > .carousel-image, .carousel .container .carousel-item.text_image .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-image{right: 10%; left: 50%;}.carousel .container .carousel-item.image_text .container > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption{right: 10%;}.carousel .container .carousel-item.image_text .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption > div, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;}.carousel .container .carousel-item.image_text .container > .carousel-image, .carousel .o_container_small .carousel-item.image_text .container > .carousel-image, .carousel .container .carousel-item.image_text .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-image{right: 50%; left: 10%;}.carousel .container .carousel-item.text_only .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;}.carousel .container .carousel-item.text_only .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption > div, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;}.carousel .container .carousel-item.text_only .container > .carousel-image, .carousel .o_container_small .carousel-item.text_only .container > .carousel-image, .carousel .container .carousel-item.text_only .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-image{display: none !important;}.carousel.o_carousel_multi_items{--o-carousel-item-width-percentage: 25%;}@media (min-width: 768px){.carousel.o_carousel_multi_items .carousel-inner{display: flex; flex-wrap: nowrap;}.carousel.o_carousel_multi_items .carousel-inner .carousel-item.active, .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active ~ .carousel-item, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-end:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-end:not(.active) ~ .carousel-item, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev:not(.active) ~ .carousel-item{display: block; flex: 0 0 var(--o-carousel-item-width-percentage); margin-right: 0;}.carousel.o_carousel_multi_items .carousel-inner .active.carousel-item-end + .carousel-item-prev.carousel-item-end, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev.carousel-item-end ~ .carousel-item{right: var(--o-carousel-item-width-percentage); transform: translateX(100%); display: block; margin-right: 0;}.carousel.o_carousel_multi_items .carousel-inner .carousel-item-start.active, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start:not(.active) ~ .carousel-item{transform: translateX(-100%);}.carousel.o_carousel_multi_items .carousel-inner .carousel-item.active:not(.carousel-item-start):not(.carousel-item-end), .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) ~ .carousel-item{transition: none; margin-right: initial;}.carousel.o_carousel_multi_items .carousel-inner .carousel-item-next:not(.carousel-item-start){transform: translateX(0%);}}.parallax:not(.s_parallax_no_overflow_hidden){overflow: hidden;}@media (min-width: 1200px){.parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;}}.s_parallax{min-height: 10px;}.o_header_affixed{display: block; position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed;}.o_header_affixed:not(.o_header_no_transition){transition: transform 200ms;}.o_header_affixed.o_header_is_scrolled .navbar-brand{font-size: calc(1.29166667rem + 0.5vw);}@media (min-width: 1200px){.o_header_affixed.o_header_is_scrolled .navbar-brand{font-size: 1.66666667rem;}}.o_header_affixed.o_header_is_scrolled .navbar-brand img{height: 2.5rem;}.o_header_affixed .o_header_hide_on_scroll.hidden{max-height: 0; padding-block: 0 !important; overflow: hidden;}.navbar .o_extra_menu_items > .show > li + li{border-top: 1px solid var(--o-border-color);}.navbar .o_extra_menu_items > .show > li > a.dropdown-toggle{background-color: #e9e9ea; pointer-events: none;}.navbar .o_extra_menu_items > .show > li > a.dropdown-toggle.active{color: inherit !important;}.navbar .o_extra_menu_items > .show > li > .dropdown-menu, .navbar .o_extra_menu_items > .show > li > .o_dropdown_menu{border-radius: 0;}.navbar .o_extra_menu_items > .show > li > .dropdown-menu .dropdown-item, .navbar .o_extra_menu_items > .show > li > .o_dropdown_menu .dropdown-item{padding-left: 1.5rem;}.navbar .o_extra_menu_items > .show > li > ul, .navbar .o_extra_menu_items > .show > li > .o_mega_menu{position: static; float: none; display: block; max-height: none; margin-top: 0; padding: 0; border: none; box-shadow: none;}.navbar .o_extra_menu_items > .show > li > .o_mega_menu .row > div{width: 100%; flex: auto;}.navbar .o_extra_menu_items > .show > li > .o_mega_menu_container_size{transform: unset;}header#top{z-index: 1030;}header:not(.o_header_no_transition) .o_main_nav{transition: all 200ms, color 0ms;}header:not(.o_header_no_transition) .navbar-brand{transition: margin 200ms, font-size 200ms, opacity 200ms ease-out;}header:not(.o_header_no_transition) .navbar-brand img{transition: height 200ms;}@media (min-width: 992px){header .navbar .dropdown-menu, header .navbar .o_dropdown_menu{max-height: 60vh; overflow-y: auto; overflow-x: hidden;}}header .navbar-collapse.show{max-height: 80vh; overflow-y: auto; overflow-x: hidden;}@media (max-width: 991.98px){header .navbar-collapse.show .nav-link, header .navbar-collapse.show .dropdown-item{white-space: normal;}}header .o_main_nav{flex-direction: inherit;}header nav.navbar{border-radius: !important; box-shadow: !important;}header nav.navbar.o_header_force_no_radius{border-radius: 0 !important;}header.o_header_is_scrolled, header.o_transitioning.o_header_affixed{background-color: transparent !important;}header.o_transformed_not_affixed .o_navbar_mobile{display: none;}header .hidden_mega_menu_li{display: none;}.o_grid_header_3_cols{grid-template-columns: 1fr auto 1fr;}.o_grid_header_3_cols_fixed{grid-template-columns: 1fr 33% 1fr;}.o_header_separator > :not(:last-child)::before{content: ''; position: absolute; inset: 0 0 0 100%; width: 2px; height: 50%; margin: auto -0.5rem auto auto; background: var(--HeaderSeparator-bg-color, rgba(var(--emphasis-color-rgb), 0.1));}.o_border_contrast{border-color: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)) !important;}.o_mega_menu{width: 100%; padding: 0; margin-top: 0 !important; border-radius: 0; background-clip: unset; background-color: transparent; border: 1px solid var(--o-border-color);}.o_mega_menu .container, .o_mega_menu .o_container_small, .o_mega_menu .container-fluid, .o_mega_menu .container-sm, .o_mega_menu .container-md, .o_mega_menu .container-lg, .o_mega_menu .container-xl, .o_mega_menu .container-xxl{padding-left: 15px; padding-right: 15px;}.o_mega_menu_is_offcanvas .o_mega_nav, .o_mega_menu_is_offcanvas .o_mega_menu{transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 1045; max-width: var(--Offcanvas-horizontal-width, 400px) !important; opacity: 0; pointer-events: none;}@media (prefers-reduced-motion: reduce){.o_mega_menu_is_offcanvas .o_mega_nav, .o_mega_menu_is_offcanvas .o_mega_menu{transition: none;}}.o_mega_menu_is_offcanvas .o_mega_nav section, .o_mega_menu_is_offcanvas .o_mega_menu section{transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateX(5%);}@media (prefers-reduced-motion: reduce){.o_mega_menu_is_offcanvas .o_mega_nav section, .o_mega_menu_is_offcanvas .o_mega_menu section{transition: none;}}.o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu section{transform: translateX(-5%);}.o_mega_menu_is_offcanvas .o_mega_menu.show, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav{transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; visibility: visible !important; opacity: 1; pointer-events: auto;}@media (prefers-reduced-motion: reduce){.o_mega_menu_is_offcanvas .o_mega_menu.show, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav{transition: none;}}.o_mega_menu_is_offcanvas .o_mega_menu.show section, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav section{transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateX(0);}@media (prefers-reduced-motion: reduce){.o_mega_menu_is_offcanvas .o_mega_menu.show section, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav section{transition: none;}}.o_mega_menu_is_offcanvas .o_mega_nav{padding-left: 15px; height: 3rem; background-color: #FFFFFF;}.o_mega_menu_is_offcanvas div.o_mega_menu{position: fixed !important; inset: 0 0 0 auto !important; display: block; visibility: hidden; margin-top: 3rem !important; border: none; height: calc(100dvh - 3rem); max-height: 100vh; background-color: #FFFFFF; overflow-x: hidden;}.o_mega_menu_is_offcanvas .o_mega_menu_toggle::after{content: '\e83b'; border: none; font-family: 'odoo_ui_icons';}.o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu{inset: 0 auto 0 0 !important;}@media (min-width: 992px){.dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{left: 50%; transform: translateX(-50%);}}@media (min-width: 576px){.dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{max-width: 510px;}}@media (min-width: 768px){.dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{max-width: 690px;}}@media (min-width: 992px){.dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{max-width: 930px;}}@media (min-width: 1200px){.dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{max-width: 1110px;}}@media (min-width: 1400px){.dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{max-width: 1290px;}}.s_mega_menu_gray_area{z-index: 1;}.s_mega_menu_gray_area:before{position: absolute; top: 0; left: 0; bottom: auto; right: auto; content: ''; display: block; width: 100%; height: 100%; z-index: -1; pointer-events: none; background: rgba(0, 0, 0, 0.05);}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar){position: absolute; top: 0; left: 0; bottom: auto; right: 0; z-index: 1000;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar) > .navbar{background-color: transparent !important; background-image: none !important; border-color: transparent; color: inherit !important;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-item > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-item > .nav-link:hover{background-color: transparent; color: inherit;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-item > .nav-link.active{font-weight: bolder;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_header_mobile_buttons_wrap, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn[data-bs-toggle="offcanvas"]{color: inherit;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .navbar-toggler-icon{background-color: currentColor; background-image: none; mask: url("data:image/svg+xml,"); -webkit-mask: url("data:image/svg+xml,");}.js_language_selector .dropdown-menu, .js_language_selector .o_dropdown_menu{min-width: 0;}.js_language_selector a.list-inline-item{padding: 3px 0;}.o_lang_flag{width: 1em; height: 1em; margin-right: 0.2em; border-radius: 50rem; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.429) 1px 1px 1px;}span.list-inline-item.o_add_language:last-child{display: none !important;}.o_figure_relative_layout{position: relative;}.o_figure_relative_layout .figure-img{margin-bottom: 0;}.o_figure_relative_layout .figure-caption{position: absolute; top: auto; left: 0; bottom: 0; right: 0; --background-color: rgba(27, 19, 25, 0.6); --color: #FFFFFF; background-color: rgba(27, 19, 25, 0.6) !important; color: #FFFFFF; padding: 0.25rem 0.5rem; font-weight: 600;}.o_figure_relative_layout .figure-caption .text-muted, .o_colored_level .o_figure_relative_layout .figure-caption .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_figure_relative_layout .figure-caption a{color: inherit;}.bg-primary-light{background-color: rgba(113, 75, 103, 0.1);}.bg-secondary-light{background-color: rgba(240, 205, 168, 0.1);}.bg-success-light{background-color: rgba(40, 167, 69, 0.1);}.bg-info-light{background-color: rgba(23, 162, 184, 0.1);}.bg-warning-light{background-color: rgba(255, 193, 7, 0.1);}.bg-danger-light{background-color: rgba(220, 53, 69, 0.1);}.bg-light-light{background-color: rgba(246, 245, 244, 0.1);}.bg-dark-light{background-color: rgba(27, 19, 25, 0.1);}.text-facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook:hover, .s_social_media:not(.no_icon_color) .s_social_media_facebook:focus, .s_share:not(.no_icon_color) .s_share_facebook, .s_share:not(.no_icon_color) .s_share_facebook:hover, .s_share:not(.no_icon_color) .s_share_facebook:focus{color: #3B5999 !important;}a.text-facebook:hover, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:hover, .s_share:not(.no_icon_color) a.s_share_facebook:hover, a.text-facebook:focus, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:focus, .s_share:not(.no_icon_color) a.s_share_facebook:focus{color: #1f2e4f !important;}.text-twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter:hover, .s_social_media:not(.no_icon_color) .s_social_media_twitter:focus, .s_share:not(.no_icon_color) .s_share_twitter, .s_share:not(.no_icon_color) .s_share_twitter:hover, .s_share:not(.no_icon_color) .s_share_twitter:focus{color: #000000 !important;}a.text-twitter:hover, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:hover, .s_share:not(.no_icon_color) a.s_share_twitter:hover, a.text-twitter:focus, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:focus, .s_share:not(.no_icon_color) a.s_share_twitter:focus{color: black !important;}.text-linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:hover, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:focus, .s_share:not(.no_icon_color) .s_share_linkedin, .s_share:not(.no_icon_color) .s_share_linkedin:hover, .s_share:not(.no_icon_color) .s_share_linkedin:focus{color: #0077B5 !important;}a.text-linkedin:hover, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:hover, .s_share:not(.no_icon_color) a.s_share_linkedin:hover, a.text-linkedin:focus, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:focus, .s_share:not(.no_icon_color) a.s_share_linkedin:focus{color: #00344f !important;}.text-google-plus, .s_social_media:not(.no_icon_color) .s_social_media_google, .s_social_media:not(.no_icon_color) .s_social_media_google:hover, .s_social_media:not(.no_icon_color) .s_social_media_google:focus, .s_share:not(.no_icon_color) .s_share_google, .s_share:not(.no_icon_color) .s_share_google:hover, .s_share:not(.no_icon_color) .s_share_google:focus{color: #DD4B39 !important;}a.text-google-plus:hover, .s_social_media:not(.no_icon_color) a.s_social_media_google:hover, .s_share:not(.no_icon_color) a.s_share_google:hover, a.text-google-plus:focus, .s_social_media:not(.no_icon_color) a.s_social_media_google:focus, .s_share:not(.no_icon_color) a.s_share_google:focus{color: #96271a !important;}.text-youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube:hover, .s_social_media:not(.no_icon_color) .s_social_media_youtube:focus, .s_share:not(.no_icon_color) .s_share_youtube, .s_share:not(.no_icon_color) .s_share_youtube:hover, .s_share:not(.no_icon_color) .s_share_youtube:focus{color: #ff0000 !important;}a.text-youtube:hover, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:hover, .s_share:not(.no_icon_color) a.s_share_youtube:hover, a.text-youtube:focus, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:focus, .s_share:not(.no_icon_color) a.s_share_youtube:focus{color: #990000 !important;}.text-github, .s_social_media:not(.no_icon_color) .s_social_media_github, .s_social_media:not(.no_icon_color) .s_social_media_github:hover, .s_social_media:not(.no_icon_color) .s_social_media_github:focus, .s_share:not(.no_icon_color) .s_share_github, .s_share:not(.no_icon_color) .s_share_github:hover, .s_share:not(.no_icon_color) .s_share_github:focus{color: #1a1e22 !important;}a.text-github:hover, .s_social_media:not(.no_icon_color) a.s_social_media_github:hover, .s_share:not(.no_icon_color) a.s_share_github:hover, a.text-github:focus, .s_social_media:not(.no_icon_color) a.s_social_media_github:focus, .s_share:not(.no_icon_color) a.s_share_github:focus{color: black !important;}.text-instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram:hover, .s_social_media:not(.no_icon_color) .s_social_media_instagram:focus, .s_share:not(.no_icon_color) .s_share_instagram, .s_share:not(.no_icon_color) .s_share_instagram:hover, .s_share:not(.no_icon_color) .s_share_instagram:focus{color: #cf2872 !important;}a.text-instagram:hover, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:hover, .s_share:not(.no_icon_color) a.s_share_instagram:hover, a.text-instagram:focus, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:focus, .s_share:not(.no_icon_color) a.s_share_instagram:focus{color: #7a1743 !important;}.text-whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:hover, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) .s_share_whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp:hover, .s_share:not(.no_icon_color) .s_share_whatsapp:focus{color: #25d366 !important;}a.text-whatsapp:hover, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:hover, .s_share:not(.no_icon_color) a.s_share_whatsapp:hover, a.text-whatsapp:focus, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) a.s_share_whatsapp:focus{color: #167c3c !important;}.text-pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:hover, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:focus, .s_share:not(.no_icon_color) .s_share_pinterest, .s_share:not(.no_icon_color) .s_share_pinterest:hover, .s_share:not(.no_icon_color) .s_share_pinterest:focus{color: #C8232C !important;}a.text-pinterest:hover, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:hover, .s_share:not(.no_icon_color) a.s_share_pinterest:hover, a.text-pinterest:focus, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:focus, .s_share:not(.no_icon_color) a.s_share_pinterest:focus{color: #711419 !important;}.text-tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:hover, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:focus{color: #000000 !important;}a.text-tiktok:hover, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:hover, a.text-tiktok:focus, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:focus{color: black !important;}.text-discord, .s_social_media:not(.no_icon_color) .s_social_media_discord, .s_social_media:not(.no_icon_color) .s_social_media_discord:hover, .s_social_media:not(.no_icon_color) .s_social_media_discord:focus{color: #5865f2 !important;}a.text-discord:hover, .s_social_media:not(.no_icon_color) a.s_social_media_discord:hover, a.text-discord:focus, .s_social_media:not(.no_icon_color) a.s_social_media_discord:focus{color: #1021d4 !important;}.text-kickstarter{color: #0f2105 !important;}a.text-kickstarter:hover, a.text-kickstarter:focus{color: black !important;}.text-google-play{color: #4285F4 !important;}a.text-google-play:hover, a.text-google-play:focus{color: #0b51c5 !important;}.text-strava{color: #fc4c02 !important;}a.text-strava:hover, a.text-strava:focus{color: #972d01 !important;}.text-bluesky{color: #1185FE !important;}a.text-bluesky:hover, a.text-bluesky:focus{color: #0153a8 !important;}.text-threads{color: #000000 !important;}a.text-threads:hover, a.text-threads:focus{color: black !important;}.modal-footer > .float-start{margin-right: auto;}.o_record_cover_container{position: relative;}.o_record_cover_container .o_record_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}.o_scroll_button{position: absolute; top: auto; left: 0; bottom: 0; right: 0; display: flex; width: 50px; height: 50px; animation: o-anim-heartbeat 2.6s ease-in-out 1s infinite;}.o_scroll_button, .o_scroll_button:hover{text-decoration: none;}.o_scroll_button:focus{outline: none;}.o_scroll_button:hover{animation-iteration-count: 1;}@keyframes o-anim-heartbeat{0%, 14%, 35%{transform: scale(1);}7%, 21%{transform: scale(1.3); background-color: rgba(113, 75, 103, 0.8);}}.o_ribbon{margin: 0; font-size: 1rem; font-weight: bold; white-space: nowrap; text-align: center; pointer-events: none;}.o_ribbon:empty{display: none;}.o_ribbon_right{position: absolute; top: 0; left: auto; bottom: auto; right: 0; padding: 0.5rem 100px; transform: translateX(calc(-0.708 * (100% - 200px))) rotate(45deg) translateX(calc(100% - 100px)); transform-origin: top right;}.o_ribbon_left{position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 0.5rem 100px; transform: translateX(calc(0.708 * (100% - 200px) - 100%)) rotate(-45deg) translateX(100px); transform-origin: top right;}.o_tag_right{position: absolute; top: 0; left: auto; bottom: auto; right: 0; padding: 0.25rem 1rem;}.o_tag_left{position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 0.25rem 1rem;}.o_conditional_hidden{display: none !important;}#website_cookies_bar{min-height: 0px; height: 0px;}.o_cookies_bar_toggle{inset-inline-end: 1rem; inset-block-end: var(--cookies-bar-toggle-inset-block-end, 1rem); z-index: 1056;}.o_search_result_item_detail{flex: 1;}.o_search_result_item_detail button:disabled, .o_search_result_item_detail button.o_wysiwyg_loader{color: inherit;}ul.o_checklist > li.o_checked::after{left: -19px; top: 0;}.modal-open .o_bottom_fixed_element, .o_bottom_fixed_element_hidden{display: none !important;}.o_text_content_invisible, input[value*="data-oe-translation-source-sha"]{color: transparent !important;}[placeholder*="data-oe-translation-source-sha"]::-webkit-input-placeholder{color: transparent; opacity: 0;}[placeholder*="data-oe-translation-source-sha"]::-moz-placeholder{color: transparent; opacity: 0;}[data-oe-translation-source-sha] > .o_translation_select{border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius);}[data-oe-translation-source-sha] > .o_translation_select + select{display: none !important;}[data-oe-translation-source-sha] > .o_translation_select > div:not(:last-child){border-bottom: inherit;}.o_website_offcanvas .accordion-button, .o_website_offcanvas .accordion-button:focus, .o_website_offcanvas .accordion-button:hover{box-shadow: none; z-index: 0;}.o_notification_manager .o_notification{--Notification__background-color: #FFFFFF;}.o_animate{z-index: 1; animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden; --wanim-intensity: 50; --wanim-intensity-squared: calc(var(--wanim-intensity) * var(--wanim-intensity)); --wanim-zoom-out-scale: calc(1 + (var(--wanim-intensity-squared) / 8333.3)); --wanim-zoom-in-scale: calc(1.01 - (var(--wanim-intensity) / 100 )); --wanim-zoom-in-scale-60: calc(var(--wanim-zoom-in-scale) + ((1 - var(--wanim-zoom-in-scale)) / 2)); --wanim-opacity-adjustment: 0;}.o_animate:not(.o_animating):not(.o_animate_in_dropdown){transform: none !important;}.o_animate_preview{visibility: visible;}.o_wanim_overflow_xy_hidden #wrapwrap{overflow-x: clip !important;}@supports not (overflow-x: clip){.o_wanim_overflow_xy_hidden #wrapwrap{overflow-x: hidden !important;}}.o_wanim_overflow_xy_hidden.o_rtl > main, .o_wanim_overflow_xy_hidden .o_rtl > main{overflow-x: hidden; overflow-y: hidden;}.o_wanim_overflow_xy_hidden .o_footer_slideout{overflow-y: hidden !important;}.o_animated_text{display: inline-block;}.o_animate_on_scroll{animation-play-state: paused; --wanim-opacity-adjustment: 1;}@keyframes o_anim_slide_in_down{0%{opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity)));}10%{opacity: 1;}100%{transform: translate(0, 0);}}.o_anim_slide_in.o_anim_from_top{animation-name: o_anim_slide_in_down;}@keyframes o_anim_slide_in_left{0%{opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0);}10%{opacity: 1;}100%{transform: translate(0, 0);}}.o_anim_slide_in.o_anim_from_left{animation-name: o_anim_slide_in_left;}@keyframes o_anim_slide_in_right{0%{opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0);}10%{opacity: 1;}100%{transform: translate(0, 0);}}.o_anim_slide_in.o_anim_from_right{animation-name: o_anim_slide_in_right;}@keyframes o_anim_slide_in_up{0%{opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity)));}10%{opacity: 1;}100%{transform: translate(0, 0);}}.o_anim_slide_in.o_anim_from_bottom{animation-name: o_anim_slide_in_up;}@keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(calc(1 - (var(--wanim-intensity) / 71.4)));}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}20%{transform: scale(calc(1 + (var(--wanim-intensity-squared) / 25000)));}40%{transform: scale(calc(1 - (var(--wanim-intensity-squared) / 25000)));}60%{opacity: 1; transform: scale(calc(1 + (var(--wanim-intensity-squared) / 83333.3)));}80%{transform: scale(calc(1 - (var(--wanim-intensity-squared) / 83333.3)));}100%{opacity: 1; transform: scale(1);}}.o_anim_bounce_in{animation-name: o_anim_bounce_in;}@keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 100)));}75%{transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 250)));}90%{transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 500)));}100%{transform: translate(0, 0);}}.o_anim_bounce_in.o_anim_from_top{animation-name: o_anim_bounce_in_down;}@keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: translate(calc(1px * (var(--wanim-intensity-squared) / 100)), 0);}75%{transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 250)), 0);}90%{transform: translate(calc(1px * (var(--wanim-intensity-squared) / 500)), 0);}100%{transform: translate(0, 0);}}.o_anim_bounce_in.o_anim_from_left{animation-name: o_anim_bounce_in_left;}@keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 100)), 0);}75%{transform: translate(calc(1px * (var(--wanim-intensity-squared) / 250)), 0);}90%{transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 500)), 0);}100%{transform: translate(0, 0);}}.o_anim_bounce_in.o_anim_from_right{animation-name: o_anim_bounce_in_right;}@keyframes o_anim_bounce_in_up{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, 3000px);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 100)));}75%{transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 250)));}90%{transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 500)));}100%{transform: translate(0, 0);}}.o_anim_bounce_in.o_anim_from_bottom{animation-name: o_anim_bounce_in_up;}@keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}}.o_anim_fade_in{animation-name: o_anim_fade_in;}@keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity)));}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in.o_anim_from_top{animation-name: o_anim_fade_in_down;}@keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0);}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in.o_anim_from_left{animation-name: o_anim_fade_in_left;}@keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0);}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in.o_anim_from_right{animation-name: o_anim_fade_in_right;}@keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity)));}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in.o_anim_from_bottom{animation-name: o_anim_fade_in_up;}@keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}}.o_anim_fade_out{animation-name: o_anim_fade_out;}@keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 12.82))));}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1; transform: rotate(0);}}.o_anim_rotate_in{animation-name: o_anim_rotate_in;}@keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5))));}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}}.o_anim_rotate_in.o_anim_from_bottom_left{animation-name: o_anim_rotate_in_down_left;}@keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5))));}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}}.o_anim_rotate_in.o_anim_from_bottom_right{animation-name: o_anim_rotate_in_down_right;}@keyframes o_anim_rotate_in_up_left{0%{opacity: 0; transform-origin: left top; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5))));}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1; transform-origin: left top; transform: rotate(0);}}.o_anim_rotate_in.o_anim_from_top_left{animation-name: o_anim_rotate_in_up_left;}@keyframes o_anim_rotate_in_up_right{0%{opacity: 0; transform-origin: right top; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5))));}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1; transform-origin: right top; transform: rotate(0);}}.o_anim_rotate_in.o_anim_from_top_right{animation-name: o_anim_rotate_in_up_right;}@keyframes o_anim_zoom_out{0%{opacity: 0; transform: scale(var(--wanim-zoom-out-scale));}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1;}}.o_anim_zoom_out{animation-name: o_anim_zoom_out;}@keyframes o_anim_zoom_out_right{0%{opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(100%, 0);}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1;}}.o_anim_zoom_out.o_anim_from_right{animation-name: o_anim_zoom_out_right;}@keyframes o_anim_zoom_out_left{0%{opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(-100%, 0);}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1;}}.o_anim_zoom_out.o_anim_from_left{animation-name: o_anim_zoom_out_left;}@keyframes o_anim_zoom_out_bottom{0%{opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, 100%);}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1;}}.o_anim_zoom_out.o_anim_from_bottom{animation-name: o_anim_zoom_out_bottom;}@keyframes o_anim_zoom_out_top{0%{opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, -100%);}10%{opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment))));}100%{opacity: 1;}}.o_anim_zoom_out.o_anim_from_top{animation-name: o_anim_zoom_out_top;}@keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(var(--wanim-zoom-in-scale));}10%{opacity: calc(0.2 + (0.8 * (var(--wanim-opacity-adjustment))));}50%{opacity: 1;}}.o_anim_zoom_in{animation-name: o_anim_zoom_in;}@keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(-0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in.o_anim_from_top{animation-name: o_anim_zoom_in_down;}@keyframes o_anim_zoom_in_up{0%{opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(-1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in.o_anim_from_bottom{animation-name: o_anim_zoom_in_up;}@keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(-0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in.o_anim_from_left{animation-name: o_anim_zoom_in_left;}@keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}10%{opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment))));}60%{opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(-0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in.o_anim_from_right{animation-name: o_anim_zoom_in_right;}@keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: calc(1 - (var(--wanim-intensity) / 100));}}.o_anim_flash{animation-name: o_anim_flash;}@keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(calc(1.01 + (0.000016 * var(--wanim-intensity-squared))));}100%{transform: scale(1);}}.o_anim_pulse{animation-name: o_anim_pulse;}@keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(calc(-1px - (0.0036px * var(--wanim-intensity-squared))), 0);}20%, 40%, 60%, 80%{transform: translate(calc(1px + (0.0036px * var(--wanim-intensity-squared))), 0);}}.o_anim_shake{animation-name: o_anim_shake;}@keyframes o_anim_tada{0%{transform: scale(1);}10%, 20%{transform: scale(calc(1 - (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity))));}30%, 50%, 70%, 90%{transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(2deg + (0.02deg * var(--wanim-intensity))));}40%, 60%, 80%{transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity))));}100%{transform: scale(1);}}.o_anim_tada{animation-name: o_anim_tada;}@keyframes o_anim_flip_in_x{0%{transform: perspective(1000px) rotateX(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0;}50%{opacity: 1;}}.o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x; transition-timing-function: ease-out;}@keyframes o_anim_flip_in_y{0%{transform: perspective(1000px) rotateY(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0;}50%{opacity: 1;}}.o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y; transition-timing-function: ease-out;}.o_anim_dur500{animation-duration: 500ms;}.o_anim_dur1500{animation-duration: 1500ms;}.o_anim_dur2000{animation-duration: 2000ms;}.o_anim_dur2500{animation-duration: 2500ms;}.o_anim_dur3000{animation-duration: 3000ms;}.o_anim_del500{animation-delay: 500ms;}.o_anim_del1000{animation-delay: 1000ms;}.o_anim_del1500{animation-delay: 1500ms;}.o_anim_del2000{animation-delay: 2000ms;}.o_anim_del2500{animation-delay: 2500ms;}.o_table tr{border-color: var(--o-border-color);}.o_dropdown_without_offset{transform: none !important;}.input-group-text.input-group-text-subtle{transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; border-color: var(--o-border-color); background-color: #FFFFFF; background-clip: padding-box; color: #212529;}@media (prefers-reduced-motion: reduce){.input-group-text.input-group-text-subtle{transition: none;}}.input-group-text.input-group-text-subtle > *{color: rgba(33, 37, 41, 0.6);}.is-invalid ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .is-invalid){border-color: #dc3545;}.is-invalid ~ .input-group-text.input-group-text-subtle + .input-group-text{border-left-color: #dc3545;}.form-control ~ .input-group-text.input-group-text-subtle, .form-select ~ .input-group-text.input-group-text-subtle{padding-left: 0.375rem;}.input-group-text.input-group-text-subtle:has(~ .form-control), .input-group-text.input-group-text-subtle:has(~ .form-select){padding-right: 0.375rem;}.form-control:disabled ~ .input-group-text.input-group-text-subtle, .form-control.o_wysiwyg_loader ~ .input-group-text.input-group-text-subtle, .form-control[readonly] ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .form-control:disabled, ~ .form-control.o_wysiwyg_loader), .input-group-text.input-group-text-subtle:has(~ .form-control[readonly]), .form-select:disabled ~ .input-group-text.input-group-text-subtle, .form-select.o_wysiwyg_loader ~ .input-group-text.input-group-text-subtle, .form-select[readonly] ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .form-select:disabled, ~ .form-select.o_wysiwyg_loader), .input-group-text.input-group-text-subtle:has(~ .form-select[readonly]){background-color: #e9e9ea; border-color: rgba(33, 37, 41, 0.15);}.input-group-text-subtle ~ .form-control:not(:focus), .input-group-text-subtle ~ .form-select:not(:focus):not(:hover){border-left-width: 0;}.form-control:not(:focus):has(~ .input-group-text-subtle), .form-select:not(:focus):not(:hover):has(~ .input-group-text-subtle){border-right-width: 0;}.o_nav_link_btn{border-radius: var(--border-radius); padding: 0.375rem 1rem;}.s_banner_categories .row > *, .s_quadrant .o_grid_item, .s_masonry_block[data-vcss='001'] .row > div{display: flex; flex-direction: column; justify-content: center;}.s_banner_categories .row > * div.media_iframe_video, .s_quadrant .o_grid_item div.media_iframe_video, .s_masonry_block[data-vcss='001'] .row > div div.media_iframe_video{width: 100%;} /* /website/static/src/scss/website_common.scss */ .o_text_highlight{position: relative; --text-highlight-color: currentColor; isolation: isolate;}.o_text_highlight > *{text-decoration: none;}.o_text_highlight svg{z-index: -1; height: 1px; width: 1px;} /* /website/static/src/scss/website_controller_page.scss */ .o_website_tag{vertical-align: middle;}.o_website_tag.o_tag_color_0{color: black; background-color: white; box-shadow: inset 0 0 0 1px #a2a2a2;}a.o_website_tag.o_tag_color_0:hover{color: #212529; background-color: #e6e6e6;}.o_website_tag.o_tag_color_1{color: white; background-color: #ee2d2d;}a.o_website_tag.o_tag_color_1:hover{color: #FFFFFF; background-color: #d71111;}.o_website_tag.o_tag_color_2{color: white; background-color: #dc8534;}a.o_website_tag.o_tag_color_2:hover{color: #212529; background-color: #bd6c21;}.o_website_tag.o_tag_color_3{color: white; background-color: #e8bb1d;}a.o_website_tag.o_tag_color_3:hover{color: #212529; background-color: #bf9913;}.o_website_tag.o_tag_color_4{color: white; background-color: #5794dd;}a.o_website_tag.o_tag_color_4:hover{color: #FFFFFF; background-color: #2d79d4;}.o_website_tag.o_tag_color_5{color: white; background-color: #9f628f;}a.o_website_tag.o_tag_color_5:hover{color: #FFFFFF; background-color: #804e73;}.o_website_tag.o_tag_color_6{color: white; background-color: #db8865;}a.o_website_tag.o_tag_color_6:hover{color: #212529; background-color: #d1683c;}.o_website_tag.o_tag_color_7{color: white; background-color: #41a9a2;}a.o_website_tag.o_tag_color_7:hover{color: #212529; background-color: #33847f;}.o_website_tag.o_tag_color_8{color: white; background-color: #304be0;}a.o_website_tag.o_tag_color_8:hover{color: #FFFFFF; background-color: #1d36c0;}.o_website_tag.o_tag_color_9{color: white; background-color: #ee2f8a;}a.o_website_tag.o_tag_color_9:hover{color: #FFFFFF; background-color: #d81270;}.o_website_tag.o_tag_color_10{color: white; background-color: #61c36e;}a.o_website_tag.o_tag_color_10:hover{color: #212529; background-color: #42af51;}.o_website_tag.o_tag_color_11{color: white; background-color: #9872e6;}a.o_website_tag.o_tag_color_11:hover{color: #FFFFFF; background-color: #7847de;}.o_website_record{transition: box-shadow ease-in 0.1s;}.o_website_record:hover{box-shadow: 0 5px 25px -10px black;}.o_website_record .o_website_image{object-fit: cover;}.o_website_grid .o_website_record{grid-template-rows: auto 1.5em 8em;}.o_website_grid .o_website_record .o_website_tags{grid-row: 2;}.o_website_grid .o_website_record .card-body{grid-row: 3;}.o_website_grid .o_website_record .o_website_image{height: 12em !important;}.o_website_list .o_website_record{grid-template-columns: 10% 65% 25%; height: 6em;}.o_website_list .o_website_record .o_website_tags{grid-column: 3; grid-row: 1;}.o_website_list .o_website_record .card-body{grid-column: 2; grid-row: 1;}.o_website_record_page .o_website_html{padding: 0 3vw;}.o_website_record_page .o_website_image{max-height: 90vh; object-fit: contain;} /* /website/static/src/scss/website.ui.scss */ .o_frontend_to_backend_nav{position: absolute; top: 0; left: 0; bottom: auto; right: auto; z-index: 1055; font-size: 0.875rem; font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}.o_frontend_to_backend_nav::before{content: ""; position: absolute; top: 0; left: 0; bottom: auto; right: auto; border-top: 20px solid #714B67; border-left: 20px solid #714B67; border-bottom: 20px solid transparent; border-right: 20px solid transparent; cursor: pointer;}.o_frontend_to_backend_nav::before, .o_frontend_to_backend_nav .o_frontend_to_backend_icon, .o_frontend_to_backend_nav .o_frontend_to_backend_buttons{transform-origin: top left; transition: transform 400ms ease 1s;}.o_frontend_to_backend_nav .o_frontend_to_backend_buttons{transition-duration: 800ms;}.o_frontend_to_backend_nav .o_frontend_to_backend_buttons{transform: translateX(-250%) scaleX(0.5);}.o_frontend_to_backend_nav .o_frontend_to_backend_buttons > a{min-width: 40px; height: 40px; color: #FFFFFF;}.o_frontend_to_backend_nav .o_frontend_to_backend_apps_menu{font-size: 0.875rem; max-height: 70vh; overflow: auto;}.o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn{background-color: #714B67;}.o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn:hover{background-color: #624159;}.o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn{background-color: #3e3e46;}.o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn:hover{background-color: #323238;}.o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn > img{height: 1.8em; margin-right: 0.5em; border-radius: 0.25rem;}.o_frontend_to_backend_nav:hover:before, .o_frontend_to_backend_nav:hover .o_frontend_to_backend_icon, .o_frontend_to_backend_nav:focus-within:before, .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_icon{transform: scale(0.3); transition-delay: 0ms; transition-duration: 400ms;}.o_frontend_to_backend_nav:hover .o_frontend_to_backend_buttons, .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_buttons{transform: translateX(0); transition-delay: 0ms; transition-duration: 400ms;}body{direction: ltr;}.oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;}.tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;}.css_published .btn-danger, .css_published .css_publish{display: none;}.css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;}[data-publish='off'] > *:not(.css_options){opacity: 0.5;}.js_publish_management > .js_publish_btn.btn-success{border-radius: var(--btn-border-radius);}@media print{a[href]:after{content: initial;}}.post_link:not(.o_post_link_js_loaded){pointer-events: none;}.o_is_mobile, .o_is_mobile .modal{scrollbar-color: #999 rgba(255, 255, 255, 0.5); scrollbar-width: thin;}.o_is_mobile::-webkit-scrollbar, .o_is_mobile .modal::-webkit-scrollbar{width: 5px; height: 5px;}.o_is_mobile::-webkit-scrollbar-thumb, .o_is_mobile .modal::-webkit-scrollbar-thumb{background: #999;}.o_is_mobile::-webkit-scrollbar-track, .o_is_mobile .modal::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.5);} /* /website/static/src/components/autocomplete_with_pages/url_autocomplete.scss */ .o-autocomplete .ui-autocomplete-category > .dropdown-item:hover{background-color: initial; cursor: default;}.o-autocomplete.ui-widget-content{background-color: #FFFFFF; border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius);} /* /website/static/src/client_actions/website_preview/website_builder_action.editor.scss */ .o_homepage_editor_welcome_message{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} /* /odoocms_mess/static/css/custom.css */ /* /odoocms_library/static/css/book_search.css */ .input-group-lib-src{display: flex; align-items: center;}.book-title{font-weight: 700; color:#122c4d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2em; max-height: 2.4em;}.row-lib-sr{max-width: -webkit-fill-available;}.col-auto{display: flex; justify-content: center; align-items: center;}.search-query-lib-sr{flex-grow: 1; padding: 8px; border-radius: 4px 0 0 4px;}.input-group-append .btn .lib-sr{border-radius: 0 4px 4px 0;}.card{flex-direction: row; background-color: #ffff; border: 0; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18); margin: 3em auto;}.card.dark{color: #ffff;}.card.card.bg-light-subtle .card-title{font-size: 15px; font-weight:bold;}.card.card.bg-light-subtle .cta-section{color:green; font-size: 10px; font-weight:600;}.card.card.bg-light-subtle .card-text{font-size: 10px; color: dimgrey;}.dropdown-toggle, .select_menu{border-radius:3px 0 0 3px!important;}.oe_search_button{border-radius:0 3px 3px 0;}.card-body{display: flex; justify-content: space-between;}.text-section{max-width: 60%;}.cta-section{max-width: 40%; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}.cta-section .btn{padding: 0.3em 0.5em;}.card.bg-light-subtle .cta-section .btn{background-color: #898989; border-color: #898989;}.wrapper-body-lib-sr{padding-top:25px; background-color: #f9f9f9; background-image: url(/odoocms_library/static/src/img/library_background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; width: 100%;}.crystal-book::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); pointer-events: none; backdrop-filter: blur(5px);}.overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 61%); z-index: 1;}.wrapper-body-lib-sr > *:not(.overlay){position: relative; z-index: 2;}.info-icon-style{font-size:25px;}.pagination-lib-sr{display: flex; justify-content: center; padding: 0; list-style: none;}.page-item{margin: 0 5px;}.page-link{color: #007bff; text-decoration: none; padding: 8px 16px; border: 1px solid #dee2e6; border-radius: 5px;}.page-item.active .page-link{background-color: #007bff; color: #fff; border-color: #007bff;}.page-item.disabled .page-link{color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6;}.badge{padding: 10px; font-size: 14px;}.bg-primary{background-color: #007bff; color: #fff;}.bg-secondary{background-color: #6c757d; color: #fff;.book-card::before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 10px; background-color: #4f4d4d;}}.book-card{min-height: 350px; border-radius: 0; margin: 10px; transition: transform 0.2s, box-shadow 0.2s; position: relative; font-size: 12px; font-family: "Roboto", "Odoo Unicode Support Noto", sans-serif; outline: darkgrey; outline-style: auto; border-radius: 8px 0px 0px 8px;}.book-card:hover{transform: scale(1.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.book-card .card-body{padding: 20px; text-align: center; border-left: 10px solid #4f4d4d; padding:0px; padding-top: 20px;}.book-card .card-title{font-size: 1.25rem; color: #333;}.book-card .card-text{color: #555;}.book-card .cta-section{position: absolute; bottom: 0; width: 100%; background-color: #f8f9fa; padding: 10px; border-top: 2px solid #333; text-align: center; font-size: 0.9rem;}.book-card .cta-section span{font-weight: bold; color: #007bff;}:root{--titlesize: 2rem;}.card-text-lib-SR{color: #212529; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}article{display: block; width: 316px; min-height: 360px; position: relative; z-index: 0; transform: scale(0.9) rotateX(5deg) rotateY(-30deg) rotateZ(0.2deg) translateX(-15px); transition: transform 1.0s ease-in-out;}article:hover{transform: scale(1) rotateX(5deg) rotateY(-30deg) rotateZ(0.2deg) translateX(-15px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.serach_result_temp{margin-bottom: 25px;}.cover-back, .pages, .cover{display: flex; width: 100%; height: 100%; border-radius: 0 6px 6px 0; box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.9); position: absolute;}.cover-back{width: 108.7%; top: 0.4%; left: -4.93%; background: #f1f1ef;}.pages{width: 103.4%; height: 96%; top: 1.35%; left: -0.3%; background: #e0ddd7 linear-gradient(to bottom, transparent 2px, #999 2px, transparent 4px); span{content: ""; display: block; width: 80.8%; height: 90%; top: 1px; left: -3.4%; position: absolute; background: #e0ddd7; box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.9); &:nth-child(2){top: 4px; width: 104.6%;}&:nth-child(3){top: 6px; width: 105%;}&:nth-child(4){top: 8px; width: 105.6%;}&:nth-child(5){top: 10px; width: 106.2%;}}}.cover-lib-sr{top: 3%; left: 0.8%; width: 109%; background: #f3f3f0; .title_book{display: inline-block; color: white; position: absolute; top: 8%; left: 16%; width: 62%; font-size: var(--titlesize); font-family: sans-serif; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8); text-align: left;}}.spine{display: block; height: 100%; width: 10%; background: #0A192C; position: absolute; top: 1.9%; left: -6.6%; transform-style: preserve-3d; transform: rotateX(0deg) rotateY(50deg) rotateZ(0deg) skew(0.19deg, 22deg); .span_spine{display: inline-block; color: white; position: absolute; bottom: 23%; left: -56%; width: 200%; height: 6%; transform: rotate(-91deg); font-size: 17px; font-family: sans-serif; text-align: left; white-space: nowrap;}}.spine-shadow{display: block; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)); width: 1.6%; height: 100%; position: absolute; top: 3%; left: 3.8%;}.cover-back{z-index: 1;}.pages{z-index: 2;}.cover{z-index: 5;}.spine{z-index: 6;}.spine-shadow{z-index: 7;}@media (min-width: 1200px) and (max-width: 1800px){article{width: 100vw/4;}}@media screen and (max-width: 475px){.card{font-size: 0.9em;}}@media (max-width: 700px){:root{--titlesize: 3rem;}article{width: 230px; height: 380px;}.spine{span{display: none;}}article{min-width: 290px;}}@media (max-width: 767.98px){.book-card{margin-bottom: 10px;}} /* /odoocms_counsel/static/src/scss/_counsel_spa.scss */ :root{--csl-primary: #4f46e5; --csl-primary-light: #6366f1; --csl-primary-pale: rgba(79, 70, 229, 0.08); --csl-primary-ring: rgba(79, 70, 229, 0.15);}.sp-counsel__loader{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; gap: 1rem;}.sp-counsel__spinner{width: 48px; height: 48px; border: 4px solid var(--csl-primary-ring); border-top-color: var(--csl-primary); border-radius: 50%; animation: sp-csl-spin .8s linear infinite;}@keyframes sp-csl-spin{to{transform: rotate(360deg);}}.sp-counsel__error{max-width: 480px; margin: 4rem auto; text-align: center; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2rem; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-counsel__error h3, .sp-counsel__error .h3{color: #ef4444; margin-bottom: .5rem;}.sp-modern.sp-counsel{font-family: 'Plus Jakarta Sans',system-ui,sans-serif; min-height: 100vh; background: linear-gradient(135deg, #eef2ff 0%, #f0f9ff 50%, #faf5ff 100%); padding-bottom: 3rem; position: relative;}.sp-counsel__header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.sp-counsel__header h1, .sp-counsel__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #4f46e5, #6366f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-counsel__header h1 i, .sp-counsel__header .h1 i{-webkit-text-fill-color: #4f46e5; margin-right: .5rem; font-size: 1.5rem; vertical-align: middle;}.sp-counsel__breadcrumb{display: flex; align-items: center; gap: .375rem; font-size: .8125rem; color: #6b7280; margin-bottom: 1rem;}.sp-counsel__breadcrumb a{color: var(--csl-primary); text-decoration: none;}.sp-counsel__breadcrumb a:hover{text-decoration: underline;}.sp-counsel__btn{display: inline-flex; align-items: center; gap: .375rem; padding: .5rem 1rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; border: none; cursor: pointer; transition: all .2s;}.sp-counsel__btn--primary{background: linear-gradient(135deg, #4f46e5, #6366f1); color: #fff;}.sp-counsel__btn--primary:hover{box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);}.sp-counsel__btn--primary:disabled, .sp-counsel__btn--primary.o_wysiwyg_loader{opacity: .5; cursor: not-allowed; box-shadow: none;}.sp-counsel__btn--icon{width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: .625rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; transition: all .2s; color: #6b7280;}.sp-counsel__btn--icon:hover{background: #fff; color: #374151;}.sp-counsel__tabs{display: flex; gap: .25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: .75rem; padding: .25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-counsel__tab{display: flex; align-items: center; gap: .375rem; padding: .625rem 1rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all .2s; white-space: nowrap;}.sp-counsel__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-counsel__tab--active{background: #fff; color: var(--csl-primary); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-counsel__tab i{font-size: 1.125rem;}.sp-counsel__tab-badge{font-size: .625rem; font-weight: 700; background: var(--csl-primary-pale); color: var(--csl-primary); padding: .125rem .375rem; border-radius: 9999px; min-width: 1.25rem; text-align: center;}.sp-counsel__status-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--csl-primary); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.25rem;}.sp-counsel__status-card--submitted{border-left-color: #10b981;}.sp-counsel__status-card--appointed{border-left-color: #0ea5e9;}.sp-counsel__status-icon-wrap{width: 56px; height: 56px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-counsel__status-icon-wrap--indigo{background: rgba(79, 70, 229, 0.12); color: #4f46e5;}.sp-counsel__status-icon-wrap--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-counsel__status-icon-wrap--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-counsel__status-icon-wrap--amber{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-counsel__status-icon-wrap i{font-size: 1.75rem;}.sp-counsel__status-info{flex: 1;}.sp-counsel__status-info h3, .sp-counsel__status-info .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 .25rem;}.sp-counsel__status-info p{font-size: .8125rem; color: #6b7280; margin: 0;}.sp-counsel__stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-counsel__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform .2s,box-shadow .2s;}.sp-counsel__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-counsel__stat-icon{width: 40px; height: 40px; border-radius: .75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; margin-bottom: .75rem;}.sp-counsel__stat-icon--indigo{background: rgba(79, 70, 229, 0.12); color: #4f46e5;}.sp-counsel__stat-icon--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-counsel__stat-icon--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-counsel__stat-icon--amber{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-counsel__stat-value{font-size: 1.25rem; font-weight: 700; color: #1e293b;}.sp-counsel__stat-label{font-size: .75rem; color: #6b7280; font-weight: 500;}.sp-counsel__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1rem;}.sp-counsel__card h3, .sp-counsel__card .h3{font-size: .9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; padding-bottom: .75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-counsel__card h3 i, .sp-counsel__card .h3 i{color: var(--csl-primary); font-size: 1.25rem;}.sp-counsel__form-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}.sp-counsel__form-group{display: flex; flex-direction: column; gap: .375rem;}.sp-counsel__form-group--wide{grid-column: 1/-1;}.sp-counsel__label{font-size: .75rem; font-weight: 600; color: #374151; text-transform: uppercase; letter-spacing: .03em;}.sp-counsel__input, .sp-counsel__select, .sp-counsel__textarea{padding: .625rem .75rem; border-radius: .625rem; font-size: .875rem; font-weight: 500; color: #1e293b; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.08); transition: border-color .2s,box-shadow .2s; font-family: inherit;}.sp-counsel__textarea{min-height: 80px; resize: vertical;}.sp-counsel__input:focus, .sp-counsel__select:focus, .sp-counsel__textarea:focus{outline: none; border-color: var(--csl-primary); box-shadow: 0 0 0 3px var(--csl-primary-ring);}.sp-counsel__input:disabled, .sp-counsel__input.o_wysiwyg_loader, .sp-counsel__select:disabled, .sp-counsel__select.o_wysiwyg_loader, .sp-counsel__textarea:disabled, .sp-counsel__textarea.o_wysiwyg_loader{background: rgba(0, 0, 0, 0.03); color: #6b7280; cursor: not-allowed;}.sp-counsel__input--readonly{background: rgba(0, 0, 0, 0.02); color: #4b5563;}.sp-counsel__info-row{display: flex; justify-content: space-between; align-items: baseline; padding: .5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-counsel__info-row:last-child{border-bottom: none;}.sp-counsel__info-label{font-size: .75rem; color: #6b7280; font-weight: 500;}.sp-counsel__info-value{font-size: .8125rem; color: #1e293b; font-weight: 600; text-align: right; max-width: 60%;}.sp-counsel__sessions-list{display: flex; flex-direction: column; gap: .75rem;}.sp-counsel__session-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--csl-primary);}.sp-counsel__session-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem;}.sp-counsel__session-code{font-size: .6875rem; font-weight: 600; color: var(--csl-primary); background: var(--csl-primary-pale); padding: .125rem .5rem; border-radius: 9999px;}.sp-counsel__session-date{font-size: .75rem; color: #6b7280;}.sp-counsel__session-remarks{font-size: .8125rem; color: #4b5563; background: rgba(0, 0, 0, 0.02); padding: .75rem; border-radius: .5rem; margin-top: .5rem;}.sp-counsel__rating-row{display: flex; align-items: center; gap: .75rem; margin-bottom: .625rem;}.sp-counsel__rating-label{font-size: .75rem; color: #6b7280; font-weight: 500; width: 200px; flex-shrink: 0;}.sp-counsel__rating-options{display: flex; gap: .375rem; flex: 1;}.sp-counsel__rating-option{padding: .375rem .625rem; border-radius: .5rem; font-size: .6875rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all .2s; text-align: center; flex: 1;}.sp-counsel__rating-option:hover{border-color: var(--csl-primary); color: var(--csl-primary);}.sp-counsel__rating-option--selected{background: var(--csl-primary); color: #fff; border-color: var(--csl-primary);}.sp-counsel__rating-option--disabled{cursor: not-allowed; opacity: .6;}.sp-counsel__empty{text-align: center; padding: 3rem 1rem; color: #6b7280;}.sp-counsel__empty i{font-size: 3rem; color: #d1d5db; margin-bottom: 1rem; display: block;}.sp-counsel__empty h3, .sp-counsel__empty .h3{font-size: 1rem; font-weight: 700; color: #374151; margin: 0 0 .25rem; justify-content: center;}.sp-counsel__empty p{font-size: .8125rem; margin: 0;}.sp-counsel__overview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}.sp-counsel__quick-links{display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;}.sp-counsel__quick-link{display: flex; align-items: center; gap: .5rem; padding: .625rem .75rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #374151; background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.04); text-decoration: none; transition: all .2s;}.sp-counsel__quick-link:hover{background: var(--csl-primary-pale); color: var(--csl-primary); border-color: rgba(79, 70, 229, 0.15);}.sp-counsel__quick-link i{font-size: 1.125rem; color: var(--csl-primary);}.sp-counsel__badge{font-size: .6875rem; font-weight: 600; padding: .25rem .625rem; border-radius: 9999px;}.sp-counsel__badge--draft{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-counsel__badge--accepted{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-counsel__toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; background: #1e293b; color: #fff; padding: .75rem 1.25rem; border-radius: .75rem; font-size: .8125rem; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: .5rem; animation: sp-csl-toast .3s ease;}@keyframes sp-csl-toast{from{opacity: 0; transform: translateY(1rem);}to{opacity: 1; transform: translateY(0);}}.sp-modern.sp-counsel.dark{background: linear-gradient(135deg, rgba(15, 10, 26, 0.92) 0%, rgba(30, 41, 59, 0.92) 100%);}.dark .sp-counsel__header h1, .dark .sp-counsel__header .h1{background: linear-gradient(135deg, #818cf8, #6366f1); -webkit-background-clip: text; background-clip: text;}.dark .sp-counsel__card, .dark .sp-counsel__stat-card, .dark .sp-counsel__status-card, .dark .sp-counsel__session-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-counsel__card h3, .dark .sp-counsel__card .h3, .dark .sp-counsel__stat-value, .dark .sp-counsel__status-info h3, .dark .sp-counsel__status-info .h3, .dark .sp-counsel__info-value{color: #e2e8f0;}.dark .sp-counsel__stat-label, .dark .sp-counsel__status-info p, .dark .sp-counsel__breadcrumb, .dark .sp-counsel__info-label, .dark .sp-counsel__rating-label, .dark .sp-counsel__session-date, .dark .sp-counsel__session-remarks{color: #94a3b8;}.dark .sp-counsel__tabs{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-counsel__tab{color: #94a3b8;}.dark .sp-counsel__tab:hover{color: #e2e8f0; background: rgba(255, 255, 255, 0.05);}.dark .sp-counsel__tab--active{background: rgba(255, 255, 255, 0.08); color: #818cf8;}.dark .sp-counsel__input, .dark .sp-counsel__select, .dark .sp-counsel__textarea{background: rgba(255, 255, 255, 0.05); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-counsel__input:disabled, .dark .sp-counsel__input.o_wysiwyg_loader, .dark .sp-counsel__select:disabled, .dark .sp-counsel__select.o_wysiwyg_loader, .dark .sp-counsel__textarea:disabled, .dark .sp-counsel__textarea.o_wysiwyg_loader{background: rgba(255, 255, 255, 0.03); color: #64748b;}.dark .sp-counsel__label{color: #94a3b8;}.dark .sp-counsel__btn--icon{background: rgba(255, 255, 255, 0.06); color: #94a3b8; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-counsel__quick-link{background: rgba(255, 255, 255, 0.04); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.06);}.dark .sp-counsel__quick-link:hover{background: rgba(79, 70, 229, 0.12); color: #818cf8;}.dark .sp-counsel__rating-option{background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.08); color: #94a3b8;}.dark .sp-counsel__info-row{border-color: rgba(255, 255, 255, 0.04);}.dark .sp-counsel__error{background: rgba(30, 41, 59, 0.8); border-color: rgba(239, 68, 68, 0.3);}@media (max-width: 1024px){.sp-counsel__overview-grid{grid-template-columns: 1fr;}}@media (max-width: 768px){.sp-counsel__header{flex-direction: column; align-items: flex-start;}.sp-counsel__form-grid{grid-template-columns: 1fr;}.sp-counsel__status-card{flex-direction: column; text-align: center;}.sp-counsel__quick-links{grid-template-columns: 1fr;}.sp-counsel__rating-row{flex-direction: column; gap: .25rem;}.sp-counsel__rating-label{width: 100%;}}@media (max-width: 480px){.sp-counsel__header h1, .sp-counsel__header .h1{font-size: 1.25rem;}.sp-counsel__tab span{display: none;}.sp-counsel__tab{padding: .5rem .625rem;}} /* /odoocms_counsel/static/src/scss/_faculty_counsel_spa.scss */ /* /odoocms_rp/static/src/scss/_rp_dashboard_spa.scss */ :root{--rp-primary: #7c3aed; --rp-primary-light: #8b5cf6; --rp-accent: #6366f1; --rp-glass-bg: rgba(255, 255, 255, 0.7); --rp-glass-blur: 20px; --rp-radius: 1rem; --rp-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.rp-app{font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.rp-app *, .rp-app *::before, .rp-app *::after{box-sizing: border-box;}.rp-app .o_portal_wrap > header, .rp-app .o_portal_wrap > footer{display: none !important;}body:has(.rp-app) .o_main_navbar, body:has(.rp-app) #wrapwrap > header, body:has(.rp-app) header.o_header, body:has(.rp-app) nav.navbar, body:has(.rp-app) #wrapwrap > footer{display: none !important;}body:has(.rp-app) #wrapwrap{padding-top: 0 !important; margin-top: 0 !important;}.rp-app .grid{display: grid !important;}.rp-app .flex{display: flex !important;}.rp-app .hidden{display: none !important;}.rp-app .material-icons{vertical-align: middle; line-height: 1;}.rp-app .rp-sidebar{background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(20px); border-right: 1px solid rgba(148, 163, 184, 0.12);}.rp-app.dark .rp-sidebar{background: rgba(15, 23, 42, 0.8); border-right-color: rgba(51, 65, 85, 0.4);}.rp-app .rp-sidebar::-webkit-scrollbar{width: 4px;}.rp-app .rp-sidebar::-webkit-scrollbar-thumb{background: rgba(148, 163, 184, 0.2); border-radius: 2px;}.rp-app .rp-sidebar__link{transition: all 0.15s ease;}.rp-app .rp-sidebar__link:hover{background: rgba(124, 58, 237, 0.06) !important; color: #7c3aed !important;}.rp-app.dark .rp-sidebar__link:hover{background: rgba(124, 58, 237, 0.12) !important; color: #a78bfa !important;}@media (min-width: 1024px){.rp-app .lg\:flex{display: flex !important;}.rp-app .lg\:hidden{display: none !important;}}@media (max-width: 1023px){.rp-app .hidden.lg\:flex{display: none !important;}}.rp-app ::-webkit-scrollbar{width: 6px; height: 6px;}.rp-app ::-webkit-scrollbar-track{background: transparent;}.rp-app ::-webkit-scrollbar-thumb{background: rgba(100, 116, 139, 0.3); border-radius: 3px;}.rp-app ::-webkit-scrollbar-thumb:hover{background: rgba(100, 116, 139, 0.5);}.rp-app .line-clamp-1{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}.rp-app .line-clamp-2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}@keyframes rp-float{0%, 100%{transform: translate(0, 0) scale(1);}33%{transform: translate(30px, -20px) scale(1.05);}66%{transform: translate(-20px, 15px) scale(0.95);}}.rp-app .animate-pulse{animation: rp-float 20s ease-in-out infinite;}@keyframes rp-bounce-in{0%{transform: translateX(100px) scale(0.9); opacity: 0;}60%{transform: translateX(-8px) scale(1.02); opacity: 1;}100%{transform: translateX(0) scale(1); opacity: 1;}}.rp-app .animate-bounce-in{animation: rp-bounce-in 0.5s ease-out;}@keyframes rp-fade-up{from{opacity: 0; transform: translateY(16px);}to{opacity: 1; transform: translateY(0);}}.rp-app .rp-card-enter{animation: rp-fade-up 0.4s ease-out backwards;}.rp-app .rp-card-enter:nth-child(1){animation-delay: 0s;}.rp-app .rp-card-enter:nth-child(2){animation-delay: 0.06s;}.rp-app .rp-card-enter:nth-child(3){animation-delay: 0.12s;}.rp-app .rp-card-enter:nth-child(4){animation-delay: 0.18s;}.rp-app .rp-card-enter:nth-child(5){animation-delay: 0.24s;}.rp-app .rp-card-enter:nth-child(6){animation-delay: 0.30s;}.rp-app .rp-card-enter:nth-child(7){animation-delay: 0.36s;}.rp-app .rp-card-enter:nth-child(8){animation-delay: 0.42s;}.rp-app .rp-card-enter:nth-child(9){animation-delay: 0.48s;}.rp-app .rp-card-enter:nth-child(10){animation-delay: 0.54s;}@keyframes rp-shimmer{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}.rp-app .rp-skeleton{background: linear-gradient(90deg, rgba(148, 163, 184, 0.08) 25%, rgba(148, 163, 184, 0.18) 50%, rgba(148, 163, 184, 0.08) 75%); background-size: 200% 100%; animation: rp-shimmer 1.5s ease-in-out infinite; border-radius: 0.75rem;}@keyframes rp-pulse-dot{0%, 100%{box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.4);}50%{box-shadow: 0 0 0 8px rgba(124, 58, 237, 0);}}.rp-app .rp-list-card{transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer;}.rp-app .rp-list-card:hover{transform: translateY(-3px) scale(1.003); box-shadow: 0 16px 48px -12px rgba(100, 116, 139, 0.18), 0 4px 16px -4px rgba(124, 58, 237, 0.08);}.rp-app .dark .rp-list-card:hover{box-shadow: 0 16px 48px -12px rgba(0, 0, 0, 0.4), 0 4px 16px -4px rgba(124, 58, 237, 0.15);}.rp-app .rp-list-card .rp-card-actions{opacity: 0; transition: opacity 0.2s ease;}.rp-app .rp-list-card:hover .rp-card-actions{opacity: 1;}.rp-app .rp-hero{position: relative; border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.5rem;}.rp-app .rp-hero__gradient{position: absolute; inset: 0; opacity: 0.08; background: linear-gradient(135deg, var(--rp-primary) 0%, var(--rp-accent) 50%, transparent 100%);}.rp-app .dark .rp-hero__gradient{opacity: 0.15;}.rp-app .rp-hero__content{position: relative; z-index: 1; padding: 1.75rem; display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start;}@media (min-width: 768px){.rp-app .rp-hero__content{flex-wrap: nowrap; justify-content: space-between;}}.rp-app .rp-hero__left{flex: 1; min-width: 0;}.rp-app .rp-hero__right{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; flex-shrink: 0;}.rp-app .rp-hero__metric{text-align: center; padding: 0.75rem 1rem; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.4); min-width: 90px;}.rp-app .dark .rp-hero__metric{background: rgba(30, 41, 59, 0.5); border-color: rgba(51, 65, 85, 0.5);}.rp-app .rp-hero__metric strong{display: block; font-size: 1.25rem; font-weight: 800; line-height: 1.2;}.rp-app .rp-hero__metric span{font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #94a3b8;}.rp-app .rp-stepper{display: flex; align-items: center; gap: 0; margin-top: 0.75rem; flex-wrap: wrap;}.rp-app .rp-stepper__step{display: flex; align-items: center; gap: 0.375rem;}.rp-app .rp-stepper__dot{width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; border: 2px solid #e2e8f0; transition: all 0.3s ease; flex-shrink: 0;}.rp-app .rp-stepper__step--active .rp-stepper__dot{background: var(--rp-primary); border-color: var(--rp-primary-light);}.rp-app .rp-stepper__step--current .rp-stepper__dot{animation: rp-pulse-dot 2s ease-in-out infinite; background: var(--rp-primary); border-color: var(--rp-primary);}.rp-app .rp-stepper__label{font-size: 0.625rem; font-weight: 600; color: #94a3b8; white-space: nowrap;}.rp-app .rp-stepper__step--active .rp-stepper__label{color: var(--rp-primary);}.rp-app .rp-stepper__line{width: 20px; height: 2px; background: #e2e8f0; margin: 0 2px; flex-shrink: 0;}.rp-app .rp-stepper__line--active{background: var(--rp-primary-light);}.rp-app .rp-detail-tabs{display: flex; gap: 0.25rem; overflow-x: auto; padding-bottom: 0.25rem; margin-bottom: 1.25rem; border-bottom: 2px solid rgba(148, 163, 184, 0.1);}.rp-app .rp-detail-tab{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; font-size: 0.75rem; font-weight: 700; border: none; background: transparent; color: #94a3b8; border-bottom: 2px solid transparent; margin-bottom: -2px; cursor: pointer; white-space: nowrap; transition: all 0.2s ease;}.rp-app .rp-detail-tab:hover{color: var(--rp-primary);}.rp-app .rp-detail-tab--active{color: var(--rp-primary); border-bottom-color: var(--rp-primary);}.rp-app .rp-file-card{display: flex; align-items: center; gap: 0.75rem; padding: 0.875rem 1rem; border-radius: 0.75rem; border: 1px solid rgba(148, 163, 184, 0.15); background: rgba(248, 250, 252, 0.6); transition: all 0.2s ease; text-decoration: none !important;}.rp-app .dark .rp-file-card{background: rgba(30, 41, 59, 0.4); border-color: rgba(51, 65, 85, 0.4);}.rp-app .rp-file-card:hover{border-color: var(--rp-primary-light); background: rgba(124, 58, 237, 0.04); transform: translateY(-1px);}.rp-app .rp-file-card__icon{width: 40px; height: 40px; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.rp-app .rp-file-card__info{flex: 1; min-width: 0;}.rp-app .rp-file-card__name{font-size: 0.8125rem; font-weight: 700; color: #334155;}.rp-app .dark .rp-file-card__name{color: #e2e8f0;}.rp-app .rp-file-card__meta{font-size: 0.625rem; color: #94a3b8; margin-top: 0.125rem;}.rp-app .rp-file-card__btn{font-size: 0.6875rem; font-weight: 700; color: var(--rp-primary); display: flex; align-items: center; gap: 0.25rem;}.rp-app .rp-dropzone--active{border-color: var(--rp-primary) !important; background: rgba(124, 58, 237, 0.06) !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);}.rp-app .rp-dropzone--active .material-icons{color: var(--rp-primary) !important; transform: scale(1.15); transition: transform 0.2s ease;}.rp-app .dark .rp-dropzone--active{background: rgba(124, 58, 237, 0.12) !important;}.rp-app .rp-score-tooltip-wrap{position: relative;}.rp-app .rp-score-tooltip-wrap:hover .rp-score-tooltip, .rp-app .rp-score-tooltip-wrap:focus-within .rp-score-tooltip{display: block !important; animation: rp-tooltip-in 0.3s ease-out;}.rp-app .rp-score-tooltip-wrap:hover::before, .rp-app .rp-score-tooltip-wrap:focus-within::before{content: ''; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(2px); z-index: 9998;}@keyframes rp-tooltip-in{from{opacity: 0; transform: translate(-50%, -50%) scale(0.95);}to{opacity: 1; transform: translate(-50%, -50%) scale(1);}}.rp-app .dark .rp-score-tooltip{background: #1e293b !important; box-shadow: 0 20px 60px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(51, 65, 85, 0.5) !important;}.rp-stat-card{transition: transform var(--rp-transition), box-shadow var(--rp-transition);}.rp-stat-card:hover{transform: translateY(-2px); box-shadow: 0 12px 40px -8px rgba(124, 58, 237, 0.15);}.rp-app .rp-metric-card{transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;}.rp-app .rp-metric-card:hover{transform: translateY(-4px); box-shadow: 0 16px 48px -12px rgba(100, 116, 139, 0.2);}.rp-app .rp-metric-card:hover .rp-metric-breakdown{display: block !important; animation: rp-breakdown-in 0.2s ease-out;}@keyframes rp-breakdown-in{from{opacity: 0; transform: translateY(4px);}to{opacity: 1; transform: translateY(0);}}.rp-app .dark .rp-metric-card{background: rgba(30, 41, 59, 0.7) !important;}.rp-app .dark .rp-metric-breakdown{background: #1e293b !important; border-color: rgba(51, 65, 85, 0.5) !important;}.rp-app .rp-module-card{transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.rp-app .rp-module-card:hover{transform: translateY(-3px); box-shadow: 0 12px 32px -8px rgba(100, 116, 139, 0.18); border-color: rgba(124, 58, 237, 0.2) !important;}.rp-app .rp-module-card:hover .rp-module-hover-detail{display: block !important; animation: rp-breakdown-in 0.2s ease-out;}.rp-app .dark .rp-module-card{background: rgba(30, 41, 59, 0.6) !important;}.rp-app .dark .rp-module-card:hover{background: rgba(30, 41, 59, 0.8) !important;}.rp-app .dark .rp-module-hover-detail{background: #1e293b !important;}.rp-app .rp-empty{text-align: center; padding: 3rem 2rem;}.rp-app .rp-empty__icon{font-size: 4rem !important; color: #cbd5e1; margin-bottom: 0.75rem;}.rp-app .dark .rp-empty__icon{color: #475569;}.rp-app .rp-empty__title{font-size: 1rem; font-weight: 700; color: #64748b; margin-bottom: 0.25rem;}.rp-app .rp-empty__subtitle{font-size: 0.8125rem; color: #94a3b8; margin-bottom: 1.25rem;}@media (max-width: 640px){.rp-app{font-size: 14px;}.rp-app .rp-hero__content{flex-direction: column;}.rp-app .rp-hero__right{width: 100%;}.rp-app .rp-stepper{gap: 0;}.rp-app .rp-stepper__line{width: 12px;}.rp-app .rp-stepper__label{font-size: 0.5625rem;}.rp-app .rp-action-btns{flex-direction: column; width: 100%;}.rp-app .rp-action-btns > *{width: 100%; justify-content: center;}}@media print{@page{size: A4 landscape; margin: 10mm 10mm 15mm 10mm;}.rp-app nav, .rp-app button, .rp-app input, .rp-app select, .rp-app .rp-score-tooltip-wrap, .rp-app .rp-detail-tabs, .rp-app .rp-sidebar, .o_main_navbar, .o_frontend_layout > header, .o_frontend_layout > footer{display: none !important;}.rp-app div[style*="position:fixed"], .rp-app div[style*="pointer-events:none"], .rp-app div[style*="width:260px"]{display: none !important;}html, body, .rp-app, .rp-app > div, .o_frontend_layout, #wrapwrap, #wrap{background: white !important; color: #1e293b !important; print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important;}.rp-app *{box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-shadow: none !important;}.rp-app div[style*="margin-left"]{margin-left: 0 !important; padding-left: 0 !important;}.rp-app div[style*="max-width"]{max-width: 100% !important; padding: 0 4mm !important;}.rp-app div[style*="backdrop-filter"]{background: white !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; padding: 8pt !important;}.rp-app div[style*="linear-gradient"]{print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important;}.rp-app{font-size: 9pt !important; line-height: 1.4 !important; font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif !important;}.rp-app h1, .rp-app .h1, .rp-app h2, .rp-app .h2{font-size: 14pt !important; color: #1e293b !important; margin-bottom: 3pt !important;}.rp-app h3, .rp-app .h3, .rp-app h4, .rp-app .h4{font-size: 11pt !important; color: #334155 !important; margin-bottom: 3pt !important;}.rp-app p{margin-bottom: 2pt !important;}.rp-app table{width: 100% !important; border-collapse: collapse !important; font-size: 7.5pt !important; page-break-inside: auto !important; table-layout: auto !important;}.rp-app thead{display: table-header-group !important;}.rp-app thead tr{background: #f1f5f9 !important; print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important;}.rp-app th{font-weight: 700 !important; color: #334155 !important; padding: 4pt 5pt !important; border-bottom: 1.5pt solid #94a3b8 !important; text-align: left !important; font-size: 7pt !important; white-space: nowrap !important;}.rp-app td{padding: 3pt 5pt !important; border-bottom: 0.5pt solid #e2e8f0 !important; color: #334155 !important; word-break: break-word !important; max-width: 180pt !important;}.rp-app tr{page-break-inside: avoid !important;}.rp-app td:nth-child(2){max-width: 220pt !important; word-wrap: break-word !important;}.rp-app .overflow-x-auto, .rp-app div[style*="overflow-x"]{overflow: visible !important;}.rp-app div[style*="border-radius:1.25rem"]{page-break-inside: avoid !important; margin-bottom: 10pt !important;}.rp-app div[style*="grid-template-columns"]{gap: 6pt !important;}.rp-app ol{padding-left: 16pt !important;}.rp-app ol li{font-size: 8.5pt !important; line-height: 1.5 !important; margin-bottom: 3pt !important; color: #334155 !important;}.rp-app canvas{display: none !important;}.rp-app .rp-print-header{display: block !important;}.rp-app .rp-screen-only{display: none !important;}} /* /odoocms_resume/static/src/scss/_resume_spa.scss */ :root{--res-primary:#0891b2; --res-primary-light:#06b6d4; --res-primary-pale:rgba(8,145,178,.08); --res-primary-ring:rgba(8,145,178,.15);}.sp-resume__loader{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; gap: 1rem;}.sp-resume__spinner{width: 48px; height: 48px; border: 4px solid var(--res-primary-ring); border-top-color: var(--res-primary); border-radius: 50%; animation: sp-res-spin .8s linear infinite;}@keyframes sp-res-spin{to{transform: rotate(360deg);}}.sp-resume__error{max-width: 480px; margin: 4rem auto; text-align: center; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2rem; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-resume__error h3, .sp-resume__error .h3{color: #ef4444; margin-bottom: .5rem;}.sp-modern.sp-resume{font-family: 'Plus Jakarta Sans',system-ui,sans-serif; min-height: 100vh; background: linear-gradient(135deg, #ecfeff 0%, #f0f9ff 50%, #faf5ff 100%); padding-bottom: 3rem; position: relative;}.sp-resume__header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.sp-resume__header h1, .sp-resume__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #0891b2, #06b6d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-resume__header h1 i, .sp-resume__header .h1 i{-webkit-text-fill-color: #0891b2; margin-right: .5rem; font-size: 1.5rem; vertical-align: middle;}.sp-resume__breadcrumb{display: flex; align-items: center; gap: .375rem; font-size: .8125rem; color: #6b7280; margin-bottom: 1rem;}.sp-resume__breadcrumb a{color: var(--res-primary); text-decoration: none;}.sp-resume__btn{display: inline-flex; align-items: center; gap: .375rem; padding: .5rem 1rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; border: none; cursor: pointer; transition: all .2s;}.sp-resume__btn--primary{background: linear-gradient(135deg, #0891b2, #06b6d4); color: #fff;}.sp-resume__btn--primary:hover{box-shadow: 0 4px 12px rgba(8, 145, 178, 0.3);}.sp-resume__btn--primary:disabled, .sp-resume__btn--primary.o_wysiwyg_loader{opacity: .5; cursor: not-allowed;}.sp-resume__btn--icon{width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: .625rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; transition: all .2s; color: #6b7280;}.sp-resume__tabs{display: flex; gap: .25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: .75rem; padding: .25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-resume__tab{display: flex; align-items: center; gap: .375rem; padding: .625rem 1rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all .2s; white-space: nowrap;}.sp-resume__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-resume__tab--active{background: #fff; color: var(--res-primary); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-resume__tab i{font-size: 1.125rem;}.sp-resume__tab-badge{font-size: .625rem; font-weight: 700; background: var(--res-primary-pale); color: var(--res-primary); padding: .125rem .375rem; border-radius: 9999px;}.sp-resume__status-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--res-primary); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.25rem;}.sp-resume__status-card--created{border-left-color: #10b981;}.sp-resume__status-icon-wrap{width: 56px; height: 56px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-resume__status-icon-wrap--cyan{background: rgba(8, 145, 178, 0.12); color: #0891b2;}.sp-resume__status-icon-wrap--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-resume__status-icon-wrap i{font-size: 1.75rem;}.sp-resume__status-info{flex: 1;}.sp-resume__status-info h3, .sp-resume__status-info .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 .25rem;}.sp-resume__status-info p{font-size: .8125rem; color: #6b7280; margin: 0;}.sp-resume__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1rem;}.sp-resume__card h3, .sp-resume__card .h3{font-size: .9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; padding-bottom: .75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-resume__card h3 i, .sp-resume__card .h3 i{color: var(--res-primary); font-size: 1.25rem;}.sp-resume__info-row{display: flex; justify-content: space-between; align-items: baseline; padding: .5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-resume__info-row:last-child{border-bottom: none;}.sp-resume__info-label{font-size: .75rem; color: #6b7280; font-weight: 500;}.sp-resume__info-value{font-size: .8125rem; color: #1e293b; font-weight: 600; text-align: right; max-width: 60%;}.sp-resume__overview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}.sp-resume__skill-chips{display: flex; flex-wrap: wrap; gap: .5rem;}.sp-resume__skill-chip{display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .75rem; border-radius: 9999px; font-size: .75rem; font-weight: 600; background: var(--res-primary-pale); color: var(--res-primary); border: 1px solid rgba(8, 145, 178, 0.15);}.sp-resume__skill-level{font-size: .625rem; font-weight: 700; background: rgba(8, 145, 178, 0.15); padding: .125rem .375rem; border-radius: 9999px;}.sp-resume__exp-card{padding: 1rem; border-radius: .75rem; background: rgba(0, 0, 0, 0.02); border-left: 3px solid var(--res-primary); margin-bottom: .75rem;}.sp-resume__exp-card h4, .sp-resume__exp-card .h4{font-size: .875rem; font-weight: 700; color: #1e293b; margin: 0 0 .25rem;}.sp-resume__exp-card p{font-size: .8125rem; color: #6b7280; margin: 0;}.sp-resume__exp-dates{font-size: .6875rem; color: #9ca3af; margin-top: .375rem;}.sp-resume__ref-card{display: flex; align-items: center; gap: .75rem; padding: .75rem; border-radius: .75rem; background: rgba(0, 0, 0, 0.02); margin-bottom: .5rem;}.sp-resume__ref-avatar{width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #0891b2, #06b6d4); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: .875rem; flex-shrink: 0;}.sp-resume__ref-info h4, .sp-resume__ref-info .h4{font-size: .8125rem; font-weight: 700; color: #1e293b; margin: 0;}.sp-resume__ref-info p{font-size: .75rem; color: #6b7280; margin: 0;}.sp-resume__empty{text-align: center; padding: 3rem 1rem; color: #6b7280;}.sp-resume__empty i{font-size: 3rem; color: #d1d5db; margin-bottom: 1rem; display: block;}.sp-resume__empty h3, .sp-resume__empty .h3{font-size: 1rem; font-weight: 700; color: #374151; margin: 0 0 .25rem; justify-content: center;}.sp-resume__quick-links{display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;}.sp-resume__quick-link{display: flex; align-items: center; gap: .5rem; padding: .625rem .75rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #374151; background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.04); text-decoration: none; transition: all .2s;}.sp-resume__quick-link:hover{background: var(--res-primary-pale); color: var(--res-primary);}.sp-resume__quick-link i{font-size: 1.125rem; color: var(--res-primary);}.sp-resume__toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; background: #1e293b; color: #fff; padding: .75rem 1.25rem; border-radius: .75rem; font-size: .8125rem; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: .5rem; animation: sp-res-toast .3s ease;}@keyframes sp-res-toast{from{opacity: 0; transform: translateY(1rem);}to{opacity: 1; transform: translateY(0);}}.sp-modern.sp-resume.dark{background: linear-gradient(135deg, rgba(15, 10, 26, 0.92) 0%, rgba(30, 41, 59, 0.92) 100%);}.dark .sp-resume__header h1, .dark .sp-resume__header .h1{background: linear-gradient(135deg, #22d3ee, #06b6d4); -webkit-background-clip: text; background-clip: text;}.dark .sp-resume__card, .dark .sp-resume__status-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-resume__card h3, .dark .sp-resume__card .h3, .dark .sp-resume__status-info h3, .dark .sp-resume__status-info .h3, .dark .sp-resume__info-value, .dark .sp-resume__exp-card h4, .dark .sp-resume__exp-card .h4, .dark .sp-resume__ref-info h4, .dark .sp-resume__ref-info .h4{color: #e2e8f0;}.dark .sp-resume__status-info p, .dark .sp-resume__breadcrumb, .dark .sp-resume__info-label, .dark .sp-resume__exp-card p, .dark .sp-resume__ref-info p{color: #94a3b8;}.dark .sp-resume__tabs{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-resume__tab{color: #94a3b8;}.dark .sp-resume__tab--active{background: rgba(255, 255, 255, 0.08); color: #22d3ee;}.dark .sp-resume__btn--icon{background: rgba(255, 255, 255, 0.06); color: #94a3b8; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-resume__quick-link{background: rgba(255, 255, 255, 0.04); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.06);}.dark .sp-resume__skill-chip{background: rgba(8, 145, 178, 0.15);}.dark .sp-resume__exp-card, .dark .sp-resume__ref-card{background: rgba(255, 255, 255, 0.04);}.dark .sp-resume__info-row{border-color: rgba(255, 255, 255, 0.04);}@media (max-width: 1024px){.sp-resume__overview-grid{grid-template-columns: 1fr;}}@media (max-width: 768px){.sp-resume__header{flex-direction: column; align-items: flex-start;}.sp-resume__status-card{flex-direction: column; text-align: center;}.sp-resume__quick-links{grid-template-columns: 1fr;}}@media (max-width: 480px){.sp-resume__header h1, .sp-resume__header .h1{font-size: 1.25rem;}.sp-resume__tab span{display: none;}} /* /web_enterprise/static/src/webclient/home_menu/home_menu_background.scss */ .o_home_menu_background, .o_web_client.o_home_menu_background{background-size: cover; background-attachment: fixed; background-color: var(--homeMenu-bg-color, #e7e9ed); background-image: var(--homeMenu-bg-image, url("/web_enterprise/static/img/background-light.svg"));} /* /web_enterprise/static/src/webclient/navbar/navbar.scss */ .o_main_navbar{--NavBar-entry-color--active: #000; --NavBar-entry-borderColor-active: #017e84; --NavBar-entry-backgroundColor--active: #e6f2f3; --NavBar-entry-backgroundColor--hover: #e7e9ed; --NavBar-entry-backgroundColor--focus: #e7e9ed; --Dropdown_menu-margin-y: 0.25rem;}.o_main_navbar .o_menu_toggle{color: var(--NavBar-menuToggle-color, #714B67);}body.o_is_superuser .o_menu_systray{border-image-outset: 5px;} /* /odoocms_drug_abuse/static/src/scss/_dna_spa.scss */ :root{--dna-primary: #e11d48; --dna-primary-light: #f43f5e; --dna-primary-pale: rgba(225, 29, 72, 0.08); --dna-primary-ring: rgba(225, 29, 72, 0.15); --dna-success: #10b981;}.sp-dna__loader{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; gap: 1rem;}.sp-dna__spinner{width: 48px; height: 48px; border: 4px solid var(--dna-primary-ring); border-top-color: var(--dna-primary); border-radius: 50%; animation: sp-dna-spin 0.8s linear infinite;}@keyframes sp-dna-spin{to{transform: rotate(360deg);}}.sp-dna__error{max-width: 480px; margin: 4rem auto; text-align: center; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2rem; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-dna__error h3, .sp-dna__error .h3{color: #ef4444; margin-bottom: 0.5rem;}.sp-modern.sp-dna{font-family: 'Plus Jakarta Sans', system-ui, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #fff1f2 0%, #f0f9ff 50%, #faf5ff 100%); padding-bottom: 3rem; position: relative;}.sp-dna__header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.sp-dna__header h1, .sp-dna__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #e11d48, #f43f5e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-dna__header h1 i, .sp-dna__header .h1 i{-webkit-text-fill-color: #e11d48; margin-right: 0.5rem; font-size: 1.5rem; vertical-align: middle;}.sp-dna__breadcrumb{display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: #6b7280; margin-bottom: 1rem;}.sp-dna__breadcrumb a{color: var(--dna-primary); text-decoration: none;}.sp-dna__breadcrumb a:hover{text-decoration: underline;}.sp-dna__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; border: none; cursor: pointer; transition: all 0.2s;}.sp-dna__btn--primary{background: linear-gradient(135deg, #e11d48, #f43f5e); color: #fff;}.sp-dna__btn--primary:hover{box-shadow: 0 4px 12px rgba(225, 29, 72, 0.3);}.sp-dna__btn--primary:disabled, .sp-dna__btn--primary.o_wysiwyg_loader{opacity: 0.5; cursor: not-allowed; box-shadow: none;}.sp-dna__btn--icon{width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 0.625rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; transition: all 0.2s; color: #6b7280;}.sp-dna__btn--icon:hover{background: #fff; color: #374151;}.sp-dna__status-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--dna-primary); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.25rem;}.sp-dna__status-card--submitted{border-left-color: var(--dna-success);}.sp-dna__status-icon-wrap{width: 56px; height: 56px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-dna__status-icon-wrap--rose{background: rgba(225, 29, 72, 0.12); color: #e11d48;}.sp-dna__status-icon-wrap--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-dna__status-icon-wrap i{font-size: 1.75rem;}.sp-dna__status-info{flex: 1;}.sp-dna__status-info h3, .sp-dna__status-info .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem;}.sp-dna__status-info p{font-size: 0.8125rem; color: #6b7280; margin: 0;}.sp-dna__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-dna__card h3, .sp-dna__card .h3{font-size: 0.9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-dna__card h3 i, .sp-dna__card .h3 i{color: var(--dna-primary); font-size: 1.25rem;}.sp-dna__form-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem;}.sp-dna__form-group{display: flex; flex-direction: column; gap: 0.375rem;}.sp-dna__form-group--wide{grid-column: 1 / -1;}.sp-dna__label{font-size: 0.75rem; font-weight: 600; color: #374151; text-transform: uppercase; letter-spacing: 0.03em;}.sp-dna__input, .sp-dna__select{padding: 0.625rem 0.75rem; border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: #1e293b; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.08); transition: border-color 0.2s, box-shadow 0.2s; font-family: inherit;}.sp-dna__input:focus, .sp-dna__select:focus{outline: none; border-color: var(--dna-primary); box-shadow: 0 0 0 3px var(--dna-primary-ring);}.sp-dna__input:disabled, .sp-dna__input.o_wysiwyg_loader, .sp-dna__select:disabled, .sp-dna__select.o_wysiwyg_loader{background: rgba(0, 0, 0, 0.03); color: #6b7280; cursor: not-allowed;}.sp-dna__input--readonly{background: rgba(0, 0, 0, 0.02); color: #4b5563; cursor: default;}.sp-dna__policy{background: rgba(225, 29, 72, 0.04); border: 1px solid rgba(225, 29, 72, 0.1); border-radius: 0.75rem; padding: 1.25rem; font-size: 0.875rem; line-height: 1.7; color: #374151; text-align: justify; margin: 1.5rem 0;}.sp-dna__checkbox-row{display: flex; align-items: flex-start; gap: 0.625rem; padding: 1rem; border-radius: 0.75rem; background: rgba(225, 29, 72, 0.04); border: 1px solid rgba(225, 29, 72, 0.12); margin-bottom: 1.5rem;}.sp-dna__checkbox{width: 20px; height: 20px; accent-color: var(--dna-primary); margin-top: 0.125rem; flex-shrink: 0;}.sp-dna__checkbox-label{font-size: 0.875rem; font-weight: 600; color: #e11d48;}.sp-dna__toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; background: #1e293b; color: #fff; padding: 0.75rem 1.25rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 0.5rem; animation: sp-dna-toast-in 0.3s ease;}@keyframes sp-dna-toast-in{from{opacity: 0; transform: translateY(1rem);}to{opacity: 1; transform: translateY(0);}}.sp-modern.sp-dna.dark{background: linear-gradient(135deg, rgba(15, 10, 26, 0.92) 0%, rgba(30, 41, 59, 0.92) 100%);}.dark .sp-dna__header h1, .dark .sp-dna__header .h1{background: linear-gradient(135deg, #fb7185, #f43f5e); -webkit-background-clip: text; background-clip: text;}.dark .sp-dna__card, .dark .sp-dna__status-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-dna__card h3, .dark .sp-dna__card .h3, .dark .sp-dna__status-info h3, .dark .sp-dna__status-info .h3{color: #e2e8f0;}.dark .sp-dna__status-info p, .dark .sp-dna__breadcrumb{color: #94a3b8;}.dark .sp-dna__label{color: #94a3b8;}.dark .sp-dna__input, .dark .sp-dna__select{background: rgba(255, 255, 255, 0.05); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-dna__input:disabled, .dark .sp-dna__input.o_wysiwyg_loader, .dark .sp-dna__select:disabled, .dark .sp-dna__select.o_wysiwyg_loader{background: rgba(255, 255, 255, 0.03); color: #64748b;}.dark .sp-dna__policy{background: rgba(225, 29, 72, 0.06); border-color: rgba(225, 29, 72, 0.15); color: #cbd5e1;}.dark .sp-dna__checkbox-row{background: rgba(225, 29, 72, 0.06); border-color: rgba(225, 29, 72, 0.15);}.dark .sp-dna__checkbox-label{color: #fb7185;}.dark .sp-dna__btn--icon{background: rgba(255, 255, 255, 0.06); color: #94a3b8; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-dna__error{background: rgba(30, 41, 59, 0.8); border-color: rgba(239, 68, 68, 0.3);}@media (max-width: 768px){.sp-dna__header{flex-direction: column; align-items: flex-start;}.sp-dna__form-grid{grid-template-columns: 1fr;}.sp-dna__status-card{flex-direction: column; text-align: center;}}@media (max-width: 480px){.sp-dna__header h1, .sp-dna__header .h1{font-size: 1.25rem;}} /* /odoocms_sas/static/src/scss/_sas_spa.scss */ :root{--sas-primary: #0d9488; --sas-primary-light: #14b8a6; --sas-primary-pale: rgba(13, 148, 136, 0.08); --sas-primary-ring: rgba(13, 148, 136, 0.15);}.sp-sas__loader{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; gap: 1rem;}.sp-sas__spinner{width: 48px; height: 48px; border: 4px solid var(--sas-primary-ring); border-top-color: var(--sas-primary); border-radius: 50%; animation: sp-sas-spin 0.8s linear infinite;}@keyframes sp-sas-spin{to{transform: rotate(360deg);}}.sp-sas__error{max-width: 480px; margin: 4rem auto; text-align: center; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2rem; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-sas__error h3, .sp-sas__error .h3{color: #ef4444; margin-bottom: 0.5rem;}.sp-modern.sp-sas{font-family: 'Plus Jakarta Sans', system-ui, sans-serif; min-height: 100vh; background: linear-gradient(135deg, #f0fdfa 0%, #f0f9ff 50%, #faf5ff 100%); padding-bottom: 3rem; position: relative;}.sp-sas__header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; padding: 0 0.25rem;}.sp-sas__header h1, .sp-sas__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #0d9488, #14b8a6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-sas__header h1 i, .sp-sas__header .h1 i{-webkit-text-fill-color: #0d9488; margin-right: 0.5rem; font-size: 1.5rem; vertical-align: middle;}.sp-sas__header-actions{display: flex; align-items: center; gap: 0.5rem;}.sp-sas__breadcrumb{display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: #6b7280; margin-bottom: 1rem;}.sp-sas__breadcrumb a{color: var(--sas-primary); text-decoration: none;}.sp-sas__breadcrumb a:hover{text-decoration: underline;}.sp-sas__btn{display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; border: none; cursor: pointer; transition: all 0.2s;}.sp-sas__btn--primary{background: linear-gradient(135deg, #0d9488, #14b8a6); color: #fff;}.sp-sas__btn--primary:hover{box-shadow: 0 4px 12px rgba(13, 148, 136, 0.3);}.sp-sas__btn--ghost{background: rgba(255, 255, 255, 0.6); color: #374151; border: 1px solid rgba(0, 0, 0, 0.06);}.sp-sas__btn--ghost:hover{background: rgba(255, 255, 255, 0.9);}.sp-sas__btn--icon{width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 0.625rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; transition: all 0.2s; color: #6b7280;}.sp-sas__btn--icon:hover{background: #fff; color: #374151;}.sp-sas__term-select{padding: 0.5rem 2rem 0.5rem 0.75rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.06); color: #374151; cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center;}.sp-sas__tabs{display: flex; gap: 0.25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 0.25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-sas__tab{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap;}.sp-sas__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-sas__tab--active{background: #fff; color: var(--sas-primary); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-sas__tab i{font-size: 1.125rem;}.sp-sas__tab-badge{font-size: 0.625rem; font-weight: 700; background: var(--sas-primary-pale); color: var(--sas-primary); padding: 0.125rem 0.375rem; border-radius: 9999px; min-width: 1.25rem; text-align: center;}.sp-sas__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s;}.sp-sas__card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-sas__card h3, .sp-sas__card .h3{font-size: 0.9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem;}.sp-sas__card h3 i, .sp-sas__card .h3 i{color: var(--sas-primary); font-size: 1.25rem;}.sp-sas__stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-sas__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s;}.sp-sas__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-sas__stat-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;}.sp-sas__stat-icon{width: 40px; height: 40px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem;}.sp-sas__stat-icon--teal{background: rgba(13, 148, 136, 0.12); color: #0d9488;}.sp-sas__stat-icon--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-sas__stat-icon--amber{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-sas__stat-icon--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-sas__stat-icon--violet{background: rgba(139, 92, 246, 0.12); color: #8b5cf6;}.sp-sas__stat-icon--rose{background: rgba(239, 68, 68, 0.12); color: #ef4444;}.sp-sas__stat-value{font-size: 1.25rem; font-weight: 700; color: #1e293b;}.sp-sas__stat-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-sas__status-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--sas-primary); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.25rem;}.sp-sas__status-card--active{border-left-color: #10b981;}.sp-sas__status-card--none{border-left-color: #f59e0b;}.sp-sas__status-icon-wrap{width: 56px; height: 56px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-sas__status-icon-wrap--teal{background: rgba(13, 148, 136, 0.12); color: #0d9488;}.sp-sas__status-icon-wrap--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-sas__status-icon-wrap--amber{background: rgba(245, 158, 11, 0.12); color: #f59e0b;}.sp-sas__status-icon-wrap i{font-size: 1.75rem;}.sp-sas__status-info{flex: 1;}.sp-sas__status-info h3, .sp-sas__status-info .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem;}.sp-sas__status-info p{font-size: 0.8125rem; color: #6b7280; margin: 0;}.sp-sas__overview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}.sp-sas__advisor-card{display: flex; align-items: center; gap: 1rem; padding: 1rem; border-radius: 0.75rem; background: rgba(13, 148, 136, 0.04); border: 1px solid rgba(13, 148, 136, 0.1);}.sp-sas__advisor-avatar{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(13, 148, 136, 0.2);}.sp-sas__advisor-avatar-placeholder{width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #0d9488, #14b8a6); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.125rem; flex-shrink: 0;}.sp-sas__advisor-info h4, .sp-sas__advisor-info .h4{font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.125rem;}.sp-sas__advisor-info p{font-size: 0.75rem; color: #6b7280; margin: 0;}.sp-sas__sessions-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 1rem;}.sp-sas__session-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform 0.2s, box-shadow 0.2s;}.sp-sas__session-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-sas__session-bar{height: 4px;}.sp-sas__session-bar--present{background: linear-gradient(90deg, #10b981, #34d399);}.sp-sas__session-bar--absent{background: linear-gradient(90deg, #ef4444, #f87171);}.sp-sas__session-bar--pending{background: linear-gradient(90deg, #6b7280, #9ca3af);}.sp-sas__session-body{padding: 1.25rem;}.sp-sas__session-top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0.75rem;}.sp-sas__session-code{font-size: 0.6875rem; font-weight: 600; color: var(--sas-primary); background: var(--sas-primary-pale); padding: 0.125rem 0.5rem; border-radius: 9999px;}.sp-sas__session-date{font-size: 0.75rem; color: #6b7280; font-weight: 500; display: flex; align-items: center; gap: 0.25rem;}.sp-sas__session-date i{font-size: 0.875rem;}.sp-sas__session-time{font-size: 0.8125rem; color: #374151; font-weight: 600; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.375rem;}.sp-sas__session-time i{font-size: 1rem; color: #6b7280;}.sp-sas__session-footer{display: flex; align-items: center; justify-content: space-between; padding-top: 0.75rem; border-top: 1px solid rgba(0, 0, 0, 0.04);}.sp-sas__badge{font-size: 0.6875rem; font-weight: 600; padding: 0.25rem 0.625rem; border-radius: 9999px; display: inline-flex; align-items: center; gap: 0.25rem;}.sp-sas__badge--present{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-sas__badge--absent{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-sas__badge--pending{background: rgba(107, 114, 128, 0.12); color: #4b5563;}.sp-sas__badge--done{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-sas__badge--lock{background: rgba(139, 92, 246, 0.12); color: #7c3aed;}.sp-sas__badge--draft{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-sas__feedback-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 1rem;}.sp-sas__feedback-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--sas-primary); transition: transform 0.2s, box-shadow 0.2s;}.sp-sas__feedback-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-sas__feedback-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}.sp-sas__feedback-term{font-size: 0.75rem; font-weight: 600; color: var(--sas-primary); background: var(--sas-primary-pale); padding: 0.25rem 0.625rem; border-radius: 9999px;}.sp-sas__rating-row{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.625rem;}.sp-sas__rating-label{font-size: 0.75rem; color: #6b7280; font-weight: 500; width: 140px; flex-shrink: 0;}.sp-sas__rating-bar{flex: 1; height: 8px; border-radius: 4px; background: rgba(0, 0, 0, 0.04); overflow: hidden;}.sp-sas__rating-fill{height: 100%; border-radius: 4px; transition: width 0.6s ease;}.sp-sas__rating-fill--vp{width: 16.6%; background: #ef4444;}.sp-sas__rating-fill--ba{width: 33.3%; background: #f97316;}.sp-sas__rating-fill--a{width: 50%; background: #f59e0b;}.sp-sas__rating-fill--av{width: 66.6%; background: #0ea5e9;}.sp-sas__rating-fill--vg{width: 83.3%; background: #10b981;}.sp-sas__rating-fill--e{width: 100%; background: #059669;}.sp-sas__rating-value{font-size: 0.6875rem; font-weight: 600; width: 60px; text-align: right;}.sp-sas__list-section{margin-top: 1rem;}.sp-sas__list-section h4, .sp-sas__list-section .h4{font-size: 0.8125rem; font-weight: 700; color: #1e293b; margin: 0 0 0.5rem; display: flex; align-items: center; gap: 0.375rem;}.sp-sas__list-section h4 i, .sp-sas__list-section .h4 i{font-size: 1rem; color: var(--sas-primary);}.sp-sas__list-item{font-size: 0.8125rem; color: #4b5563; padding: 0.5rem 0.75rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.02); margin-bottom: 0.375rem; display: flex; align-items: flex-start; gap: 0.5rem;}.sp-sas__list-item i{font-size: 0.875rem; color: var(--sas-primary); margin-top: 0.125rem;}.sp-sas__profile-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.sp-sas__profile-section{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8);}.sp-sas__profile-section h3, .sp-sas__profile-section .h3{font-size: 0.9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-sas__profile-section h3 i, .sp-sas__profile-section .h3 i{color: var(--sas-primary); font-size: 1.25rem;}.sp-sas__profile-section--full{grid-column: 1 / -1;}.sp-sas__info-row{display: flex; justify-content: space-between; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-sas__info-row:last-child{border-bottom: none;}.sp-sas__info-label{font-size: 0.75rem; color: #6b7280; font-weight: 500;}.sp-sas__info-value{font-size: 0.8125rem; color: #1e293b; font-weight: 600; text-align: right; max-width: 60%;}.sp-sas__table-wrap{overflow-x: auto; margin-top: 0.5rem;}.sp-sas__table{width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.8125rem;}.sp-sas__table th{background: rgba(13, 148, 136, 0.06); color: #374151; font-weight: 600; padding: 0.625rem 0.75rem; text-align: left; font-size: 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-sas__table th:first-child{border-radius: 0.5rem 0 0 0;}.sp-sas__table th:last-child{border-radius: 0 0.5rem 0 0;}.sp-sas__table td{padding: 0.5rem 0.75rem; color: #4b5563; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-sas__quick-links{display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-top: 0.5rem;}.sp-sas__quick-link{display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem 0.75rem; border-radius: 0.625rem; font-size: 0.8125rem; font-weight: 600; color: #374151; background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.04); text-decoration: none; transition: all 0.2s;}.sp-sas__quick-link:hover{background: var(--sas-primary-pale); color: var(--sas-primary); border-color: rgba(13, 148, 136, 0.15);}.sp-sas__quick-link i{font-size: 1.125rem; color: var(--sas-primary);}.sp-sas__empty{text-align: center; padding: 3rem 1rem; color: #6b7280;}.sp-sas__empty i{font-size: 3rem; color: #d1d5db; margin-bottom: 1rem; display: block;}.sp-sas__empty h3, .sp-sas__empty .h3{font-size: 1rem; font-weight: 700; color: #374151; margin: 0 0 0.25rem; justify-content: center;}.sp-sas__empty p{font-size: 0.8125rem; margin: 0;}.sp-sas__att-progress{display: flex; align-items: center; gap: 0.75rem;}.sp-sas__att-bar{flex: 1; height: 6px; border-radius: 3px; background: rgba(0, 0, 0, 0.04); overflow: hidden;}.sp-sas__att-fill{height: 100%; border-radius: 3px; background: linear-gradient(90deg, #0d9488, #14b8a6); transition: width 0.6s ease;}.sp-sas__att-pct{font-size: 0.75rem; font-weight: 700; color: #0d9488; min-width: 36px; text-align: right;}.sp-sas__comments{margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.02); font-size: 0.8125rem; color: #4b5563;}.sp-sas__comments-label{font-size: 0.6875rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem;}.sp-sas__toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; background: #1e293b; color: #fff; padding: 0.75rem 1.25rem; border-radius: 0.75rem; font-size: 0.8125rem; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 0.5rem; animation: sp-sas-toast-in 0.3s ease;}@keyframes sp-sas-toast-in{from{opacity: 0; transform: translateY(1rem);}to{opacity: 1; transform: translateY(0);}}.sp-sas__warning-list{display: flex; flex-direction: column; gap: 0.375rem;}.sp-sas__warning-item{display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.625rem 0.75rem; border-radius: 0.5rem; background: rgba(239, 68, 68, 0.04); border: 1px solid rgba(239, 68, 68, 0.1); font-size: 0.8125rem; color: #4b5563;}.sp-sas__warning-item i{color: #ef4444; font-size: 1rem; margin-top: 0.125rem;}.sp-modern.sp-sas.dark{background: linear-gradient(135deg, rgba(15, 10, 26, 0.92) 0%, rgba(30, 41, 59, 0.92) 100%);}.dark .sp-sas__header h1, .dark .sp-sas__header .h1{background: linear-gradient(135deg, #2dd4bf, #14b8a6); -webkit-background-clip: text; background-clip: text;}.dark .sp-sas__card, .dark .sp-sas__stat-card, .dark .sp-sas__session-card, .dark .sp-sas__feedback-card, .dark .sp-sas__profile-section, .dark .sp-sas__status-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-sas__card h3, .dark .sp-sas__card .h3, .dark .sp-sas__stat-value, .dark .sp-sas__status-info h3, .dark .sp-sas__status-info .h3, .dark .sp-sas__advisor-info h4, .dark .sp-sas__advisor-info .h4, .dark .sp-sas__profile-section h3, .dark .sp-sas__profile-section .h3, .dark .sp-sas__info-value, .dark .sp-sas__session-time{color: #e2e8f0;}.dark .sp-sas__stat-label, .dark .sp-sas__status-info p, .dark .sp-sas__advisor-info p, .dark .sp-sas__info-label, .dark .sp-sas__breadcrumb, .dark .sp-sas__session-date, .dark .sp-sas__rating-label, .dark .sp-sas__comments, .dark .sp-sas__list-item{color: #94a3b8;}.dark .sp-sas__tabs{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-sas__tab{color: #94a3b8;}.dark .sp-sas__tab:hover{color: #e2e8f0; background: rgba(255, 255, 255, 0.05);}.dark .sp-sas__tab--active{background: rgba(255, 255, 255, 0.08); color: #2dd4bf;}.dark .sp-sas__btn--ghost{background: rgba(255, 255, 255, 0.06); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-sas__btn--icon{background: rgba(255, 255, 255, 0.06); color: #94a3b8; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-sas__term-select{background-color: rgba(30, 41, 59, 0.7); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-sas__quick-link{background: rgba(255, 255, 255, 0.04); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.06);}.dark .sp-sas__quick-link:hover{background: rgba(13, 148, 136, 0.12); color: #2dd4bf;}.dark .sp-sas__table th{background: rgba(13, 148, 136, 0.08); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.06);}.dark .sp-sas__table td{color: #94a3b8; border-color: rgba(255, 255, 255, 0.04);}.dark .sp-sas__info-row{border-color: rgba(255, 255, 255, 0.04);}.dark .sp-sas__rating-bar{background: rgba(255, 255, 255, 0.06);}.dark .sp-sas__error{background: rgba(30, 41, 59, 0.8); border-color: rgba(239, 68, 68, 0.3);}@media (max-width: 1024px){.sp-sas__overview-grid, .sp-sas__profile-grid{grid-template-columns: 1fr;}.sp-sas__profile-section--full{grid-column: 1;}}@media (max-width: 768px){.sp-sas__header{flex-direction: column; align-items: flex-start;}.sp-sas__stats{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}.sp-sas__sessions-grid, .sp-sas__feedback-grid{grid-template-columns: 1fr;}.sp-sas__quick-links{grid-template-columns: 1fr;}.sp-sas__status-card{flex-direction: column; text-align: center;}.sp-sas__rating-row{flex-direction: column; gap: 0.25rem;}.sp-sas__rating-label{width: 100%;}.sp-sas__rating-value{width: auto; text-align: left;}}@media (max-width: 480px){.sp-sas__header h1, .sp-sas__header .h1{font-size: 1.25rem;}.sp-sas__tabs{gap: 0;}.sp-sas__tab{padding: 0.5rem 0.625rem; font-size: 0.75rem;}.sp-sas__tab span{display: none;}} /* /odoocms_sas/static/src/scss/_faculty_sas_spa.scss */ /* /auth_oauth/static/src/scss/auth_oauth.scss */ .o_login_auth{--oauth-icon-size: 1.5em;}.o_login_auth .fa, .o_login_auth .oi{font-size: var(--oauth-icon-size); width: 1em; text-align: center;}.o_login_auth .o_auth_oauth_provider_icon{width: var(--oauth-icon-size); height: var(--oauth-icon-size); background-size: contain; background-repeat: no-repeat;}.o_login_auth .o_auth_oauth_provider_icon.o_odoo_provider{background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75 150C60.1664 150 45.666 145.601 33.3323 137.36C20.9986 129.119 11.3856 117.406 5.70907 103.701C0.032495 89.9968 -1.45275 74.9168 1.44114 60.3683C4.33503 45.8197 11.4781 32.456 21.967 21.967C32.456 11.4781 45.8197 4.33503 60.3683 1.44114C74.9168 -1.45275 89.9968 0.032495 103.701 5.70907C117.406 11.3856 129.119 20.9986 137.36 33.3323C145.601 45.666 150 60.1664 150 75C150 94.8913 142.098 113.968 128.033 128.033C113.968 142.098 94.8913 150 75 150ZM75 119C83.7024 119 92.2094 116.419 99.4451 111.585C106.681 106.75 112.32 99.8781 115.651 91.8381C118.981 83.7982 119.852 74.9512 118.155 66.4161C116.457 57.8809 112.266 50.0408 106.113 43.8873C99.9592 37.7338 92.1192 33.5432 83.584 31.8455C75.0488 30.1477 66.2019 31.0191 58.162 34.3493C50.122 37.6796 43.2502 43.3192 38.4154 50.555C33.5806 57.7907 31 66.2977 31 75C31 86.6696 35.6357 97.8611 43.8873 106.113C52.1389 114.364 63.3305 119 75 119Z' fill='%23714B67'/%3E%3C/svg%3E");}.o_login_auth .o_auth_oauth_provider_icon.o_facebook_provider{background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 250C500 111.93 388.07 0 250 0S0 111.93 0 250c0 117.24 80.72 215.62 189.61 242.64V326.4h-51.55V250h51.55v-32.92c0-85.09 38.51-124.53 122.05-124.53 15.84 0 43.17 3.11 54.35 6.21v69.25c-5.9-.62-16.15-.93-28.88-.93-40.99 0-56.83 15.53-56.83 55.9V250h81.66l-14.03 76.4H280.3v171.77C404.07 483.22 500 377.82 500 250Z' fill='%230866FF'/%3E%3Cpath d='m347.92 326.4 14.03-76.4h-81.66v-27.02c0-40.37 15.84-55.9 56.83-55.9 12.73 0 22.98.31 28.88.93V98.76c-11.18-3.11-38.51-6.21-54.35-6.21-83.54 0-122.05 39.44-122.05 124.53V250h-51.55v76.4h51.55v166.24c19.34 4.8 39.57 7.36 60.39 7.36 10.25 0 20.36-.63 30.29-1.83V326.4h67.64Z' fill='%23ffffff'/%3E%3C/svg%3E");}.o_login_auth .o_auth_oauth_provider_icon.o_google_provider{background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' data-name='Layer 1' id='Layer_1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.75,16A7.7446,7.7446,0,0,1,8.7177,18.6259L4.2849,22.1721A13.244,13.244,0,0,0,29.25,16' fill='%2300ac47'/%3E%3Cpath d='M23.75,16a7.7387,7.7387,0,0,1-3.2516,6.2987l4.3824,3.5059A13.2042,13.2042,0,0,0,29.25,16' fill='%234285f4'/%3E%3Cpath d='M8.25,16a7.698,7.698,0,0,1,.4677-2.6259L4.2849,9.8279a13.177,13.177,0,0,0,0,12.3442l4.4328-3.5462A7.698,7.698,0,0,1,8.25,16Z' fill='%23ffba00'/%3E%3Cpolygon fill='%232ab2db' points='8.718 13.374 8.718 13.374 8.718 13.374 8.718 13.374'/%3E%3Cpath d='M16,8.25a7.699,7.699,0,0,1,4.558,1.4958l4.06-3.7893A13.2152,13.2152,0,0,0,4.2849,9.8279l4.4328,3.5462A7.756,7.756,0,0,1,16,8.25Z' fill='%23ea4435'/%3E%3Cpolygon fill='%232ab2db' points='8.718 18.626 8.718 18.626 8.718 18.626 8.718 18.626'/%3E%3Cpath d='M29.25,15v1L27,19.5H16.5V14H28.25A1,1,0,0,1,29.25,15Z' fill='%234285f4'/%3E%3C/svg%3E");} /* /odoocms_internship/static/src/scss/_internship_spa.scss */ :root{--int-primary:#d97706; --int-primary-light:#f59e0b; --int-primary-pale:rgba(217,119,6,.08); --int-primary-ring:rgba(217,119,6,.15);}.sp-intern__loader{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; gap: 1rem;}.sp-intern__spinner{width: 48px; height: 48px; border: 4px solid var(--int-primary-ring); border-top-color: var(--int-primary); border-radius: 50%; animation: sp-int-spin .8s linear infinite;}@keyframes sp-int-spin{to{transform: rotate(360deg);}}.sp-intern__error{max-width: 480px; margin: 4rem auto; text-align: center; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-radius: 1rem; padding: 2rem; border: 1px solid rgba(239, 68, 68, 0.2);}.sp-intern__error h3, .sp-intern__error .h3{color: #ef4444; margin-bottom: .5rem;}.sp-modern.sp-intern{font-family: 'Plus Jakarta Sans',system-ui,sans-serif; min-height: 100vh; background: linear-gradient(135deg, #fffbeb 0%, #f0f9ff 50%, #faf5ff 100%); padding-bottom: 3rem; position: relative;}.sp-intern__header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.sp-intern__header h1, .sp-intern__header .h1{font-size: 1.75rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #d97706, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.sp-intern__header h1 i, .sp-intern__header .h1 i{-webkit-text-fill-color: #d97706; margin-right: .5rem; font-size: 1.5rem; vertical-align: middle;}.sp-intern__breadcrumb{display: flex; align-items: center; gap: .375rem; font-size: .8125rem; color: #6b7280; margin-bottom: 1rem;}.sp-intern__breadcrumb a{color: var(--int-primary); text-decoration: none;}.sp-intern__btn{display: inline-flex; align-items: center; gap: .375rem; padding: .5rem 1rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; border: none; cursor: pointer; transition: all .2s;}.sp-intern__btn--primary{background: linear-gradient(135deg, #d97706, #f59e0b); color: #fff;}.sp-intern__btn--primary:hover{box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);}.sp-intern__btn--primary:disabled, .sp-intern__btn--primary.o_wysiwyg_loader{opacity: .5; cursor: not-allowed;}.sp-intern__btn--icon{width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: .625rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; transition: all .2s; color: #6b7280;}.sp-intern__tabs{display: flex; gap: .25rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: .75rem; padding: .25rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: auto;}.sp-intern__tab{display: flex; align-items: center; gap: .375rem; padding: .625rem 1rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #6b7280; background: transparent; border: none; cursor: pointer; transition: all .2s; white-space: nowrap;}.sp-intern__tab:hover{color: #374151; background: rgba(255, 255, 255, 0.5);}.sp-intern__tab--active{background: #fff; color: var(--int-primary); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.sp-intern__tab i{font-size: 1.125rem;}.sp-intern__tab-badge{font-size: .625rem; font-weight: 700; background: var(--int-primary-pale); color: var(--int-primary); padding: .125rem .375rem; border-radius: 9999px;}.sp-intern__status-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-left: 4px solid var(--int-primary); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1.25rem;}.sp-intern__status-card--active{border-left-color: #10b981;}.sp-intern__status-card--completed{border-left-color: #0ea5e9;}.sp-intern__status-icon-wrap{width: 56px; height: 56px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.sp-intern__status-icon-wrap--amber{background: rgba(217, 119, 6, 0.12); color: #d97706;}.sp-intern__status-icon-wrap--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-intern__status-icon-wrap--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-intern__status-icon-wrap i{font-size: 1.75rem;}.sp-intern__status-info{flex: 1;}.sp-intern__status-info h3, .sp-intern__status-info .h3{font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0 0 .25rem;}.sp-intern__status-info p{font-size: .8125rem; color: #6b7280; margin: 0;}.sp-intern__stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;}.sp-intern__stat-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); transition: transform .2s,box-shadow .2s;}.sp-intern__stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.sp-intern__stat-icon{width: 40px; height: 40px; border-radius: .75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; margin-bottom: .75rem;}.sp-intern__stat-icon--amber{background: rgba(217, 119, 6, 0.12); color: #d97706;}.sp-intern__stat-icon--emerald{background: rgba(16, 185, 129, 0.12); color: #10b981;}.sp-intern__stat-icon--sky{background: rgba(14, 165, 233, 0.12); color: #0ea5e9;}.sp-intern__stat-icon--violet{background: rgba(139, 92, 246, 0.12); color: #8b5cf6;}.sp-intern__stat-value{font-size: 1.25rem; font-weight: 700; color: #1e293b;}.sp-intern__stat-label{font-size: .75rem; color: #6b7280; font-weight: 500;}.sp-intern__card{background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-radius: 1rem; padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 1rem;}.sp-intern__card h3, .sp-intern__card .h3{font-size: .9375rem; font-weight: 700; color: #1e293b; display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; padding-bottom: .75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.sp-intern__card h3 i, .sp-intern__card .h3 i{color: var(--int-primary); font-size: 1.25rem;}.sp-intern__form-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}.sp-intern__form-group{display: flex; flex-direction: column; gap: .375rem;}.sp-intern__form-group--wide{grid-column: 1/-1;}.sp-intern__label{font-size: .75rem; font-weight: 600; color: #374151; text-transform: uppercase; letter-spacing: .03em;}.sp-intern__input, .sp-intern__select, .sp-intern__textarea{padding: .625rem .75rem; border-radius: .625rem; font-size: .875rem; font-weight: 500; color: #1e293b; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.08); transition: border-color .2s,box-shadow .2s; font-family: inherit;}.sp-intern__textarea{min-height: 80px; resize: vertical;}.sp-intern__input:focus, .sp-intern__select:focus, .sp-intern__textarea:focus{outline: none; border-color: var(--int-primary); box-shadow: 0 0 0 3px var(--int-primary-ring);}.sp-intern__input:disabled, .sp-intern__input.o_wysiwyg_loader, .sp-intern__select:disabled, .sp-intern__select.o_wysiwyg_loader, .sp-intern__textarea:disabled, .sp-intern__textarea.o_wysiwyg_loader{background: rgba(0, 0, 0, 0.03); color: #6b7280; cursor: not-allowed;}.sp-intern__input--readonly{background: rgba(0, 0, 0, 0.02); color: #4b5563;}.sp-intern__info-row{display: flex; justify-content: space-between; align-items: baseline; padding: .5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-intern__info-row:last-child{border-bottom: none;}.sp-intern__info-label{font-size: .75rem; color: #6b7280; font-weight: 500;}.sp-intern__info-value{font-size: .8125rem; color: #1e293b; font-weight: 600; text-align: right; max-width: 60%;}.sp-intern__overview-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;}.sp-intern__quick-links{display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;}.sp-intern__quick-link{display: flex; align-items: center; gap: .5rem; padding: .625rem .75rem; border-radius: .625rem; font-size: .8125rem; font-weight: 600; color: #374151; background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.04); text-decoration: none; transition: all .2s;}.sp-intern__quick-link:hover{background: var(--int-primary-pale); color: var(--int-primary); border-color: rgba(217, 119, 6, 0.15);}.sp-intern__quick-link i{font-size: 1.125rem; color: var(--int-primary);}.sp-intern__badge{font-size: .6875rem; font-weight: 600; padding: .25rem .625rem; border-radius: 9999px;}.sp-intern__badge--draft{background: rgba(245, 158, 11, 0.12); color: #d97706;}.sp-intern__badge--inprogress{background: rgba(14, 165, 233, 0.12); color: #0284c7;}.sp-intern__badge--completed{background: rgba(16, 185, 129, 0.12); color: #059669;}.sp-intern__badge--cancelled{background: rgba(239, 68, 68, 0.12); color: #dc2626;}.sp-intern__table-wrap{overflow-x: auto;}.sp-intern__table{width: 100%; border-collapse: separate; border-spacing: 0; font-size: .8125rem;}.sp-intern__table th{background: rgba(217, 119, 6, 0.06); color: #374151; font-weight: 600; padding: .625rem .75rem; text-align: left; font-size: .75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}.sp-intern__table td{padding: .5rem .75rem; color: #4b5563; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}.sp-intern__empty{text-align: center; padding: 3rem 1rem; color: #6b7280;}.sp-intern__empty i{font-size: 3rem; color: #d1d5db; margin-bottom: 1rem; display: block;}.sp-intern__empty h3, .sp-intern__empty .h3{font-size: 1rem; font-weight: 700; color: #374151; margin: 0 0 .25rem; justify-content: center;}.sp-intern__toast{position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; background: #1e293b; color: #fff; padding: .75rem 1.25rem; border-radius: .75rem; font-size: .8125rem; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: .5rem; animation: sp-int-toast .3s ease;}@keyframes sp-int-toast{from{opacity: 0; transform: translateY(1rem);}to{opacity: 1; transform: translateY(0);}}.sp-modern.sp-intern.dark{background: linear-gradient(135deg, rgba(15, 10, 26, 0.92) 0%, rgba(30, 41, 59, 0.92) 100%);}.dark .sp-intern__header h1, .dark .sp-intern__header .h1{background: linear-gradient(135deg, #fbbf24, #f59e0b); -webkit-background-clip: text; background-clip: text;}.dark .sp-intern__card, .dark .sp-intern__stat-card, .dark .sp-intern__status-card{background: rgba(30, 41, 59, 0.7); border-color: rgba(255, 255, 255, 0.08);}.dark .sp-intern__card h3, .dark .sp-intern__card .h3, .dark .sp-intern__stat-value, .dark .sp-intern__status-info h3, .dark .sp-intern__status-info .h3, .dark .sp-intern__info-value{color: #e2e8f0;}.dark .sp-intern__stat-label, .dark .sp-intern__status-info p, .dark .sp-intern__breadcrumb, .dark .sp-intern__info-label{color: #94a3b8;}.dark .sp-intern__tabs{background: rgba(30, 41, 59, 0.5); border-color: rgba(255, 255, 255, 0.06);}.dark .sp-intern__tab{color: #94a3b8;}.dark .sp-intern__tab--active{background: rgba(255, 255, 255, 0.08); color: #fbbf24;}.dark .sp-intern__input, .dark .sp-intern__select, .dark .sp-intern__textarea{background: rgba(255, 255, 255, 0.05); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-intern__input:disabled, .dark .sp-intern__input.o_wysiwyg_loader{background: rgba(255, 255, 255, 0.03); color: #64748b;}.dark .sp-intern__btn--icon{background: rgba(255, 255, 255, 0.06); color: #94a3b8; border-color: rgba(255, 255, 255, 0.08);}.dark .sp-intern__quick-link{background: rgba(255, 255, 255, 0.04); color: #e2e8f0; border-color: rgba(255, 255, 255, 0.06);}.dark .sp-intern__table th{background: rgba(217, 119, 6, 0.08); color: #e2e8f0;}.dark .sp-intern__table td{color: #94a3b8; border-color: rgba(255, 255, 255, 0.04);}.dark .sp-intern__info-row{border-color: rgba(255, 255, 255, 0.04);}@media (max-width: 1024px){.sp-intern__overview-grid{grid-template-columns: 1fr;}}@media (max-width: 768px){.sp-intern__header{flex-direction: column; align-items: flex-start;}.sp-intern__form-grid{grid-template-columns: 1fr;}.sp-intern__status-card{flex-direction: column; text-align: center;}.sp-intern__quick-links{grid-template-columns: 1fr;}}@media (max-width: 480px){.sp-intern__header h1, .sp-intern__header .h1{font-size: 1.25rem;}.sp-intern__tab span{display: none;}} /* /payment/static/src/scss/payment_form.scss */ .o_payment_form .o_outline:hover{border-color: #714B67;}.o_payment_form .o_outline:not(:first-child):hover{box-shadow: 0 -1px 0 #714B67;}.o_payment_form .o_outline .o_payment_option_label:before{position: absolute; inset: 0; content: ''; cursor: pointer;} /* /payment/static/src/scss/payment_provider.scss */ .o_form_view .o_payment_provider_desc{margin-top: 10px;}.o_form_view .o_payment_provider_desc ul{list-style-type: none; padding: 0;}.o_form_view .o_payment_provider_desc ul i.fa{margin-right: 5px;}.o_form_view .o_payment_provider_desc ul i.fa.fa-check{color: green;}.o_form_view .o_warning_text{color: #f0ad4e;} /* /payment/static/src/scss/portal_templates.scss */ div[name="o_payment_status_alert"] div > p{margin-bottom: 0;}@media (min-width: 768px){.o_payment_summary_separator{border-left: 1px solid var(--o-border-color);}} /* /auth_totp_portal/static/src/scss/auth_totp_portal.scss */ .o_auth_totp_enable_2FA .o_field_copy{height: 24px; position: relative; width: 100% !important; border-radius: 5px; border: 1px solid #714B67; font-size: 0.875rem; text-transform: uppercase; color: #714B67; font-weight: 600; text-align: center; padding-right: 6rem; word-break: break-word;}.o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button{position: absolute; top: 0; left: auto; bottom: auto; right: 0;}.o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_text_copy{position: absolute; top: 0; right: 0;}.o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_char_copy{height: 100%;}.o_auth_totp_enable_2FA .o_field_copy.o_field_copy_url{cursor: pointer; padding-left: 3px;} /* /website_mail/static/src/css/website_mail.scss */ .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='on'] .follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;}.js_follow[data-follow='on'] .js_unfollow_btn{opacity: 1 !important;}.js_follow_icons_container .js_follow_btn, .js_follow_icons_container .js_unfollow_btn, .js_follow_icons_container .follow_btn{animation: js_follow_fade 1s ease forwards; opacity: 0;}.js_follow_icons_container .js_follow_btn small, .js_follow_icons_container .js_follow_btn .small, .js_follow_icons_container .js_unfollow_btn small, .js_follow_icons_container .js_unfollow_btn .small, .js_follow_icons_container .follow_btn small, .js_follow_icons_container .follow_btn .small{opacity: 0; transition: opacity 0.3s ease;}.js_follow_icons_container .js_follow_btn:hover small, .js_follow_icons_container .js_follow_btn:hover .small, .js_follow_icons_container .js_follow_btn:focus small, .js_follow_icons_container .js_follow_btn:focus .small, .js_follow_icons_container .js_unfollow_btn:hover small, .js_follow_icons_container .js_unfollow_btn:hover .small, .js_follow_icons_container .js_unfollow_btn:focus small, .js_follow_icons_container .js_unfollow_btn:focus .small, .js_follow_icons_container .follow_btn:hover small, .js_follow_icons_container .follow_btn:hover .small, .js_follow_icons_container .follow_btn:focus small, .js_follow_icons_container .follow_btn:focus .small{transition-duration: 1s; opacity: 1;}.js_follow_icons_container .fa:before{content: "\f0f3";}.js_follow_icons_container .js_follow_btn:hover .fa:before{color: #212529;}.js_follow_icons_container .js_unfollow_btn .fa:before{color: #714B67;}.js_follow_icons_container .js_unfollow_btn:hover .fa:before{content: "\f1f6"; color: #dc3545;}@keyframes js_follow_fade{to{opacity: 1;}} /* /website/static/src/snippets/s_announcement_scroll/000.scss */ .s_announcement_scroll{overflow-x: clip; font-size: clamp(40px, calc(var(--marquee-item-font-size, 80) * .05vw), 200px);}.s_announcement_scroll .s_announcement_scroll_marquee_item{white-space: preserve nowrap; caret-color: transparent;}@media (prefers-reduced-motion: reduce){.s_announcement_scroll .s_announcement_scroll_marquee_item{animation: none !important;}}.s_announcement_scroll .s_announcement_scroll_heading_family .s_announcement_scroll_marquee_item{font-family: "Inter Tight", "Odoo Unicode Support Noto", sans-serif; font-weight: 500;}.s_announcement_scroll.s_announcement_scroll_direction_right{--marquee-animation: o-marquee-scroll-right;}.s_announcement_scroll.s_announcement_scroll_direction_none{--marquee-animation: none;}.s_announcement_scroll.s_announcement_scroll_ready .s_announcement_scroll_marquee_item{--marquee-animation-time: calc((25s - var(--marquee-animation-speed) * 2) * var(--marquee-item-size) * .001); animation-composition: add; animation: var(--marquee-animation, o-marquee-scroll-left) linear infinite var(--marquee-animation-time), var(--marquee-animation, o-marquee-scroll-left) linear infinite calc(var(--marquee-animation-time) * var(--marquee-animation-hover-multiplier, 1)) reverse paused;}.s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_hover_slow .s_announcement_scroll_marquee_item{--marquee-animation-hover-multiplier: 2;}@media (hover: hover){.s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_hover_pause:where(:hover:not(.s_announcement_scroll_page_scrolling)) .s_announcement_scroll_marquee_item{animation-play-state: paused;}.s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_hover_slow:where(:hover:not(.s_announcement_scroll_page_scrolling)) .s_announcement_scroll_marquee_item{animation-play-state: running;}.s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_hover_direction:where(:hover:not(.s_announcement_scroll_page_scrolling)) .s_announcement_scroll_marquee_item{animation-play-state: paused, running;}}.s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_parallax:where(.s_announcement_scroll_page_scrolling) .s_announcement_scroll_marquee_item{animation-play-state: paused;}@keyframes o-marquee-scroll-left{to{transform: translateX(-100%);}}@keyframes o-marquee-scroll-right{from{transform: translateX(-100%);}} /* /website/static/src/snippets/s_text_cover/000.scss */ .s_text_cover > *:not(.o_scroll_button), .s_text_cover > *:not(.o_scroll_button) > .row{min-height: inherit;} /* /website/static/src/snippets/s_instagram_page/000.scss */ .s_instagram_page div.container-fluid, .s_instagram_page div.container-sm, .s_instagram_page div.container-md, .s_instagram_page div.container-lg, .s_instagram_page div.container-xl, .s_instagram_page div.container-xxl{padding: 0;} /* /website/static/src/snippets/s_features/000.scss */ .s_features .s_features_icon.float-start{margin-inline-end: var(--s_features_icon_margin, 1rem) !important;}.s_features .s_features_icon.float-end{margin-inline-start: var(--s_features_icon_margin, 1rem) !important;} /* /website/static/src/snippets/s_carousel/001.scss */ @media (min-width: 768px){.s_carousel_wrapper[data-vcss='001'] .s_carousel.s_carousel_arrows_hidden .carousel-item{padding: 0;}} /* /website/static/src/snippets/s_carousel_intro/000.scss */ .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers{height: var(--CarouselControllers-size, 3rem);}.s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .s_carousel_intro_controllers_row{padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5);}.s_carousel_intro_wrapper .s_carousel_intro.s_carousel_arrows_hidden .o_arrows_wrapper{display: none;} /* /website/static/src/snippets/s_carousel_cards/000.scss */ .s_carousel_cards_wrapper .s_carousel_cards{--CarouselControllers-size: 2.5rem; --CardBody-padding: 1.5rem;}@media (max-width: 991.98px){.s_carousel_cards_wrapper .s_carousel_cards{--CardBody-extra-height: 0px !important;}}@media (max-width: 991.98px){.s_carousel_cards_wrapper .s_carousel_cards{--CardBody-padding: 1rem;}}.s_carousel_cards_wrapper .s_carousel_cards .carousel-item.active, .s_carousel_cards_wrapper .s_carousel_cards .carousel-item-next, .s_carousel_cards_wrapper .s_carousel_cards .carousel-item-prev{display: flex;}.s_carousel_cards_wrapper .s_carousel_cards .s_card{--card-img-size-h: inherit; --card-spacer-y: var(--CardBody-padding); --card-spacer-x: var(--CardBody-padding);}.s_carousel_cards_wrapper .s_carousel_cards:not(.s_carousel_controllers_hidden) .card-body{padding-bottom: calc(var(--CarouselControllers-size, 3rem) + 2* var(--CardBody-padding) + var(--CardBody-extra-height));}.s_carousel_cards_wrapper .s_carousel_cards .s_carousel_cards_item:only-child .card-body{padding-bottom: calc(var(--card-spacer-y) + var(--CardBody-extra-height));}.s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers{margin-left: calc(var(--gutter-x) * .5); margin-right: calc(var(--gutter-x) * .5); margin-bottom: var(--CardBody-padding);}.s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers_row{padding: 0 var(--CardBody-padding);}@media (min-width: 992px){.s_carousel_cards_wrapper .s_carousel_cards.s_carousel_cards_with_img .o_horizontal_controllers_row{margin: 0 0 0 var(--card-img-size-h);}.s_carousel_cards_wrapper .s_carousel_cards.s_carousel_cards_with_img:has(.s_card.flex-lg-row-reverse) .o_horizontal_controllers_row{margin: 0 var(--card-img-size-h) 0 0;}.s_carousel_cards_wrapper .s_carousel_cards .o_card_img{min-height: 100%; aspect-ratio: 1/var(--card-img-ratio-v);}} /* /website/static/src/snippets/s_alert/001.scss */ .s_alert[data-vcss='001']{margin: 15px 0;}.s_alert[data-vcss='001'] p:last-child, .s_alert[data-vcss='001'] ul:last-child, .s_alert[data-vcss='001'] ol:last-child{margin-bottom: 0;}.s_alert.s_alert_sm[data-vcss='001']{padding: 10px; font-size: 0.875rem;}.s_alert.s_alert_md[data-vcss='001']{padding: 15px; font-size: 1rem;}.s_alert.s_alert_lg[data-vcss='001']{padding: 30px; font-size: 1.125rem;}.s_alert[data-vcss='001'] .s_alert_icon{float: left; background-color: black; background-color: color-mix(in srgb, currentColor 15%, transparent);}.s_alert[data-vcss='001'] .s_alert_content{overflow: hidden;} /* /website/static/src/snippets/s_card/000.scss */ .s_card{--card-inner-border-radius: inherit; --card-bg: inherit; --card-img-size-h: 33.33333333%; --card-img-ratio-align: 44%; --card-img-aspect-ratio: 20%; min-width: MIN(18rem, 100%); margin: 15px 0;}.s_card .o_card_img{width: 100%; object-fit: cover;}.s_card .o_card_img[data-shape]:not([data-aspect-ratio="0/0"]){object-fit: contain;}.s_card .o_card_img.rounded-start{border-bottom-left-radius: var(--card-inner-border-radius) !important; border-top-left-radius: var(--card-inner-border-radius) !important;}.s_card .o_card_img.rounded-end{border-top-right-radius: var(--card-inner-border-radius) !important; border-bottom-right-radius: var(--card-inner-border-radius) !important;}.s_card .o_card_img_wrapper.ratio > a > .o_card_img{height: 100%;}.s_card .o_card_img_wrapper.ratio .media_iframe_video{position: absolute;}.s_card.o_card_img_top > .o_card_img_ratio_custom, .s_card.o_card_img_bottom > .o_card_img_ratio_custom{--aspect-ratio: var(--card-img-aspect-ratio);}.s_card.o_card_img_horizontal > .o_card_img_wrapper{flex-shrink: 0;}@media (min-width: 992px){.s_card.o_card_img_horizontal > .o_card_img_wrapper{width: var(--card-img-size-h);}}.s_card .o_card_img_adjust_h .o_card_img{object-position: var(--card-img-ratio-align) 50%;}.s_card .o_card_img_adjust_v .o_card_img{object-position: 50% var(--card-img-ratio-align);} /* /website/static/src/snippets/s_share/000.scss */ .s_share{user-select: none;}.s_share > *{display: inline-block; vertical-align: middle;}.s_share .s_share_title{margin: 0 .4rem 0 0;}.s_share a{margin: .2rem;}.s_share a i.fa{display: flex; justify-content: center; align-items: center;} /* /website/static/src/snippets/s_social_media/000.scss */ .s_social_media{user-select: none;}.s_social_media > *{display: inline-block; vertical-align: middle;}.s_social_media .s_social_media_title{margin: 0 .4rem 0 0;}.s_social_media a i.fa, .s_social_media a span.fa{display: flex; justify-content: center; align-items: center;}.s_social_media a i.fa.rounded-circle:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x), .s_social_media a .fa.rounded-empty-circle:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x), .s_social_media a i.fa.rounded:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x), .s_social_media a span.fa.rounded-circle:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x), .s_social_media a span.fa.rounded:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x){width: 2.5rem; height: 2.5rem;}.s_social_media a:has(i:not(.fa-stack)){margin: .2rem;} /* /website/static/src/snippets/s_rating/001.scss */ .s_rating[data-vcss="001"]{user-select: none;}.s_rating.s_rating_inline[data-vcss="001"]{display: flex; align-items: center;}.s_rating.s_rating_inline[data-vcss="001"] .s_rating_title{margin: 0; margin-right: 0.5em;}.s_rating.s_rating_inline[data-vcss="001"] .s_rating_icons{margin-left: auto;}.s_rating.s_rating_no_title[data-vcss="001"] .s_rating_title{display: none;} /* /website/static/src/snippets/s_hr/000.scss */ .s_hr{line-height: 0;}.s_hr hr{padding: 0; margin: 0; opacity: 1;}.editor_enable .s_hr{position: relative;}.editor_enable .s_hr::after{content: ''; position: absolute; top: 50%; left: 0; bottom: 0; right: 0; z-index: 1; transform: translateY(-50%); height: 6px; padding: inherit;} /* /website/static/src/snippets/s_image_gallery/002.scss */ .o_add_snippets_preview .s_image_gallery[data-vcss="002"]{--snippet-preview-height: auto;}.s_image_gallery.o_grid[data-vcss="002"] .img, .s_image_gallery.o_masonry[data-vcss="002"] .img{width: 100%;}.s_image_gallery.o_grid.o_spc-none[data-vcss="002"] div.row{margin-bottom: 0px;}.s_image_gallery.o_grid.o_spc-small[data-vcss="002"] div.row > div{margin-bottom: 1rem;}.s_image_gallery.o_grid.o_spc-medium[data-vcss="002"] div.row > div{margin-bottom: 2rem;}.s_image_gallery.o_grid.o_spc-big[data-vcss="002"] div.row > div{margin-bottom: 3rem;}.s_image_gallery.o_masonry.o_spc-none[data-vcss="002"] div.o_masonry_col{padding: 0;}.s_image_gallery.o_masonry.o_spc-none[data-vcss="002"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-none[data-vcss="002"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-none[data-vcss="002"] div.o_masonry_col > .media_iframe_video{margin: 0 !important;}.s_image_gallery.o_masonry.o_spc-small[data-vcss="002"] div.o_masonry_col{padding: 0 0.5rem;}.s_image_gallery.o_masonry.o_spc-small[data-vcss="002"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-small[data-vcss="002"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-small[data-vcss="002"] div.o_masonry_col > .media_iframe_video{margin-bottom: 1rem !important;}.s_image_gallery.o_masonry.o_spc-medium[data-vcss="002"] div.o_masonry_col{padding: 0 1rem;}.s_image_gallery.o_masonry.o_spc-medium[data-vcss="002"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-medium[data-vcss="002"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-medium[data-vcss="002"] div.o_masonry_col > .media_iframe_video{margin-bottom: 2rem !important;}.s_image_gallery.o_masonry.o_spc-big[data-vcss="002"] div.o_masonry_col{padding: 0 1.5rem;}.s_image_gallery.o_masonry.o_spc-big[data-vcss="002"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-big[data-vcss="002"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-big[data-vcss="002"] div.o_masonry_col > .media_iframe_video{margin-bottom: 3rem !important;}.s_image_gallery.o_nomode.o_spc-none[data-vcss="002"] .row > div{padding-top: 0; padding-bottom: 0;}.s_image_gallery.o_nomode.o_spc-small[data-vcss="002"] .row > div{padding-top: 0.5rem; padding-bottom: 0.5rem;}.s_image_gallery.o_nomode.o_spc-medium[data-vcss="002"] .row > div{padding-top: 1rem; padding-bottom: 1rem;}.s_image_gallery.o_nomode.o_spc-big[data-vcss="002"] .row > div{padding-top: 1.5rem; padding-bottom: 1.5rem;}.s_image_gallery[data-vcss="002"]:not(.o_slideshow) img{cursor: pointer;}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel, .s_image_gallery.o_slideshow[data-vcss="002"] .carousel .carousel-inner{height: var(--snippet-preview-height, 100%);}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="002"] .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="002"] .carousel .carousel-item-prev{display: flex; align-items: center; height: var(--snippet-preview-height, 100%);}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel .media_iframe_video{width: 70%; height: 100%;}.s_image_gallery.o_slideshow[data-vcss="002"] > .container, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-fluid, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-sm, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-md, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-lg, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-xl, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-xxl, .s_image_gallery.o_slideshow[data-vcss="002"] > .o_container_small{height: var(--snippet-preview-height, 100%);}.s_image_gallery.o_slideshow[data-vcss="002"] > .container-fluid .carousel-item > a, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-sm .carousel-item > a, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-md .carousel-item > a, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-lg .carousel-item > a, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-xl .carousel-item > a, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-xxl .carousel-item > a{margin-right: auto; margin-left: auto;}.s_image_gallery.o_slideshow[data-vcss="002"] > .container-fluid, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-sm, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-md, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-lg, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-xl, .s_image_gallery.o_slideshow[data-vcss="002"] > .container-xxl{padding: 0;}.s_image_gallery.o_slideshow[data-vcss="002"] .o_carousel_controllers{display: contents;}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-indicators{align-items: center; min-width: 0; overflow: auto hidden; justify-content: flex-start; flex-wrap: nowrap; scrollbar-width: none;}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-indicators > button{flex-shrink: 0;}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-indicators.o_faded_left{mask: linear-gradient(to right, transparent, #000 3rem);}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-indicators.o_faded_right{mask: linear-gradient(to right, #000 calc(100% - 3rem), transparent);}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-indicators.o_faded_left.o_faded_right{mask: linear-gradient(to right, transparent, #000 3rem, #000 calc(100% - 3rem), transparent);}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-control-prev, .s_image_gallery.o_slideshow[data-vcss="002"] .carousel-control-next{border-radius: var(--border-radius);}.s_image_gallery.o_slideshow[data-vcss="002"] .carousel-control-prev-icon, .s_image_gallery.o_slideshow[data-vcss="002"] .carousel-control-next-icon{width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%;}.s_image_gallery.o_slideshow.s_image_gallery_arrows_default[data-vcss="002"] .carousel-control-prev:hover, .s_image_gallery.o_slideshow.s_image_gallery_arrows_default[data-vcss="002"] .carousel-control-next:hover{background: rgba(0, 0, 0, 0.2);}.s_image_gallery.o_slideshow.s_image_gallery_arrows_default[data-vcss="002"] .carousel-dark .carousel-control-prev:hover, .s_image_gallery.o_slideshow.s_image_gallery_arrows_default[data-vcss="002"] .carousel-dark .carousel-control-next:hover{background: rgba(255, 255, 255, 0.2);}.s_image_gallery.o_slideshow.s_image_gallery_arrows_boxed[data-vcss="002"] .carousel-control-prev-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_boxed[data-vcss="002"] .carousel-control-next-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_rounded[data-vcss="002"] .carousel-control-prev-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_rounded[data-vcss="002"] .carousel-control-next-icon{border-radius: var(--border-radius); border: 1px solid var(--o-border-color); background-color: #000; filter: invert(1) grayscale(100);}.s_image_gallery.o_slideshow.s_image_gallery_arrows_boxed[data-vcss="002"] .carousel-dark .carousel-control-prev-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_boxed[data-vcss="002"] .carousel-dark .carousel-control-next-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_rounded[data-vcss="002"] .carousel-dark .carousel-control-prev-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_rounded[data-vcss="002"] .carousel-dark .carousel-control-next-icon{filter: none;}.s_image_gallery.o_slideshow.s_image_gallery_arrows_rounded[data-vcss="002"] .carousel-control-prev-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_rounded[data-vcss="002"] .carousel-control-next-icon{border-radius: 50rem;}.s_image_gallery.o_slideshow.s_image_gallery_arrows_hidden[data-vcss="002"] .carousel-control-prev-icon, .s_image_gallery.o_slideshow.s_image_gallery_arrows_hidden[data-vcss="002"] .carousel-control-next-icon{display: none;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_bars[data-vcss="002"] .carousel-indicators > button{background-image: none !important;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_squared[data-vcss="002"] .carousel-indicators > button, .s_image_gallery.o_slideshow.s_image_gallery_indicators_rounded[data-vcss="002"] .carousel-indicators > button{width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); border: 0; background-size: cover; background-position: center;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_squared[data-vcss="002"] .carousel-indicators > button:not(.active):not(:hover), .s_image_gallery.o_slideshow.s_image_gallery_indicators_rounded[data-vcss="002"] .carousel-indicators > button:not(.active):not(:hover){filter: grayscale(1);}.s_image_gallery.o_slideshow.s_image_gallery_indicators_squared[data-vcss="002"] .carousel-indicators > button:hover, .s_image_gallery.o_slideshow.s_image_gallery_indicators_rounded[data-vcss="002"] .carousel-indicators > button:hover{opacity: 1;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_rounded[data-vcss="002"] .carousel-indicators > button{border-radius: 50rem;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="002"] .carousel-indicators > button{width: 0.75rem; height: 0.75rem; border: 0; border-radius: 50rem; background-image: none !important; transform: scale(0.5); transition: opacity .6s ease, transform .6s ease;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="002"] .carousel-indicators > button:before{position: absolute; inset: -12px; display: block; content: '';}.s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="002"] .carousel-indicators > button.active{inset: -3px; transform: scale(0.8);}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators{flex-wrap: wrap; height: auto; counter-reset: numberList;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators button{display: flex; align-items: center; gap: 0.25rem; width: auto; height: auto; margin: 0; border: 0; padding: 0 0.5rem 0; background: none !important; color: #FFF; text-indent: 0;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators button:hover{opacity: 1;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators button:before{content: counter(numberList); counter-increment: numberList;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators button:after{display: block; width: 0; border-top: 2px solid #FFF; transition: all 0.2s ease-in-out; content: '';}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators button.active:after{width: 1.5rem;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-dark button{color: #000;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-dark button:after{border-color: #000;}.s_image_gallery.o_slideshow.s_image_gallery_indicators_hidden[data-vcss="002"] .carousel-indicators{display: none;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside[data-vcss="002"]:where(:not(.s_image_gallery_indicators_hidden)) .carousel-inner, .s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .carousel-inner{padding-bottom: calc(var(--CarouselControllers-size, 3rem) + 0.5rem);}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside[data-vcss="002"]:where(:not(.s_image_gallery_indicators_hidden)) .o_carousel_controllers, .s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .o_carousel_controllers{height: var(--CarouselControllers-size, 3rem);}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside.s_image_gallery_indicators_numbers[data-vcss="002"]:where(:not(.s_image_gallery_indicators_hidden)) .o_carousel_controllers, .s_image_gallery.o_slideshow.s_image_gallery_controllers_outside.s_image_gallery_indicators_numbers[data-vcss="002"] .o_carousel_controllers{height: auto;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside[data-vcss="002"] .o_carousel_controllers{justify-content: center;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside[data-vcss="002"]:not(.s_image_gallery_indicators_hidden) .carousel-control-prev, .s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside[data-vcss="002"]:not(.s_image_gallery_indicators_hidden) .carousel-control-next{bottom: calc(var(--CarouselControllers-size, 3rem) + 0.5rem);}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside[data-vcss="002"] .carousel-indicators{bottom: 0; height: var(--CarouselControllers-size, 3rem); margin-bottom: 0;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_indicators_outside.s_image_gallery_indicators_numbers[data-vcss="002"] .carousel-indicators{height: auto;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .o_carousel_controllers{position: absolute; bottom: 0; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between; width: 100%; margin-top: 0.5rem;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .o_carousel_controllers > *{position: relative;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .carousel-indicators{margin: 0 auto;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .carousel-control-prev, .s_image_gallery.o_slideshow.s_image_gallery_controllers_outside[data-vcss="002"] .carousel-control-next{width: auto;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_left[data-vcss="002"] .o_carousel_controllers{justify-content: start;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_left[data-vcss="002"] .carousel-control-prev, .s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_left[data-vcss="002"] .carousel-control-next{order: 1;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_left[data-vcss="002"] .carousel-indicators{order: 2; margin: 0 0 0 auto;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_right[data-vcss="002"] .carousel-control-prev, .s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_right[data-vcss="002"] .carousel-control-next{order: 2;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_right[data-vcss="002"] .carousel-control-prev{margin-left: auto;}.s_image_gallery.o_slideshow.s_image_gallery_controllers_outside_arrows_right[data-vcss="002"] .carousel-indicators{order: 1; margin: 0;}:where(.s_image_gallery[data-vcss="002"].s_image_gallery_indicators_squared, .s_image_gallery[data-vcss="002"].s_image_gallery_indicators_rounded) .carousel-indicators [data-bs-target], :where(.s_image_gallery[data-vcss="002"].s_image_gallery_indicators_squared, .s_image_gallery[data-vcss="002"].s_image_gallery_indicators_rounded) .carousel-dark .carousel-indicators [data-bs-target]{background-color: white;}.s_gallery_lightbox .modal-dialog{height: 100%; background-color: rgba(0, 0, 0, 0.7);}@media (min-width: 576px){.s_gallery_lightbox .modal-dialog{max-width: 100%; padding: 0;}}.s_gallery_lightbox div.carousel-indicators{display: none;}.s_gallery_lightbox .modal-body.o_slideshow .carousel-item > a{display: flex; height: 100%; width: 100%;}.s_gallery_lightbox .modal-body.o_slideshow .carousel-item > a > img, .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > img{max-height: 100%; max-width: 100%; margin: auto;}.s_gallery_lightbox .modal-body.o_slideshow .carousel{height: 100%;}.s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-inner{height: 100%;}.s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item.active, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev{display: flex; align-items: center; height: 100%;}.s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev-icon, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next-icon{width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; background-color: #000; border-radius: var(--border-radius);} /* /website/static/src/snippets/s_company_team/000.scss */ @media (max-width: 991.98px){.s_company_team .row.s_col_no_resize > .o_not_editable img.o_editable_media{height: 8rem;}} /* /website/static/src/snippets/s_references/000.scss */ .s_references .img-thumbnail{border: none;} /* /website/static/src/snippets/s_popup/001.scss */ .s_popup[data-vcss='001'] .modal-content{min-height: 2.25rem; border: 0; border-radius: 0; box-shadow: var(--box-shadow);}.s_popup[data-vcss='001'] .s_popup_close{z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; --background-color: #FFFFFF; --color: #714B67; background-color: #FFFFFF !important; color: #714B67; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 1.125rem; text-align: center;}.s_popup[data-vcss='001'] .s_popup_size_full{padding: 0 !important; max-width: 100%;}.s_popup[data-vcss='001'] .s_popup_size_full > .modal-content{background-color: transparent; box-shadow: none; border-radius: 0;}.s_popup[data-vcss='001'] .modal-dialog{margin: 0 0 0 auto; min-height: 100%;}.s_popup[data-vcss='001'] .modal-dialog:not(.s_popup_size_full){padding: 1rem !important;}.s_popup[data-vcss='001'] .s_popup_top .modal-dialog{align-items: flex-start;}.s_popup[data-vcss='001'] .s_popup_middle .modal-dialog{align-items: center; margin-right: auto;}.s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog{align-items: flex-end;}.s_popup[data-vcss='001'] .s_popup_no_backdrop{pointer-events: none;}.s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog{height: 100%;}.s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog .modal-content{max-height: 100%; overflow-y: auto; overflow-x: hidden;} /* /website/static/src/snippets/s_features_grid/001.scss */ .s_features_grid[data-vcss="001"] .s_features_grid_icon.float-start{margin-inline-end: var(--s_features_grid_icon_margin, 1rem) !important;}.s_features_grid[data-vcss="001"] .s_features_grid_icon.float-end{margin-inline-start: var(--s_features_grid_icon_margin, 1rem) !important;} /* /website/static/src/snippets/s_tabs/003.scss */ .s_tabs_common{--tabs-bg-color: #F8F9FA; --tabs-link-color: #212529;}.s_tabs_common .nav-link:focus-visible{box-shadow: inset 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.s_tabs_common .nav-underline{--nav-underline-link-active-color: currentColor;}.s_tabs_common .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_right > .tab-pane.fade{transition: all 0.2s ease-in-out;}.s_tabs_common .s_tabs_content.s_tabs_slide_up > .tab-pane.fade:where(:not(.show)){transform: translateY(-1rem);}.s_tabs_common .s_tabs_content.s_tabs_slide_down > .tab-pane.fade:where(:not(.show)){transform: translateY(1rem);}.s_tabs_common .s_tabs_content.s_tabs_slide_left > .tab-pane.fade:where(:not(.show)){transform: translateX(-1rem);}.s_tabs_common .s_tabs_content.s_tabs_slide_right > .tab-pane.fade:where(:not(.show)){transform: translateX(1rem);}.s_tabs_common .s_tabs_main .nav-tabs{--nav-tabs-link-hover-border-color: transparent;}.s_tabs_common .s_tabs_main.o_direction_horizontal .nav{white-space: nowrap;}@media (max-width: 767.98px){.s_tabs_common .s_tabs_main .nav{white-space: nowrap;}}.s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-tabs), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons){background: var(--tabs-bg-color, #F8F9FA);}.s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-tabs) .nav .nav-item a.nav-link, .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons) .nav .nav-item a.nav-link{color: var(--tabs-link-color, #212529);}.s_tabs_common .s_tabs_main .nav-tabs a.active{color: #212529;}.s_tabs_common .s_tabs_main .nav-underline{border-bottom: 1px solid var(--o-border-color);}.s_tabs_common .s_tabs_main .nav-underline .nav-link{margin-bottom: -1px;}.s_tabs_common .s_tabs_main .nav-underline .nav-link:not(.active){border: 0;}@media (min-width: 576px){.s_tabs_common .s_tabs_main.row .nav-underline{border-bottom: 0; border-left: 1px solid var(--o-border-color);}.s_tabs_common .s_tabs_main.row .nav-underline .nav-link{margin-left: -1px; padding: 0.25rem 1rem;}.s_tabs_common .s_tabs_main.row .nav-underline .nav-link.active{border-left: 2px solid #65435c; border-bottom: 0;}}.s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified) .nav-buttons, .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill) .nav-buttons{width: 100%;}.s_tabs_common .s_tabs_main .nav-buttons .active{color: #212529; background-color: #ffffff;}.s_tabs_common .s_tabs_main .nav-buttons .active:where(:not(:focus-visible)){box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);}.s_tabs_common .s_tabs_main .nav-pills .active:where(:focus-visible){box-shadow: inset 0 0 0 0.25rem rgba(255, 255, 255, 0.25);} /* /website/static/src/snippets/s_tabs_images/000.scss */ .s_tabs_images .o_nav_tabs_description{display: none;}@media (min-width: 992px){.s_tabs_images .s_tabs_nav_with_descriptions:where(.s_tabs_nav_vertical) :where(.o_nav_tabs_description), .s_tabs_images .s_tabs_nav_with_descriptions_active:where(.s_tabs_nav_vertical) .active > :where(.o_nav_tabs_description){display: block;}}.s_tabs_images .s_tabs_pills_template .nav-link.active{background: var(--nav-pills-link-active-bg) !important; color: var(--nav-pills-link-active-color) !important;} /* /website/static/src/snippets/s_table_of_content/000.scss */ .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar, .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar{position: sticky; top: 0px; left: auto; bottom: auto; right: auto;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar{overflow: auto;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky), .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky) .s_table_of_content_navbar{top: 0px !important;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar{overflow-wrap: break-word;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action{background: none; color: inherit; opacity: 0.7; font-weight: 500; padding-left: 3px; transition: padding 0.1s;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:before{position: absolute; top: 10px; left: 0; bottom: 10px; right: auto; width: 2px; content: "";}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:hover{opacity: 1;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:focus{background: none;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active{background: none; padding-left: 8px; opacity: 1;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active:before{background-color: #714B67;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar{z-index: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 2rem;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar{display: inline;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item-action{width: auto;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item{display: inline-block; margin-bottom: 2px;} /* /website/static/src/snippets/s_quotes_carousel/002.scss */ .s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote{margin-bottom: 0;}@media (max-width: 767.98px){.s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote{width: 100% !important;}} /* /website/static/src/snippets/s_masonry_block/001.scss */ .s_masonry_block[data-vcss='001'] .row.o_grid_mode > div.o_grid_item_image{--grid-item-padding-y: 0px; --grid-item-padding-x: 0px;} /* /website/static/src/snippets/s_media_list/001.scss */ .s_media_list[data-vcss="001"] .s_media_list_item > .row{overflow: hidden;}.s_media_list[data-vcss="001"] .s_media_list_body{padding: 2rem;}.s_media_list[data-vcss="001"] .s_media_list_img{object-fit: cover;} /* /website/static/src/snippets/s_showcase/003.scss */ .s_showcase[data-vcss='003'] .s_showcase_icon.float-start{margin-inline-end: var(--s_showcase_icon_margin, 1rem) !important;}.s_showcase[data-vcss='003'] .s_showcase_icon.float-end{margin-inline-start: var(--s_showcase_icon_margin, 1rem) !important;} /* /website/static/src/snippets/s_floating_blocks/000.scss */ .s_floating_blocks{--floating-boxes-box-ratio-sm: 0.6; --floating-boxes-box-ratio-lg: 2; --floating-boxes-box-ratio-lg-container-small: 1.6; --floating-boxes-box-ratio-xl: 2.3; --floating-boxes-box-padding-x-sm: 1.5rem; --floating-boxes-box-padding-x-lg: 3rem; --floating-boxes-grid-rows: 8;}.s_floating_blocks .s_floating_blocks_block{border-radius: inherit; box-shadow: inherit; top: 0; opacity: 0; transition: opacity .2s; will-change: transform; transform-origin: center top; contain: layout paint; backface-visibility: hidden; padding-left: var(--floating-boxes-box-padding-x, var(--floating-boxes-box-padding-x-sm)); padding-right: var(--floating-boxes-box-padding-x, var(--floating-boxes-box-padding-x-sm)); aspect-ratio: var(--floating-boxes-box-ratio, var(--floating-boxes-box-ratio-sm)); max-height: calc(100vh - 6rem) !important; max-height: calc(100lvh - 6rem) !important;}@media (min-width: 992px){.s_floating_blocks > .container, .s_floating_blocks > .o_container_small, .s_floating_blocks > .container-fluid, .s_floating_blocks > .container-sm, .s_floating_blocks > .container-md, .s_floating_blocks > .container-lg, .s_floating_blocks > .container-xl, .s_floating_blocks > .container-xxl{--floating-boxes-box-ratio: var(--floating-boxes-box-ratio-lg); --floating-boxes-box-padding-x: var(--floating-boxes-box-padding-x-lg);}.s_floating_blocks > .o_container_small{--floating-boxes-box-ratio: var(--floating-boxes-box-ratio-lg-container-small);}.s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div{padding-left: 3rem; padding-right: 3rem;}.s_floating_blocks .s_floating_blocks_block > .container, .s_floating_blocks .s_floating_blocks_block > .container-fluid, .s_floating_blocks .s_floating_blocks_block > .container-sm, .s_floating_blocks .s_floating_blocks_block > .container-md, .s_floating_blocks .s_floating_blocks_block > .container-lg, .s_floating_blocks .s_floating_blocks_block > .container-xl, .s_floating_blocks .s_floating_blocks_block > .container-xxl, .s_floating_blocks .s_floating_blocks_block > .o_container_small{height: calc(50px * var(--floating-boxes-grid-rows));}}@media (min-width: 1200px){.s_floating_blocks > .container, .s_floating_blocks > .o_container_small, .s_floating_blocks > .container-fluid, .s_floating_blocks > .container-sm, .s_floating_blocks > .container-md, .s_floating_blocks > .container-lg, .s_floating_blocks > .container-xl, .s_floating_blocks > .container-xxl{--floating-boxes-box-ratio: var(--floating-boxes-box-ratio-xl);}.s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div{padding-left: 6rem; padding-right: 6rem;}}@media (min-width: 1400px){.s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div{padding-left: 9rem; padding-right: 9rem;}}.s_floating_blocks .s_floating_blocks_wrapper.s_floating_blocks_wrapper_shadow{box-shadow: 0px 1vh 2vh rgba(0, 0, 0, 0.175);} /* /website/static/src/snippets/s_timeline/002.scss */ @media (min-width: 768px){.s_timeline[data-vcss="002"]{--o-dot-left: 50%; --o-dot-line-left: 50%;}}@media (max-width: 767.98px){.s_timeline[data-vcss="002"] .s_timeline_card{margin-left: 0 !important; margin-right: 0 !important;}} /* /website/static/src/snippets/s_timeline_list/000.scss */ .s_timeline_list{--o-dot-left: calc(var(--o-timeline-dot-size, 24px) * 0.5); --o-dot-line-left: calc(var(--o-timeline-dot-size, 24px) * 0.5);}.s_timeline_list .s_timeline_list_row{padding-left: calc(var(--o-timeline-dot-size, 24px) * 1.25);}.s_timeline_list .s_timeline_list_row:last-of-type .o_dot_line{display: none;} /* /website/static/src/snippets/s_process_steps/002.scss */ .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_number{width: 5rem; height: 5rem;}.s_process_steps[data-vcss='002'] .s_process_step .s_process_step_number img{object-fit: contain;}.s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector{height: 5rem; width: calc(100% - 5rem); left: calc(50% + 2.5rem + 16px); transform: unset;}.s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector.o_up_curve{transform: scale(1, -1);}.o_rtl .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector{transform: scale(-1, 1);}.o_rtl .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector.o_up_curve{transform: scale(-1, -1);}.s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector path{stroke: var(--o-border-color); fill: transparent;}.s_process_steps[data-vcss='002'] .s_process_step:last-child .s_process_step_connector{display: none;}.s_process_steps[data-vcss='002'] .s_process_steps_arrow_head path{fill: #6C757D; stroke: transparent;}@media (max-width: 991.98px){.s_process_steps[data-vcss='002'] .s_process_step_connector{display: none;}} /* /website/static/src/snippets/s_accordion/000.scss */ .s_accordion .accordion{--accordion-btn-focus-box-shadow: inset 0 0 0 0.25rem rgba(113, 75, 103, 0.25);}.s_accordion .accordion-button:not(:focus-visible){box-shadow: none;}.s_accordion .accordion-button:after{margin: 0; background: none; font-family: 'odoo_ui_icons'; text-align: center; content: '\e839';}.s_accordion .o_icons_side_to_bottom{--accordion-btn-icon-transform: rotate(0deg);}.s_accordion .o_icons_side_to_bottom > .accordion-item > .accordion-button.collapsed.o_icons_position_reversed:after{transform: rotate(-90deg);}.s_accordion .o_icons_side_to_bottom > .accordion-item > .accordion-button.collapsed:after{transform: rotate(90deg);}.s_accordion .o_custom_icons_wrap{width: 1.25rem; height: 1.25rem;}.s_accordion .o_icons_plus_to_minus > .accordion-item > .accordion-header > .o_custom_icons_wrap:before, .s_accordion .o_icons_plus_to_minus > .accordion-item > .accordion-header > .o_custom_icons_wrap:after{content: ''; position: absolute; inset: 0; height: 2px; display: block; margin: auto 0.25rem; background: currentColor; transition: transform 0.2s ease-in-out;}.s_accordion .o_icons_plus_to_minus > .accordion-item > .accordion-button.collapsed .o_custom_icons_wrap:after{transform: rotate(90deg);}.s_accordion .o_custom_icons > .accordion-item > .accordion-button:after{display: none;}.s_accordion .o_custom_icons.o_transition > .accordion-item > .accordion-button > .o_custom_icons_wrap > span{transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;}.s_accordion .o_custom_icons > .accordion-item > .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive{opacity: 0;}.s_accordion .o_custom_icons.o_transition_scale > .accordion-item > .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons.o_transition_scale > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive{transform: scale(0); opacity: 1;}.s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive{opacity: 1;}.s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button.collapsed .o_custom_icon_active{transform: translateY(-100%);}.s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive{transform: translateY(100%);}.s_accordion .s_accordion_highlight > .accordion-item{border: 0; border-radius: var(--accordion-border-radius); overflow: hidden;}.s_accordion .s_accordion_highlight > .accordion-item:has(> .collapsed){background: transparent !important; color: inherit;}.s_accordion .s_accordion_highlight > .accordion-item:not(:has(> .collapsed))::before{position: absolute; inset: 0; display: block; background: rgba(0, 0, 0, 0.4); background-color: color-mix(in srgb, currentColor 4%, transparent); content: ''; z-index: -1;}.s_accordion .accordion-flush .accordion-item:first-of-type{border-top-left-radius: var(--accordion-border-radius); border-top-right-radius: var(--accordion-border-radius);}.s_accordion .accordion-flush .accordion-item:first-of-type > .accordion-header .accordion-button{border-top-left-radius: var(--accordion-inner-border-radius); border-top-right-radius: var(--accordion-inner-border-radius);}.s_accordion .accordion-flush .accordion-item:last-of-type{border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius);}.s_accordion .accordion-flush .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{border-bottom-right-radius: var(--accordion-inner-border-radius); border-bottom-left-radius: var(--accordion-inner-border-radius);}.s_accordion .accordion-flush .accordion-item:last-of-type > .accordion-collapse{border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius);} /* /website/static/src/snippets/s_text_highlight/000.scss */ .s_text_highlight{padding: 1.5rem; border-radius: 0.4rem;}.s_text_highlight :last-child{margin-bottom: 0;} /* /website/static/src/snippets/s_pricelist_cafe/000.scss */ @media (max-width: 991.98px){.s_pricelist_cafe > .o_html_builder_Origins_19:not(.o_shape_show_mobile){display: none;}} /* /website/static/src/snippets/s_progress_bar/001.scss */ .s_progress_bar[data-vcss="001"] .s_progress_bar_wrapper{flex-direction: column;}.s_progress_bar[data-vcss="001"] .progress{--progress-bg: color-mix(in srgb, currentColor 20%, transparent); --progress-font-size: 1rem;}.s_progress_bar.s_progress_bar_label_inline[data-vcss="001"] .progress{--progress-height: 1.6em;}.s_progress_bar.s_progress_bar_label_below[data-vcss="001"] .s_progress_bar_text{text-align: right;}.s_progress_bar.s_progress_bar_label_after[data-vcss="001"] .s_progress_bar_wrapper{flex-direction: row; align-items: center;}.s_progress_bar.s_progress_bar_label_after[data-vcss="001"] .progress{flex-basis: 100%;} /* /website/static/src/snippets/s_blockquote/001.scss */ .s_blockquote[data-vcss="001"]{border: 0; border-radius: 0.4rem;}.s_blockquote.s_blockquote_with_line[data-vcss="001"]{overflow: hidden;}.s_blockquote[data-vcss="001"] .s_blockquote_avatar{width: 3rem;}.s_blockquote[data-vcss="001"] .s_blockquote_line_elt{width: 0.25rem;}.s_blockquote[data-vcss="001"]:not(.s_blockquote_with_line) > .s_blockquote_line_elt, .s_blockquote[data-vcss="001"]:not(.s_blockquote_with_icon) > .s_blockquote_wrap_icon, .s_blockquote[data-vcss="001"] .s_blockquote_infos{display: none;} /* /website/static/src/snippets/s_badge/000.scss */ .s_badge{padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 50rem;}.s_badge .fa{margin: 0 0.3rem 0 0;} /* /website/static/src/snippets/s_color_blocks_2/000.scss */ .s_color_blocks_2.o_half_screen_height > :first-child, .s_color_blocks_2.cover_mid > :first-child, .s_color_blocks_2.o_half_screen_height > :first-child > .row, .s_color_blocks_2.cover_mid > :first-child > .row, .s_color_blocks_2.o_full_screen_height > :first-child, .s_color_blocks_2.cover_full > :first-child, .s_color_blocks_2.o_full_screen_height > :first-child > .row, .s_color_blocks_2.cover_full > :first-child > .row{min-height: inherit;}.s_color_blocks_2 .row{display: flex; flex-flow: row wrap;}.s_color_blocks_2 .row::before, .s_color_blocks_2 .row::after{width: 0;}.s_color_blocks_2 > .container > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-fluid > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-sm > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-md > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-lg > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-xl > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-xxl > .row > [class*="col-lg-"], .s_color_blocks_2 > .o_container_small > .row > [class*="col-lg-"]{padding: 8% 5%; padding-top: 8vw; padding-bottom: 8vw;}.s_color_blocks_2 img{max-width: 100%; height: auto;} /* /website/static/src/snippets/s_attributes_horizontal/000.scss */ .s_attributes_horizontal .s_attributes_horizontal_img.float-start{margin-inline-end: var(--s_attributes_horizontal_margin, 1rem) !important;}.s_attributes_horizontal .s_attributes_horizontal_img.float-end{margin-inline-start: var(--s_attributes_horizontal_margin, 1rem) !important;} /* /website/static/src/snippets/s_attributes_vertical/000.scss */ .s_attributes_vertical .s_attributes_vertical_img.float-start{margin-inline-end: var(--s_attributes_vertical_margin, 1rem) !important;}.s_attributes_vertical .s_attributes_vertical_img.float-end{margin-inline-start: var(--s_attributes_vertical_margin, 1rem) !important;} /* /website/static/src/snippets/s_mega_menu_little_icons/000.scss */ .s_mega_menu_little_icons:not([data-vcss]) .nav-link:hover, .s_mega_menu_little_icons:not([data-vcss]) .nav-link:focus{background: rgba(0, 0, 0, 0.05);} /* /website/static/src/snippets/s_mega_menu_images_subtitles/000.scss */ .s_mega_menu_images_subtitles:not([data-vcss]) .d-flex img{max-width: 64px; align-self: start;}.s_mega_menu_images_subtitles:not([data-vcss]) .nav-link:hover, .s_mega_menu_images_subtitles:not([data-vcss]) .nav-link:focus{background: rgba(0, 0, 0, 0.05);}@media (max-width: 991.98px){.s_mega_menu_images_subtitles:not([data-vcss]) .row > div.col-lg{min-width: fit-content;}} /* /website/static/src/snippets/s_mega_menu_menus_logos/000.scss */ .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_menus_logos_wrapper{border-color: rgba(0, 0, 0, 0.05) !important;}@media (min-width: 576px) and (max-width: 991.98px){.s_mega_menu_menus_logos:not([data-vcss]) .row > div.col-sm-6{min-width: min-content; flex-grow: 1;}} /* /website/static/src/snippets/s_mega_menu_odoo_menu/000.scss */ .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer{border-color: rgba(0, 0, 0, 0.05);}@media (min-width: 768px) and (max-width: 991.98px){.s_mega_menu_odoo_menu:not([data-vcss]) .row > div.col-md-6{min-width: min-content;}} /* /website/static/src/snippets/s_mega_menu_big_icons_subtitles/000.scss */ @media (min-width: 768px) and (max-width: 991.98px){.s_mega_menu_big_icons_subtitles:not([data-vcss]) .row > div.col-md-6{min-width: fit-content;}} /* /website/static/src/snippets/s_mega_menu_cards/000.scss */ .s_mega_menu_cards:not([data-vcss]) .nav-link:hover, .s_mega_menu_cards:not([data-vcss]) .nav-link:focus{background: rgba(0, 0, 0, 0.05);}@media (min-width: 576px) and (max-width: 991.98px){.s_mega_menu_cards:not([data-vcss]) .row > div.col-sm-6{min-width: min-content; flex-grow: 1;}} /* /website/static/src/snippets/s_google_map/000.scss */ .s_google_map{position: relative; min-height: 100px;}.s_google_map .map_container{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}.s_google_map .description{position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(113, 75, 103, 0.8); color: #FFFFFF; transition: background-color 250ms ease;}.s_google_map .description font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}.s_google_map .description span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;}.s_google_map:hover .description{background: #714B67; background: rgba(113, 75, 103, 0.55); color: #212529;} /* /website/static/src/snippets/s_map/000.scss */ .s_map{position: relative; min-height: 100px;}.s_map .map_container{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}.s_map .description{position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(113, 75, 103, 0.8); color: #FFFFFF; transition: background-color 250ms ease;}.s_map .description font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}.s_map .description span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;}.s_map:hover .description{background: #714B67; background: rgba(113, 75, 103, 0.55); color: #212529;}.s_map .s_map_color_filter{position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; pointer-events: none;} /* /website/static/src/snippets/s_dynamic_snippet/000.scss */ body:not(.editor_enable) #wrap .s_dynamic.o_dynamic_empty:not(.o_check_scroll_position), body:not(.editor_enable) #wrap .s_dynamic.s_dynamic_empty:not(.o_check_scroll_position), body:not(.editor_enable) #wrap .s_dynamic.o_dynamic_snippet_empty:not(.o_check_scroll_position){display: none !important;}body:not(.editor_enable) #wrap .s_dynamic.o_dynamic_snippet_loading:not(.o_check_scroll_position) section:not(.s_dynamic_snippet_holder){display: none !important;}body:not(.editor_enable) #wrap .s_dynamic.o_dynamic_snippet_loading:not(.o_check_scroll_position) .s_dynamic_snippet_holder{display: block !important;}.s_dynamic [data-url]{cursor: pointer;}.s_dynamic img{object-fit: scale-down;}@media (min-width: 992px){.s_dynamic > .container .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > *, .s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > *{flex: 0 1 MAX(var(--DynamicSnippet__entry-maxWidth, 315px), 50%);}}@media (min-width: 992px){.s_dynamic > .o_container_small .s_dynamic_snippet_row > *{flex: 0 1 MAX(var(--DynamicSnippet__entry-maxWidth, 315px), 50%);}}.s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside{min-width: 41.66666667%;}@media (min-width: 992px){.s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > *{flex: 1 1 var(--DynamicSnippet__entry-maxWidth, 315px);}}.s_dynamic.s_dynamic_snippet_cover_left .s_dynamic_snippet_content_position{flex-direction: row-reverse;} /* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss */ .s_dynamic .dynamic_snippet_template .card-footer a, .s_dynamic .dynamic_snippet_template .card-footer button, .s_dynamic .o_dynamic_snippet_btn_wrapper{z-index: 2;}.s_dynamic .s_dynamic_snippet_arrow_bottom > .carousel-control-prev, .s_dynamic .s_dynamic_snippet_arrow_bottom .carousel-control-next{position: relative;}.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content{width: 75%;} /* /website/static/src/snippets/s_embed_code/000.scss */ .editor_enable .s_embed_code{min-height: 0.875rem;} /* /website/static/src/snippets/s_website_form/001.scss */ .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden{display: block; opacity: 0.5;}.editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden_if{display: block !important; background-color: #D9D9D9;}.editor_enable .s_website_form[data-vcss="001"] .s_website_form_field select{pointer-events: none;}@media (max-width: 575.98px){.s_website_form[data-vcss="001"] .s_website_form_label{width: auto !important;}}.s_website_form[data-vcss="001"] .s_website_form_field_hidden{display: none;}.s_website_form[data-vcss="001"] span.s_website_form_mark{font-size: 0.85em; font-weight: 400;}.s_website_form[data-vcss="001"] .s_website_form_dnone{display: none;}.s_website_form[data-vcss="001"] .s_website_form_submit .s_website_form_label, .s_website_form[data-vcss="001"] .s_website_form_recaptcha .s_website_form_label{float: left; height: 1px;}.s_website_form[data-vcss="001"] .s_website_form_no_submit_label .s_website_form_label{display: none;}.s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap{border: 1px solid #9a9ca5; border-radius: 0.25rem; font-size: 0.9em; line-height: normal;}.s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap div.o_file_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap i.o_file_delete{max-width: 25%; padding: 2px 4px 3px 4px; color: #714B67; cursor: pointer;}.s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap i.o_file_delete:hover{color: #5a3c52;}.s_website_form[data-vcss="001"] .o_add_files_button{background-color: #e7e9ed; width: fit-content;}.s_website_form[data-vcss="001"] .o_add_files_button:hover{background-color: #dadde3;}@media (max-width: 767.98px){.s_website_form[data-vcss="001"] .datetimepicker-input{caret-color: transparent;}}body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_date:not(.s_website_form_datepicker_initialized) [value], body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_datetime:not(.s_website_form_datepicker_initialized) [value]{color: transparent;} /* /website/static/src/snippets/s_quadrant/000.scss */ /* /website/static/src/snippets/s_website_form_cover/000.scss */ .s_website_form_cover > *:not(.o_scroll_button), .s_website_form_cover > *:not(.o_scroll_button) > .row{min-height: inherit;} /* /website/static/src/snippets/s_ecomm_categories_showcase/000.scss */ .s_ecomm_categories_showcase{--ecomm-categories-showcase-min-height: 50vh; --ecomm-categories-showcase-width: 85%; --ecomm-categories-showcase-row-height: 100%; --ecomm-categories-showcase-flex-base: 1; --ecomm-categories-showcase-edge-spacing: 15px;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_block{flex: 0 0 auto; scroll-snap-align: start; width: var(--ecomm-categories-showcase-width); overflow: hidden; min-height: 45vh;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_block .s_ecomm_categories_showcase_row{height: var(--ecomm-categories-showcase-row-height); padding: 1.5rem; margin: 0; z-index: 2;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_block .o_bg_video_container iframe{top: 50%; left: 50%; transform: translate(-50%, -50%);}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_content{width: 100%; padding: 0;}@media (max-width: 991.98px){.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{margin-left: calc(var(--ecomm-categories-showcase-edge-spacing) * -1); margin-right: calc(var(--ecomm-categories-showcase-edge-spacing) * -1); padding: 0 var(--ecomm-categories-showcase-edge-spacing); scroll-padding-left: var(--ecomm-categories-showcase-edge-spacing); scroll-padding-right: var(--ecomm-categories-showcase-edge-spacing);}}@media (min-width: 768px) and (max-width: 991.98px){.s_ecomm_categories_showcase{--ecomm-categories-showcase-width: 55%;}}@media (min-width: 992px){.s_ecomm_categories_showcase .container-fluid, .s_ecomm_categories_showcase .container-sm, .s_ecomm_categories_showcase .container-md, .s_ecomm_categories_showcase .container-lg, .s_ecomm_categories_showcase .container-xl, .s_ecomm_categories_showcase .container-xxl{padding: 0 var(--ecomm-categories-showcase-fluid-padding-x, 0);}.s_ecomm_categories_showcase .container-fluid:has(.gap-4), .s_ecomm_categories_showcase .container-sm:has(.gap-4), .s_ecomm_categories_showcase .container-md:has(.gap-4), .s_ecomm_categories_showcase .container-lg:has(.gap-4), .s_ecomm_categories_showcase .container-xl:has(.gap-4), .s_ecomm_categories_showcase .container-xxl:has(.gap-4){--ecomm-categories-showcase-fluid-padding-x: 30px;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{flex-wrap: wrap; overflow-x: visible;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_block{flex: var(--ecomm-categories-showcase-flex-base); min-height: var(--ecomm-categories-showcase-min-height); width: auto; transition: flex 0.3s ease-out;}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:hover .s_ecomm_categories_showcase_block, .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:focus-within .s_ecomm_categories_showcase_block:not(:focus-within){flex: var(--ecomm-categories-showcase-flex-base);}.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:hover .s_ecomm_categories_showcase_block:hover, .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_block:focus-within{flex: 3;}.s_ecomm_categories_showcase.first-large-layout .s_ecomm_categories_showcase_block:first-child{flex: 2;}}.s_ecomm_categories_showcase.o_min_height_short{--ecomm-categories-showcase-min-height: 25vh;}@media (max-width: 767.98px){.s_ecomm_categories_showcase.o_min_height_short .s_ecomm_categories_showcase_block{min-height: 30vh;}}.s_ecomm_categories_showcase.o_min_height_tall{--ecomm-categories-showcase-min-height: 75vh;}@media (max-width: 767.98px){.s_ecomm_categories_showcase.o_min_height_tall .s_ecomm_categories_showcase_block{min-height: 60vh;}} /* /website/static/src/snippets/s_banner_categories/000.scss */ /* /website_payment/static/src/snippets/s_donation/000.scss */ .s_donation:not([data-vcss]) input::-webkit-outer-spin-button, .s_donation:not([data-vcss]) input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}.s_donation:not([data-vcss]) input[type=number]{-moz-appearance: textfield;}.s_donation:not([data-vcss]) .s_donation_btn{display: inline-flex; transition: background 0.2s;}.s_donation:not([data-vcss]) .s_donation_btn:focus{box-shadow: none !important;}.s_donation:not([data-vcss]) #s_donation_amount_input{border: none; outline: none; max-width: 145px; background-color: transparent; font-size: inherit; color: inherit;}.s_donation:not([data-vcss]) #s_donation_amount_input::placeholder{opacity: 0.6; color: inherit;}.s_donation:not([data-vcss]) .s_donation_range_slider_wrap{width: 90%;}.s_donation:not([data-vcss]) .s_donation_range_slider_wrap #s_donation_range_slider{margin-bottom: 50px;}.s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble{position: absolute; left: 0%; margin-top: 28px; padding: 0.5rem 1rem; color: #FFFFFF; background: #714B67; font-size: 1.15rem; border-radius: 0.3rem; transform: translateX(-50%);}.s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble::after{content: ""; position: absolute; top: -5px; left: 50%; width: 0; border-style: solid; border-color: #714B67 transparent; border-width: 0 5px 5px; margin-left: -5px;} /* /website/static/src/scss/user_custom_rules.scss */