@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}:root{--layout-primary: hsl(250, 85%, 65%);--layout-primary-glow: hsla(250, 85%, 65%, .4);--layout-secondary: hsl(190, 80%, 50%);--layout-accent: hsl(330, 90%, 65%);--layout-bg: hsl(230, 30%, 96%);--layout-surface: hsla(0, 0%, 100%, .7);--layout-surface-opaque: hsl(0, 0%, 100%);--layout-text: hsl(230, 40%, 20%);--layout-text-muted: hsl(230, 20%, 50%);--layout-border: hsla(0, 0%, 0%, .05);--layout-glass-border: hsla(0, 0%, 100%, .5);--layout-radius-xl: 24px;--layout-radius-lg: 16px;--layout-radius-md: 12px;--layout-shadow-soft: 0 10px 30px -10px hsla(230, 40%, 20%, .08);--layout-shadow-premium: 0 20px 40px -15px hsla(250, 85%, 65%, .15);--sidebar-w-expanded: 255px;--sidebar-w-collapsed: 80px;--topbar-h: 80px;--transition-smooth: all .4s cubic-bezier(.23, 1, .32, 1)}.admin-layout-container{display:flex;min-height:100vh;background-color:var(--layout-bg);background-image:radial-gradient(at 0% 0%,hsla(250,85%,65%,.03) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(190,80%,50%,.03) 0px,transparent 50%);transition:var(--transition-smooth)}.admin-main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;padding:20px;transition:var(--transition-smooth)}@media (min-width: 992px){.layout-sidebar-open .admin-main-wrapper{margin-left:var(--sidebar-w-expanded)}.layout-sidebar-collapsed .admin-main-wrapper{margin-left:var(--sidebar-w-collapsed)}}.admin-content-area{flex:1;background:var(--layout-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--layout-glass-border);border-radius:var(--layout-radius-xl);box-shadow:var(--layout-shadow-soft);margin-top:20px;overflow-y:auto;height:calc(100vh - var(--topbar-h) - 60px)}.custom-sidebar{position:fixed;top:20px;left:20px;bottom:20px;background:var(--layout-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--layout-glass-border);border-radius:var(--layout-radius-xl);box-shadow:var(--layout-shadow-soft);z-index:1000;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-smooth)}.custom-sidebar.expanded{width:calc(var(--sidebar-w-expanded) - 40px)}.custom-sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-header-area{padding:30px 24px;display:flex;align-items:center;gap:15px}.logo-icon-box{min-width:48px;height:48px;background:linear-gradient(135deg,var(--layout-primary),var(--layout-secondary));border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 16px -4px var(--layout-primary-glow)}.brand-text-name{font-size:1.4rem;font-weight:800;color:var(--layout-text);letter-spacing:-.5px;white-space:nowrap}.brand-text-name span{color:var(--layout-primary)}.sidebar-scroll-area{flex:1;overflow-y:auto;padding:10px 16px}.nav-list-wrapper{list-style:none;display:flex;flex-direction:column;gap:6px}.nav-link-btn{display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--layout-radius-md);text-decoration:none;color:var(--layout-text-muted);font-weight:600;transition:var(--transition-smooth)}.nav-icon-box{min-width:24px;font-size:1.4rem;display:flex;justify-content:center;transition:var(--transition-smooth)}.nav-link-btn:hover{background:rgba(115,90,242,.08);color:var(--layout-primary);transform:translate(4px)}.active-nav-link{background:var(--layout-primary);color:#fff!important;box-shadow:0 10px 20px -5px var(--layout-primary-glow)}.active-nav-link .nav-icon-box{color:#fff}.nav-group-wrapper{display:flex;flex-direction:column;gap:4px}.nav-group-header{display:flex;align-items:center;gap:16px;padding:12px 14px;color:var(--layout-text-muted);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-top:15px;opacity:.7}.nav-sub-list{list-style:none;display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid var(--layout-border);margin-left:25px;transition:var(--transition-smooth)}.nav-sub-link{display:flex;align-items:center;padding:10px 16px;border-radius:var(--layout-radius-md);text-decoration:none;color:var(--layout-text-muted);font-size:.9rem;font-weight:500;transition:var(--transition-smooth)}.nav-sub-link:hover{background:rgba(115,90,242,.05);color:var(--layout-primary);transform:translate(4px)}.active-sub-link{color:var(--layout-primary)!important;font-weight:700;background:rgba(115,90,242,.1)}.custom-topbar{height:var(--topbar-h);background:var(--layout-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--layout-glass-border);border-radius:var(--layout-radius-xl);box-shadow:var(--layout-shadow-soft);display:flex;align-items:center;padding:0 24px;transition:var(--transition-smooth)}.topbar-inner{width:100%;display:flex;justify-content:space-between;align-items:center}.search-bar-wrapper{background:rgba(0,0,0,.03);border-radius:var(--layout-radius-md);padding:10px 18px;display:flex;align-items:center;gap:12px;width:380px;border:1px solid transparent;transition:var(--transition-smooth)}.search-bar-wrapper:focus-within{background:#fff;border-color:var(--layout-primary);box-shadow:0 0 0 4px rgba(115,90,242,.1)}.search-input{border:none;background:transparent;outline:none;width:100%;font-family:inherit;font-weight:500;color:var(--layout-text)}.topbar-right{display:flex;align-items:center;gap:15px}.icon-action-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--layout-text-muted);background:rgba(0,0,0,.03);border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth);position:relative}.icon-action-btn:hover{background:#fff;color:var(--layout-primary);border-color:var(--layout-glass-border);transform:translateY(-2px)}.badge-indicator{position:absolute;top:-5px;right:-5px;background:var(--layout-accent);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;border:3px solid var(--layout-surface-opaque)}.profile-menu-btn{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--layout-glass-border);padding:6px 16px 6px 6px;border-radius:40px;cursor:pointer;transition:var(--transition-smooth)}.profile-menu-btn:hover{box-shadow:var(--layout-shadow-soft);transform:translateY(-2px)}.user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-name-text{font-weight:700;color:var(--layout-text);font-size:.95rem}@media (max-width: 991px){.custom-sidebar{left:-100%;top:0;bottom:0;width:280px!important;border-radius:0 30px 30px 0;margin:0;transition:left .5s cubic-bezier(.4,0,.2,1)}.custom-sidebar.expanded{left:0}.admin-main-wrapper{padding:15px}.admin-content-area{margin-top:15px;height:calc(100vh - var(--topbar-h) - 50px)}.search-bar-wrapper{width:44px;padding:0;justify-content:center}.search-input{display:none}.sidebar-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,19,36,.4);backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none;transition:opacity .4s}.sidebar-mobile-backdrop.visible{opacity:1;pointer-events:auto}}@media (max-width: 576px){.user-name-text{display:none}.profile-menu-btn{padding-right:6px}.custom-topbar{padding:0 15px}}.notification-popover{--width: 350px}.unread-item{--background: hsla(250, 85%, 65%, .05)}.unread-border{border-left:4px solid var(--layout-primary)!important}.status-msg{padding:16px;border-radius:var(--layout-radius-md);display:flex;align-items:center;gap:12px;font-weight:600}.status-success{background:#ecfdf5;color:#059669;border:1px solid #10b98133}.status-error{background:#fef2f2;color:#dc2626;border:1px solid #ef444433}:root{--erp-primary: #3B82F6;--erp-primary-hover: #2563EB;--erp-primary-light: #EFF6FF;--erp-secondary: #0EA5E9;--erp-success: #10B981;--erp-warning: #F59E0B;--erp-danger: #EF4444;--erp-bg: #F8FAFC;--erp-surface: #FFFFFF;--erp-text-main: #1E293B;--erp-text-muted: #64748B;--erp-text-light: #94A3B8;--erp-border: #E2E8F0;--erp-radius: 12px;--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 80px;--topbar-height: 70px;--ion-font-family: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--erp-bg);color:var(--erp-text-main);font-family:var(--ion-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-layout-container{display:flex;min-height:100vh;width:100%}.admin-main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--erp-bg);transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-sidebar-collapsed .admin-main-wrapper{padding-left:var(--sidebar-width-collapsed)}.admin-content-area{flex:1;padding:0;overflow-y:auto;height:calc(100vh - var(--topbar-height))}.page-content-wrapper{padding:32px;max-width:1400px;margin:0 auto;width:100%}.custom-sidebar{height:100vh;background:var(--erp-surface);border-right:1px solid var(--erp-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.custom-sidebar.expanded{width:var(--sidebar-width-expanded)}.custom-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header-area{height:var(--topbar-height);display:flex;align-items:center;padding:0 24px;gap:16px}.brand-logo-wrap{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo-icon-box{width:42px;height:42px;background:linear-gradient(135deg,var(--erp-primary),var(--erp-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.3rem;box-shadow:0 10px 20px -5px var(--erp-primary-glow)}.brand-text-name{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.brand-text-name span{color:var(--trend-sb-primary-gradient)}.sidebar-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 16px}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:var(--erp-border);border-radius:10px}.sidebar-nav-menu{display:flex;flex-direction:column;gap:8px}.nav-section-label{font-size:.7rem;font-weight:800;color:var(--erp-text-light);text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 8px 12px}.nav-list-wrapper{list-style:none}.nav-list-item{margin-bottom:2px}.nav-link-btn{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;color:var(--erp-text-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-icon-box{min-width:24px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform .3s}.nav-link-btn:hover{background:var(--erp-primary-light);color:var(--trend-sb-primary-gradient)}.nav-link-btn:hover .nav-icon-box{transform:translate(2px)}.active-nav-link{background:var(--erp-primary-light)!important;color:var(--erp-primary)!important}.active-nav-link .nav-icon-box{color:var(--trend-sb-primary-gradient)}.nav-active-dot{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;right:14px;box-shadow:0 0 10px rgba(255,255,255,.5)}.sidebar-footer-area{padding:24px 16px;border-top:1px solid var(--erp-border)}.sidebar-user-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--erp-bg);border-radius:16px;transition:all .3s;cursor:pointer}.sidebar-user-card:hover{background:var(--erp-border)}.footer-user-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;border:2px solid white}.footer-user-info{flex:1}.footer-user-info h4{font-size:.9rem;font-weight:700;margin-bottom:2px}.footer-user-info p{font-size:.75rem;color:var(--erp-text-muted)}.logout-action-btn{background:transparent;border:none;color:var(--erp-text-light);font-size:1.3rem;cursor:pointer;padding:6px;border-radius:10px;transition:all .2s}.logout-action-btn:hover{background:#ffe4e6;color:#f43f5e}.custom-topbar{height:var(--topbar-height);background:var(--erp-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--erp-border);position:sticky;top:0;z-index:90;transition:all .3s ease}.topbar-scrolled{background:var(--erp-surface);box-shadow:0 4px 20px rgba(0,0,0,.03)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-left{display:flex;align-items:center;gap:20px}.menu-toggle-btn{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--erp-border);color:var(--erp-text-main);font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.menu-toggle-btn:hover{background:var(--erp-bg);border-color:var(--trend-sb-primary-gradient);color:var(--trend-sb-primary-gradient)}.topbar-title-mobile h3{font-weight:800;font-size:1.25rem;letter-spacing:-.5px}.search-bar-wrapper{background:rgba(255,255,255,.376);border-radius:20px;border:1px solid var(--erp-border);padding:0 16px;display:flex;align-items:center;gap:12px;width:320px}.search-bar-wrapper:focus-within{background:transparent;border-color:var(--trend-sb-primary-gradient);box-shadow:0 0 0 2px var(--erp-primary-light)}.search-icon{font-size:1.2rem;color:var(--erp-text-light)}.search-input{border:none;background:transparent;outline:none;font-family:inherit;font-size:.95rem;width:100%;color:var(--erp-text-main)}.search-input::placeholder{color:var(--erp-text-light)}.search-shortcut{background:#fff;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:800;color:var(--erp-text-light);border:1px solid var(--erp-border)}.topbar-right{display:flex;align-items:center;gap:14px}.icon-action-btn{width:44px;height:44px;border-radius:14px;background:transparent;border:none;color:var(--erp-text-muted);font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}.icon-action-btn:hover{background:var(--erp-bg);color:var(--trend-sb-primary-gradient)}.badge-indicator{position:absolute;top:10px;right:10px;width:18px;height:18px;background:var(--erp-danger);color:#fff;font-size:.7rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--erp-surface)}.vertical-divider{width:1px;height:28px;background:var(--erp-border);margin:0 10px}.profile-menu-btn{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer}.user-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dropdown-icon{font-size:.9rem;color:var(--erp-text-muted)}.profile-details-text{display:flex;flex-direction:column;align-items:flex-start}.user-name-text{font-size:.9rem;font-weight:700;color:var(--erp-text-main)}.user-role-text{font-size:.75rem;color:var(--erp-text-muted)}.dashboard-container{display:flex;flex-direction:column;gap:32px}.page-header{display:flex;flex-direction:column;gap:6px}.page-title{font-size:2.2rem;font-weight:800;letter-spacing:-1.5px;color:var(--erp-text-main)}.page-subtitle{font-size:1.05rem;color:var(--erp-text-muted);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.dash-card{background:var(--erp-surface);border-radius:var(--erp-radius-lg);padding:28px;border:1px solid var(--erp-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--erp-shadow-sm)}.dash-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s}.dash-card:hover{transform:translateY(-8px);box-shadow:var(--erp-shadow-premium);border-color:var(--erp-primary-light)}.dash-card:hover:before{background:var(--trend-sb-primary-gradient)}.dash-card-content{display:flex;align-items:center;justify-content:space-between}.dash-card-info{display:flex;flex-direction:column;gap:4px}.dash-card-title{font-size:.9rem;font-weight:700;color:var(--erp-text-muted);text-transform:uppercase;letter-spacing:.5px}.dash-card-value{font-size:2rem;font-weight:800;color:var(--erp-text-main);letter-spacing:-1px}.dash-icon-wrapper{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:transform .3s}.dash-card:hover .dash-icon-wrapper{transform:scale(1.1) rotate(5deg)}.dash-icon-blue{background:#eef2ff;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.dash-icon-purple{background:#faf5ff;color:#a855f7}.dash-icon-green{background:#ecfdf5;color:#10b981}.dash-icon-orange{background:#fff7ed;color:#f59e0b}.dash-icon-red{background:#fff1f2;color:#f43f5e}.dash-icon-indigo{background:#f5f3ff;color:#818cf8}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.chart-card{background:var(--erp-surface);border-radius:var(--erp-radius-lg);padding:32px;border:1px solid var(--erp-border);box-shadow:var(--erp-shadow-sm)}.chart-title{font-size:1.25rem;font-weight:800;margin-bottom:32px;color:var(--erp-text-main);letter-spacing:-.5px}.chart-container{height:350px}@media (max-width: 991px){.sidebar-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);z-index:99;opacity:0;pointer-events:none;transition:opacity .4s}.sidebar-mobile-backdrop.visible{opacity:1;pointer-events:auto}}.mobile-close-sidebar-btn{display:none;margin-left:auto;background:var(--erp-bg);border:none;width:40px;height:40px;border-radius:10px;font-size:1.5rem;color:var(--erp-text-main);cursor:pointer;align-items:center;justify-content:center}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}@media (min-width: 992px){.mobile-search-btn{display:none}}@media (max-width: 991px){.topbar-center{display:none}.custom-sidebar{position:fixed;left:-100%;top:0;bottom:0;width:280px!important;transition:left .4s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px rgba(0,0,0,.1)}.custom-sidebar.expanded{left:0}.mobile-close-sidebar-btn{display:flex}.page-content-wrapper{padding:24px}}@media (max-width: 640px){.topbar-inner{padding:0 16px}.profile-details-text{display:none}.page-title{font-size:1.8rem}.dashboard-grid{grid-template-columns:1fr}.topbar-right{gap:8px}}.fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}.animate-up{opacity:0;animation:animateUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes animateUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--m-primary: #3B82F6;--m-primary-glow: rgba(59, 130, 246, .4);--m-secondary: #0EA5E9;--m-accent: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--m-bg: #F8FAFC;--m-surface: rgba(255, 255, 255, .85);--m-surface-opaque: #FFFFFF;--m-text-title: #1E293B;--m-text-body: #475569;--m-text-muted: #94A3B8;--m-border: rgba(226, 232, 240, .6);--m-glass-border: rgba(255, 255, 255, .5);--m-radius-full: 9999px;--m-radius-xl: 24px;--m-radius-lg: 16px;--m-radius-md: 12px;--m-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--m-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--m-shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--m-shadow-glow: 0 10px 15px -3px var(--m-primary-glow);--m-transition: all .3s cubic-bezier(.4, 0, .2, 1);--m-transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275);--m-sidebar-w: 270px;--m-sidebar-collapsed-w: 88px;--m-topbar-h: 80px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--m-bg);color:var(--m-text-body);overflow-x:hidden}.merp-layout-container{display:flex;min-height:100vh;position:relative;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(99,102,241,.03) 0%,transparent 50%)}.merp-main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:var(--m-transition);padding:20px;gap:20px}@media (min-width: 992px){.layout-sidebar-open .merp-main-content{margin-left:var(--m-sidebar-w)}.layout-sidebar-collapsed .merp-main-content{margin-left:var(--m-sidebar-collapsed-w)}}.merp-page-area{flex:1;background:var(--m-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--m-glass-border);border-radius:var(--m-radius-xl);box-shadow:var(--m-shadow-premium);overflow-y:auto;padding:0;animation:slideInUp .6s ease-out}.merp-sidebar{position:fixed;top:20px;left:20px;bottom:20px;background:var(--m-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--m-glass-border);border-radius:var(--m-radius-xl);box-shadow:var(--m-shadow-premium);z-index:1000;display:flex;flex-direction:column;transition:var(--m-transition-bounce);overflow:hidden}.merp-sidebar.expanded{width:calc(var(--m-sidebar-w) - 40px)}.merp-sidebar.collapsed{width:var(--m-sidebar-collapsed-w)}.merp-sidebar-header{padding:30px 24px;display:flex;align-items:center;gap:16px}.merp-logo-box{min-width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--m-primary),var(--m-secondary));box-shadow:var(--m-shadow-glow);transition:var(--m-transition-bounce)}.merp-logo-box img{width:32px;height:32px;object-fit:contain}.merp-brand-name{font-size:1.2rem;font-weight:800;color:var(--m-text-title);letter-spacing:-.5px;white-space:nowrap;opacity:1;transition:var(--m-transition)}.collapsed .merp-brand-name{opacity:0;pointer-events:none}.merp-sidebar-menu{flex:1;overflow-y:auto;padding:10px 16px;scrollbar-width:none}.merp-sidebar-menu::-webkit-scrollbar{display:none}.merp-nav-group{margin-bottom:20px}.merp-nav-section-title{padding:10px 12px;font-size:.7rem;font-weight:800;color:var(--m-text-muted);text-transform:uppercase;letter-spacing:1.5px}.merp-nav-link{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:var(--m-radius-lg);color:var(--m-text-body);text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--m-transition);margin-bottom:4px}.merp-nav-icon{font-size:1.4rem;min-width:24px;display:flex;align-items:center;justify-content:center;color:var(--m-text-muted);transition:var(--m-transition-bounce)}.merp-nav-link:hover{background:rgba(59,130,246,.08);color:var(--m-primary);transform:translate(4px)}.merp-nav-link:hover .merp-nav-icon{color:var(--m-primary);transform:scale(1.15)}.merp-nav-link.active{background:var(--m-primary);color:#fff;box-shadow:var(--m-shadow-glow)}.merp-nav-link.active .merp-nav-icon{color:#fff}.merp-sidebar-footer{padding:24px 16px;border-top:1px solid var(--m-border)}.merp-user-card{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.02);border-radius:var(--m-radius-lg);cursor:pointer;transition:var(--m-transition)}.merp-user-card:hover{background:rgba(0,0,0,.05)}.merp-user-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;border:2px solid white}.merp-user-info{flex:1;min-width:0;transition:var(--m-transition)}.collapsed .merp-user-info{display:none}.merp-user-info h4{font-size:.9rem;font-weight:700;color:var(--m-text-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merp-user-info p{font-size:.75rem;color:var(--m-text-muted)}.merp-topbar{height:var(--m-topbar-h);background:var(--m-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--m-glass-border);border-radius:var(--m-radius-xl);box-shadow:var(--m-shadow-sm);display:flex;align-items:center;padding:0 24px;position:relative;z-index:1010}.merp-topbar-inner{width:100%;display:flex;justify-content:space-between;align-items:center}.merp-search-box{background:rgba(0,0,0,.03);border-radius:var(--m-radius-lg);padding:10px 18px;display:flex;align-items:center;gap:12px;width:320px;border:1px solid transparent;transition:var(--m-transition)}.merp-search-box:focus-within{background:#fff;border-color:var(--m-primary);box-shadow:0 0 0 4px rgba(59,130,246,.1);width:400px}.merp-search-input{border:none;background:transparent;outline:none;font-family:inherit;font-weight:500;width:100%;color:var(--m-text-title)}.merp-topbar-actions{display:flex;align-items:center;gap:12px}.merp-icon-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.03);color:var(--m-text-body);border:none;cursor:pointer;transition:var(--m-transition-bounce);position:relative}.merp-icon-btn:hover{background:#fff;color:var(--m-primary);transform:translateY(-2px);box-shadow:var(--m-shadow-md)}.merp-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:var(--m-radius-full);border:3px solid white}.merp-dropdown-panel{box-shadow:var(--m-shadow-premium);background:#fff;z-index:1020}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.merp-hover-tilt:hover{transform:scale(1.02) rotate(1deg)}.merp-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 rgba(59,130,246,0)}}@media (max-width: 991px){.merp-sidebar{left:-100%;top:0;bottom:0;width:300px!important;border-radius:0 30px 30px 0;margin:0}.merp-sidebar.expanded{left:0}.merp-main-content{padding:15px}.merp-search-box{width:48px;padding:0;justify-content:center}.merp-search-input{display:none}.merp-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none;transition:opacity .4s}.merp-mobile-backdrop.visible{pointer-events:auto}}@media (max-width: 576px){.merp-topbar{padding:0 15px}.merp-topbar-actions{gap:8px}.merp-user-avatar{width:36px;height:36px}}.merp-spinner-s{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:merp-spin .8s linear infinite}.merp-year-pill{display:flex;align-items:center;gap:8px;background:rgba(59,130,246,.05);padding:8px 16px;border-radius:14px;border:1px solid rgba(59,130,246,.1);color:var(--m-primary);margin-left:15px}.merp-year-select{background:transparent;border:none;font-weight:700;color:var(--m-text-title);font-size:.85rem;outline:none;cursor:pointer}.merp-year-select option{background:#fff;color:var(--m-text-main)}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--m-surface)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--m-glass-border)!important;border-radius:var(--m-radius-lg)!important;padding:12px 40px 12px 16px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:.95rem!important;font-weight:600!important;color:var(--m-text-title)!important;cursor:pointer!important;transition:var(--m-transition-bounce)!important;box-shadow:var(--m-shadow-sm)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233B82F6' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important}select:hover{background-color:#fff!important;border-color:var(--m-primary)!important;box-shadow:var(--m-shadow-md)!important}select:focus{outline:none!important;border-color:var(--m-primary)!important;background-color:#fff!important;box-shadow:0 0 0 4px rgba(59,130,246,.15),var(--m-shadow-premium)!important}select option{background-color:#fff!important;color:var(--m-text-title)!important;padding:14px!important;font-weight:600!important}@media (max-width: 768px){select{padding:14px 44px 14px 18px!important;font-size:1rem!important;border-radius:var(--m-radius-md)!important}}.filter-input,.merp-year-select{min-width:140px!important}@keyframes selectPop{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}select:active{transform:scale(.97)!important}:root{--trend-sb-bg: #ffffff;--trend-sb-text: #334155;--trend-sb-text-muted: #64748b;--trend-sb-primary-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--trend-sb-active-bg: rgba(49, 46, 129, .08);--trend-sb-active-text: #1e1b4b;--trend-sb-radius: 16px;--trend-sb-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--trend-sb-transition: all .3s cubic-bezier(.4, 0, .2, 1);--trend-sb-width-expanded: 280px;--trend-sb-width-collapsed: 80px}.trend-sidebar{position:fixed;top:0;left:0;height:100vh;background:var(--trend-sb-bg);border-right:1px solid #f1f5f9;display:flex;flex-direction:column;z-index:1000;transition:var(--trend-sb-transition);box-shadow:var(--trend-sb-shadow);overflow:hidden}.trend-sidebar.expanded{width:var(--trend-sb-width-expanded)}.trend-sidebar.collapsed{width:var(--trend-sb-width-collapsed)}.trend-sb-header{padding:24px;display:flex;align-items:center;gap:16px;height:80px;border-bottom:1px solid #f1f5f9}.trend-sb-logo-wrapper{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.trend-sb-logo-wrapper img{width:40px;height:40px;object-fit:contain}.trend-sb-brand{font-weight:800;font-size:1.1rem;color:#1e1b4b;line-height:1.2;white-space:nowrap;opacity:1;transition:opacity .3s ease}.trend-sidebar.collapsed .trend-sb-brand{opacity:0;pointer-events:none}.trend-sb-brand span{display:block;font-size:.75rem;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);text-transform:uppercase;letter-spacing:1px}.trend-sb-menu{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.trend-sb-menu::-webkit-scrollbar{width:4px}.trend-sb-menu::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.trend-sb-nav-section{margin-bottom:24px}.trend-sb-section-title{padding:0 12px;margin-bottom:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--trend-sb-text-muted);letter-spacing:.05em}.trend-sidebar.collapsed .trend-sb-section-title{display:none}.trend-sb-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--trend-sb-radius);color:var(--trend-sb-text);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--trend-sb-transition);margin-bottom:4px}.trend-sb-link:hover{background:#f8fafc;color:#1e1b4b}.trend-sb-link.active{background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 4px 12px rgba(30,27,75,.2)}.trend-sb-icon{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.trend-sb-icon svg{width:20px;height:20px;stroke-width:2}.trend-sb-label{white-space:nowrap;opacity:1;transition:opacity .3s ease}.trend-sidebar.collapsed .trend-sb-label{opacity:0;width:0}.trend-sb-footer{padding:16px;border-top:1px solid #f1f5f9;background:#fdfdfd}.trend-sb-user-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--trend-sb-radius);background:#fff;border:1px solid #f1f5f9;cursor:pointer;transition:var(--trend-sb-transition)}.trend-sb-user-card:hover{border-color:#e2e8f0;background:#f8fafc}.trend-sb-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.trend-sb-user-info{flex:1;overflow:hidden}.trend-sb-user-info h4{margin:0;font-size:.9rem;font-weight:700;color:#1e293b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trend-sb-user-info p{margin:0;font-size:.75rem;color:var(--trend-sb-text-muted)}.trend-sb-logout-btn{color:#ef4444;opacity:.7}.trend-sb-logout-btn:hover{opacity:1}.trend-sidebar.collapsed .trend-sb-user-info,.trend-sidebar.collapsed .trend-sb-logout-btn{display:none}@media (max-width: 768px){.trend-sidebar{width:280px!important;left:-280px;box-shadow:none;border-right:none}.trend-sidebar.expanded{left:0;box-shadow:20px 0 50px rgba(0,0,0,.1)}.trend-sidebar.collapsed{left:-280px}.trend-sb-header{height:100px;padding-top:40px;background:#fff}.trend-sb-menu{padding:12px}.trend-sb-link{padding:14px 16px;font-size:1rem;margin-bottom:8px}.trend-sb-footer{padding-bottom:30px}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.trend-sb-link{animation:slideIn .3s ease-out both}.trend-sb-link:nth-child(1){animation-delay:.05s}.trend-sb-link:nth-child(2){animation-delay:.1s}.trend-sb-link:nth-child(3){animation-delay:.15s}.trend-sb-link:nth-child(4){animation-delay:.2s}.trend-sb-link:nth-child(5){animation-delay:.25s}:root{--tre-top-bg: #ffffff;--tre-top-height: 80px;--tre-top-height-mobile: 64px;--tre-top-shadow: 0 4px 20px -5px rgba(0, 0, 0, .05);--tre-accent-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--tre-text-main: #1e293b;--tre-text-muted: #64748b;--tre-glass-bg: rgba(255, 255, 255, .8);--tre-radius: 16px;--tre-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.tre-topbar{height:var(--tre-top-height);padding:0 24px;background:var(--tre-top-bg);border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;position:sticky;top:0;z-index:1000;transition:var(--tre-transition)}.tre-topbar.tre-scrolled{background:var(--tre-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:calc(var(--tre-top-height) - 10px);box-shadow:var(--tre-top-shadow)}.tre-topbar-inner{width:100%;max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.tre-topbar-left{display:flex;align-items:center;gap:20px}.tre-topbar-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--tre-text-main);border:none;cursor:pointer;transition:var(--tre-transition);position:relative}.tre-topbar-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.tre-topbar-btn svg{width:22px;height:22px}.tre-search-container{display:flex;align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;padding:4px 16px;width:320px;transition:var(--tre-transition)}.tre-search-container:focus-within{width:380px;background:#fff;border-color:#312e81;box-shadow:0 0 0 4px rgba(49,46,129,.1)}.tre-search-icon{color:var(--tre-text-muted);display:flex;align-items:center}.tre-search-input{border:none;background:transparent;padding:10px 12px;font-family:inherit;font-weight:500;width:100%;outline:none;color:var(--tre-text-main)}.tre-year-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tre-transition)}.tre-year-pill:hover{transform:scale(1.02);filter:brightness(1.1)}.tre-year-select{background:transparent;border:none;color:inherit;font-weight:inherit;font-size:inherit;font-family:inherit;cursor:pointer;outline:none}.tre-year-select option{color:#1e293b;background:#fff}.tre-topbar-actions{display:flex;align-items:center;gap:12px}.tre-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#ef4444;border:2px solid #fff;border-radius:50%}.tre-badge-count{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.tre-user-profile{display:flex;align-items:center;gap:12px;padding:4px 4px 4px 12px;background:#f8fafc;border-radius:14px;margin-left:8px;cursor:pointer;transition:var(--tre-transition)}.tre-user-profile:hover{background:#f1f5f9}.tre-user-avatar{width:38px;height:38px;border-radius:12px;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:var(--tre-transition)}.tre-user-profile:hover .tre-user-avatar{transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.12)}.tre-dropdown-panel{position:absolute;top:calc(100% + 15px);right:-10px;width:400px;background:rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 20px 40px -10px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.5) inset;border:1px solid rgba(226,232,240,.8);z-index:1010;overflow:hidden;transform-origin:top right;animation:tre-dropdown-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes tre-dropdown-pop{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tre-dropdown-header{padding:28px 24px 20px;background:transparent;display:flex;justify-content:space-between;align-items:center}.tre-dropdown-header h3{font-size:1.25rem;font-weight:850;color:var(--tre-text-main);margin:0;letter-spacing:-.025em}.tre-badge-pill{font-size:.75rem;font-weight:700;background:var(--tre-accent-gradient);color:#fff;padding:6px 14px;border-radius:99px;box-shadow:0 4px 12px rgba(30,27,75,.15)}.tre-dropdown-list{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.tre-dropdown-list::-webkit-scrollbar{width:6px}.tre-dropdown-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.tre-empty-state{padding:80px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.tre-empty-icon{font-size:3rem;opacity:.3;margin-bottom:8px;animation:tre-float 3s ease-in-out infinite}.tre-empty-text{color:var(--tre-text-muted);font-size:1rem;font-weight:500}@keyframes tre-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tre-dropdown-item{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(241,245,249,.6);transition:var(--tre-transition);cursor:pointer;position:relative}.tre-dropdown-item:hover{background:rgba(49,46,129,.03)}.tre-dropdown-item.unread{background:rgba(49,46,129,.04)}.tre-dropdown-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#312e81;border-radius:0 4px 4px 0}.tre-item-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.05)}.tre-item-icon svg{width:22px;height:22px}.tre-item-content{flex:1}.tre-item-title{font-weight:700;font-size:1rem;color:var(--tre-text-main);margin-bottom:4px;line-height:1.4}.tre-item-desc{font-size:.88rem;color:var(--tre-text-muted);line-height:1.5;margin-bottom:6px}.tre-item-time{font-size:.75rem;color:var(--tre-text-muted);opacity:.8;font-weight:500;display:flex;align-items:center;gap:4px}.tre-item-time:before{content:"🕒";font-size:.8rem}.tre-dropdown-footer{padding:20px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f8fafc;color:#312e81;font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--tre-transition)}.tre-dropdown-footer:hover{background:#f1f5f9}.tre-dropdown-footer svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tre-dropdown-footer:hover svg{transform:translate(5px)}@media (max-width: 991px){.tre-search-container{width:44px;padding:0;justify-content:center;background:transparent;border:none}.tre-search-input{display:none}.tre-search-container:focus-within{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);width:calc(100% - 40px);background:#fff;padding:0 16px;z-index:10;border:1px solid #312e81}.tre-search-container:focus-within .tre-search-input{display:block}}@media (max-width: 576px){.tre-topbar{height:var(--tre-top-height-mobile);padding:0 16px}.tre-topbar-left{gap:12px}.tre-year-pill{display:none}.tre-user-profile{padding:0;background:transparent}.tre-dropdown-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:85vh;border-radius:32px 32px 0 0;background:#fff;box-shadow:0 -10px 40px rgba(0,0,0,.1);animation:tre-slide-up .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.tre-dropdown-panel:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:5px;background:#e2e8f0;border-radius:99px}@keyframes tre-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tre-dropdown-header{padding:32px 24px 16px;border-radius:32px 32px 0 0;position:sticky;top:0;background:#fff;z-index:2}.tre-dropdown-list{flex:1;max-height:none;padding-bottom:20px}.tre-dropdown-footer{padding:24px;margin:16px;border-radius:16px;background:#f1f5f9}}:root{--octa-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--octa-bg-dark: #1e1b4b;--octa-bg-light: #312e81;--octa-text-bright: #ffffff;--octa-text-soft: rgba(255, 255, 255, .7);--octa-glass-bg: rgba(255, 255, 255, .05);--octa-glass-border: rgba(255, 255, 255, .08);--octa-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 10px 15px -3px rgba(0, 0, 0, .3), 0 20px 25px -5px rgba(0, 0, 0, .4);--octa-transition: all .6s cubic-bezier(.16, 1, .3, 1)}.octa-login-page{min-height:100vh;width:100%;background:linear-gradient(135deg,var(--octa-bg-dark) 0%,var(--octa-bg-light) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;padding:20px;color:var(--octa-text-bright)}.octa-bg-blobs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.octa-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;animation:octa-float 20s infinite ease-in-out}.octa-blob-1{width:500px;height:500px;background:#1e1b4b;top:-150px;left:-100px}.octa-blob-2{width:450px;height:450px;background:#818cf8;bottom:-100px;right:-80px;animation-delay:-7s}@keyframes octa-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-60px) scale(1.1)}}.octa-login-container{width:100%;max-width:440px;z-index:10;display:flex;flex-direction:column;align-items:center;position:relative}.octa-branding-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(120px);animation:octa-glide-up 1.2s cubic-bezier(.16,1,.3,1) 3.5s forwards;z-index:20}@keyframes octa-glide-up{to{transform:translateY(0)}}.octa-logo-box{margin-bottom:24px}.octa-cinematic-logo{width:140px;height:auto;filter:drop-shadow(0 0 30px rgba(99,102,241,.6));animation:octa-logo-splash 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes octa-logo-splash{0%{opacity:0;transform:scale(.6) rotate(-5deg);filter:blur(20px) brightness(0)}50%{opacity:.8;filter:blur(5px) brightness(1.5)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0) brightness(1)}}.octa-welcome-text h1{font-size:2.5rem;font-weight:800;margin:10px 0;display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.1}.octa-welcome-line{display:flex;justify-content:center;width:100%}.octa-letter{display:inline-block;opacity:0;transform:translateY(10px);filter:blur(5px);animation:octa-letter-in .6s ease-out forwards;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes octa-letter-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}.octa-tagline{color:var(--octa-text-soft);font-size:1rem;opacity:0;animation:octa-fade-in 1s ease-out 3s forwards}@keyframes octa-fade-in{to{opacity:1}}.octa-login-card{width:100%;background:var(--octa-glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--octa-glass-border);border-radius:40px;padding:40px;box-shadow:var(--octa-card-shadow);opacity:0;transform:translateY(30px);animation:octa-form-reveal 1s cubic-bezier(.16,1,.3,1) 4.2s forwards;margin-top:20px}@keyframes octa-form-reveal{to{opacity:1;transform:translateY(0)}}.octa-form-group{margin-bottom:24px}.octa-input-label{display:block;font-size:.75rem;font-weight:700;margin-bottom:8px;color:var(--octa-text-soft);text-transform:uppercase;letter-spacing:1px}.octa-input-container{position:relative;display:flex;align-items:center}.octa-input-field{width:100%;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 20px 16px 52px;color:#fff;font-size:1rem;outline:none;transition:var(--octa-transition)}.octa-input-field:focus{border-color:var(--octa-primary);background:rgba(255,255,255,.08)}.octa-input-icon{position:absolute;left:20px;width:20px;height:20px;opacity:.4;color:#a5b4fc}.octa-password-toggle{position:absolute;right:18px;cursor:pointer;opacity:.4}.octa-login-btn{width:100%;padding:18px;border-radius:20px;background:var(--trend-sb-primary-gradient);border:none;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;transition:var(--octa-transition);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 25px rgba(79,70,229,.3)}.octa-login-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}@media (max-width: 480px){.octa-branding-wrapper{transform:translateY(100px)}.octa-welcome-text h1{font-size:1.8rem}.octa-cinematic-logo{width:110px}.octa-login-card{border-radius:35px;padding:30px 24px;background:rgba(255,255,255,.03);border:none}}.cp-wrapper{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 100px);padding:32px 20px;font-family:Inter,system-ui,-apple-system,sans-serif}.cp-card{width:100%;max-width:520px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:28px;border:1px solid rgba(226,232,240,.8);box-shadow:0 20px 40px -12px rgba(0,0,0,.07),0 4px 12px -2px rgba(0,0,0,.04);padding:44px 40px 36px;animation:cpFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes cpFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cp-header{text-align:center;margin-bottom:32px}.cp-lock-icon{width:68px;height:68px;background:linear-gradient(135deg,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%),#8b5cf6);border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 10px 22px -6px rgba(99,102,241,.45)}.cp-title{font-size:1.65rem;font-weight:800;color:#1e293b;margin-bottom:6px;letter-spacing:-.4px}.cp-subtitle{color:#64748b;font-size:.9rem}.cp-error{background:#fff5f5;color:#c53030;padding:12px 16px;border-radius:12px;font-size:.875rem;font-weight:600;margin-bottom:22px;border:1px solid #fed7d7;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.cp-form{display:flex;flex-direction:column}.cp-field{margin-bottom:22px}.cp-field label{display:block;font-size:.85rem;font-weight:700;color:#4a5568;margin-bottom:8px;padding-left:2px}.cp-input-wrap{position:relative;display:flex;align-items:center}.cp-input-wrap input{width:100%;padding:13px 48px 13px 18px;border-radius:14px;border:2px solid #e2e8f0;background:#f8fafc;font-size:.97rem;color:#1e293b;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.cp-input-wrap input:focus{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.cp-input-wrap.cp-valid input{border-color:#22c55e;background:rgba(34,197,94,.03)}.cp-input-wrap.cp-invalid input{border-color:#ef4444;background:rgba(239,68,68,.03)}.cp-eye{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:4px;transition:color .2s}.cp-eye:hover{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.cp-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.cp-strength-bar{flex:1;height:5px;background:#e2e8f0;border-radius:99px;overflow:hidden}.cp-strength-fill{height:100%;border-radius:99px;transition:width .35s ease,background .35s}.cp-strength-label{font-size:.75rem;font-weight:700;min-width:52px;text-align:right}.cp-field-error{font-size:.78rem;color:#ef4444;font-weight:600;margin-top:5px;padding-left:2px}.cp-field-ok{font-size:.78rem;color:#22c55e;font-weight:600;margin-top:5px;padding-left:2px}.cp-hints{display:flex;gap:14px;flex-wrap:wrap;margin:-6px 0 24px}.cp-hints span{font-size:.75rem;font-weight:600;transition:color .3s}.hint-ok{color:#22c55e}.hint-gray{color:#cbd5e1}.cp-actions{display:flex;gap:12px;margin-top:4px}.cp-cancel-btn{flex:1;padding:13px;border-radius:14px;border:2px solid #e2e8f0;background:transparent;color:#64748b;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s}.cp-cancel-btn:hover{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:rgba(99,102,241,.04)}.cp-submit-btn{flex:2;padding:13px 20px;border-radius:14px;background:linear-gradient(135deg,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%),#8b5cf6);color:#fff;font-size:.97rem;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 16px -4px rgba(99,102,241,.4);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cp-submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 22px -6px rgba(99,102,241,.5)}.cp-submit-btn:active{transform:translateY(0) scale(.98)}.cp-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.cp-loader{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.cp-success-card{text-align:center;padding:56px 40px}.cp-success-icon{width:84px;height:84px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 14px 28px -6px rgba(34,197,94,.45);animation:pop .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cp-success-title{font-size:1.6rem;font-weight:800;color:#1e293b;margin-bottom:10px}.cp-success-msg{color:#64748b;font-size:.92rem;line-height:1.6;margin-bottom:28px}.cp-progress-bar{height:4px;background:#e2e8f0;border-radius:99px;overflow:hidden}.cp-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%));border-radius:99px;animation:fill-bar 3s linear forwards;width:0}@keyframes fill-bar{0%{width:0}to{width:100%}}.merp-change-pw-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--m-text-muted, #64748b);text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s,color .2s;margin-bottom:6px}.merp-change-pw-btn:hover{background:rgba(99,102,241,.08);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.merp-change-pw-btn.active{background:rgba(99,102,241,.12);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}@media (max-width: 560px){.cp-card{padding:36px 22px 28px;border-radius:22px}.cp-actions{flex-direction:column}.cp-cancel-btn,.cp-submit-btn{flex:none;width:100%}}:root{--table-bg: rgba(255, 255, 255, .7);--table-header-bg: linear-gradient(135deg, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 0%, #a855f7 100%);--table-border: rgba(226, 232, 240, .5);--table-row-hover: rgba(248, 250, 252, .8);--text-main: #1e293b;--text-muted: #64748b;--accent-color: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--glass-effect: blur(12px) saturate(180%)}.erp-table-container{background:var(--table-bg);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border-radius:20px;border:1px solid var(--table-border);box-shadow:0 8px 32px rgba(31,38,135,.07);padding:1.5rem;margin:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.erp-table-container:hover{box-shadow:0 12px 40px rgba(31,38,135,.12)}.table-header-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.table-title-area{display:flex;align-items:center;gap:.75rem}.table-main-title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(to right,#1e293b,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.table-count-badge{--background: rgba(99, 102, 241, .1);--color: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);font-weight:600;padding:.5rem .8rem;border-radius:12px;font-size:.75rem;border:1px solid rgba(99,102,241,.2)}.table-actions-area{display:flex;gap:.75rem;align-items:center}.table-search-box{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #edf2f7;border-radius:12px;padding:0 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px}.table-search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(99,102,241,.1);width:320px}.filter-icon{color:var(--text-muted);font-size:1.1rem}.table-search-input{border:none;background:transparent;padding:.75rem .5rem;font-size:.9rem;outline:none;width:100%;color:var(--text-main)}.button-group{display:flex;gap:.5rem}.erp-btn-outline{--border-radius: 12px;--border-width: 1.5px;--border-color: #edf2f7;--color: var(--text-muted);--background-hover: #f8fafc;--transition: all .2s ease;height:42px;margin:0}.erp-btn-outline:hover{--color: var(--accent-color);--border-color: var(--accent-color);transform:translateY(-2px)}.table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid var(--table-border);background:#fff}.erp-modern-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.erp-modern-table thead tr{background:#f8fafc}.erp-modern-table th{padding:1.25rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.erp-modern-table td{padding:1.1rem 1rem;font-size:.95rem;color:var(--text-main);border-bottom:1px solid #f1f5f9;transition:background .2s ease}.erp-modern-table tbody tr:last-child td{border-bottom:none}.erp-modern-table tbody tr:hover td{background:var(--table-row-hover)}.text-right{text-align:right!important}.action-dots-btn{--color: var(--text-muted);--padding-start: .5rem;--padding-end: .5rem;height:36px;transition:transform .2s ease}.action-dots-btn:hover{--color: var(--accent-color);transform:rotate(90deg) scale(1.1)}.table-footer-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.85rem;color:var(--text-muted);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-numbers{display:flex;gap:.35rem}.page-btn{width:36px;height:36px;border-radius:10px;border:1px solid #edf2f7;background:#fff;color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.page-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(99,102,241,.05)}.page-btn.active{background:var(--table-header-bg);border:none;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.empty-table-state{text-align:center;padding:4rem 2rem!important;color:var(--text-muted);font-style:italic;background:#fdfdfd}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.erp-table-container{padding:1rem;margin:.5rem}.table-header-box{flex-direction:column;align-items:flex-start}.table-actions-area{width:100%;flex-direction:column;align-items:stretch}.table-search-box{width:100%!important}.button-group{justify-content:flex-start}.table-footer-pagination{flex-direction:column;text-align:center}}@media (max-width: 480px){.erp-modern-table th,.erp-modern-table td{padding:1rem .75rem;font-size:.85rem}.page-btn{width:32px;height:32px}}:root{--octa-bg: #f8fafc;--octa-dash-primary: #1e1b4b;--octa-dash-secondary: #8b5cf6;--octa-dash-success: #10b981;--octa-dash-warning: #f59e0b;--octa-dash-danger: #ef4444;--octa-dash-text: #1e293b;--octa-dash-text-muted: #64748b;--octa-dash-card-bg: rgba(255, 255, 255, .8);--octa-dash-shadow: 0 10px 30px -5px rgba(0, 0, 0, .05);--octa-dash-glass-border: 1px solid rgba(255, 255, 255, .5)}.octa-dash-wrapper{padding:30px;min-height:100vh;background:var(--octa-bg);position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.creative-db-bg-decor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.creative-db-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:pulse-bubble 15s infinite alternate ease-in-out}.db-bubble-1{width:500px;height:500px;background:var(--octa-dash-primary);top:-100px;right:-100px}.db-bubble-2{width:400px;height:400px;background:var(--octa-dash-secondary);bottom:-100px;left:-100px;animation-delay:-5s}@keyframes pulse-bubble{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.octa-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative;z-index:10}.octa-dash-title-group h1{font-size:2.5rem;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.02em}.octa-dash-subtitle{font-size:1rem;color:var(--octa-dash-text-muted);margin:5px 0 0;font-weight:500}.octa-dash-status-pill{display:flex;align-items:center;background:#fff;padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:800;color:var(--octa-dash-success);box-shadow:var(--octa-dash-shadow);border:1px solid #e2e8f0}.octa-status-pulse{width:8px;height:8px;background:var(--octa-dash-success);border-radius:50%;margin-right:10px;position:relative}.octa-status-pulse:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.octa-quick-actions-bar{display:flex;gap:15px;margin-bottom:40px;z-index:10;position:relative;flex-wrap:wrap}.octa-action-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;font-weight:800;color:#0f172a;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px rgba(0,0,0,.03);position:relative;overflow:hidden}.octa-action-btn:hover{transform:translateY(-4px);background:var(--octa-dash-primary);color:#fff;border-color:var(--octa-dash-primary);box-shadow:0 10px 20px rgba(79,70,229,.2)}.octa-action-btn ion-icon{font-size:1.25rem}.octa-alerts-strip{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;z-index:10;position:relative}.octa-alert-card{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-left:5px solid transparent;box-shadow:0 4px 15px rgba(0,0,0,.05);animation:octa-slide-in .5s ease-out}.octa-alert-card.warning{border-left-color:var(--octa-dash-warning);background:#fffbeb}.octa-alert-card.error{border-left-color:var(--octa-dash-danger);background:#fef2f2}.octa-alert-card.info{border-left-color:var(--octa-dash-primary);background:#eff6ff}.octa-alert-content{display:flex;align-items:center;gap:15px;font-weight:700;color:#1e293b}.octa-alert-action-btn{padding:8px 16px;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;background:#fff;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .2s}.octa-alert-action-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.1)}.octa-dash-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:40px;position:relative;z-index:10}.octa-dash-card{background:var(--octa-dash-card-bg);backdrop-filter:blur(20px);padding:25px;border-radius:30px;border:var(--octa-dash-glass-border);box-shadow:var(--octa-dash-shadow);display:flex;flex-direction:column;gap:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.octa-dash-card:hover{transform:translateY(-8px) scale(1.02);background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.1)}.octa-dash-card-header{display:flex;justify-content:space-between;align-items:flex-start}.octa-dash-card-label{font-size:.9rem;font-weight:700;color:var(--octa-dash-text-muted);text-transform:uppercase;letter-spacing:.05em}.octa-dash-card-value{font-size:2.25rem;font-weight:900;color:#0f172a;margin-top:5px}.octa-dash-card-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.octa-dash-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.octa-dash-trend{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:800;padding:4px 10px;border-radius:50px}.octa-trend-up{background:#ecfdf5;color:var(--octa-dash-success)}.octa-trend-down{background:#fef2f2;color:var(--octa-dash-danger)}.octa-dash-analytical-row{display:grid;grid-template-columns:1.8fr 1.2fr;gap:25px;margin-bottom:40px;position:relative;z-index:10}.octa-dash-chart-container{background:#fff;padding:35px;border-radius:35px;box-shadow:var(--octa-dash-shadow);border:1px solid #f1f5f9}.octa-dash-chart-title{font-size:1.35rem;font-weight:900;color:#0f172a;margin-bottom:25px}.chart-wrapper{width:100%;height:350px}.octa-feed-container{display:flex;flex-direction:column;gap:18px;max-height:450px;overflow-y:auto;padding-right:10px}.octa-feed-container::-webkit-scrollbar{width:6px}.octa-feed-container::-webkit-scrollbar-track{background:transparent}.octa-feed-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.octa-feed-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.octa-feed-item{display:flex;gap:15px;padding:15px;border-radius:20px;background:#f8fafc;border:1px solid #f1f5f9;transition:all .3s ease}.octa-feed-item:hover{background:#fff;transform:translate(8px);box-shadow:var(--octa-dash-shadow);border-color:var(--octa-dash-primary)}.octa-feed-icon-box{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.octa-feed-info{flex:1}.octa-feed-title{font-weight:800;color:#0f172a;font-size:.95rem;margin-bottom:2px}.octa-feed-desc{font-size:.85rem;color:var(--octa-dash-text-muted);font-weight:500;line-height:1.5}.octa-feed-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.octa-feed-time{font-size:.75rem;color:#94a3b8;font-weight:700}.octa-feed-priority{font-size:.65rem;font-weight:950;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.octa-dash-activity-list{display:flex;flex-direction:column;gap:12px}.octa-dash-activity-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:20px;border:1px solid #f1f5f9;transition:all .3s}.octa-dash-activity-item:hover{background:#fff;box-shadow:var(--octa-dash-shadow);transform:scale(1.01)}.octa-dash-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.octa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#f8fafc;border-radius:25px;border:2px dashed #e2e8f0}.octa-empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:15px}@keyframes octa-slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.octa-dash-card,.octa-dash-chart-container,.octa-quick-actions-bar,.octa-alerts-strip{animation:octa-fade-up .8s ease-out both}@keyframes octa-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.octa-dash-stats-grid .octa-dash-card:nth-child(1){animation-delay:.1s}.octa-dash-stats-grid .octa-dash-card:nth-child(2){animation-delay:.2s}.octa-dash-stats-grid .octa-dash-card:nth-child(3){animation-delay:.3s}.octa-dash-stats-grid .octa-dash-card:nth-child(4){animation-delay:.4s}@media (max-width: 1200px){.octa-dash-stats-grid{grid-template-columns:repeat(2,1fr)}.octa-dash-analytical-row{grid-template-columns:1fr}}@media (max-width: 768px){.octa-dash-wrapper{padding:20px}.octa-dash-stats-grid{grid-template-columns:1fr}.octa-dash-title-group h1{font-size:1.8rem}.octa-dash-header{flex-direction:column;align-items:flex-start;gap:20px}.octa-dash-chart-container{padding:20px}}:root{--sl-primary: #3b82f6;--sl-primary-light: rgba(59, 130, 246, .1);--sl-secondary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--sl-accent: #10b981;--sl-text-main: #1e293b;--sl-text-muted: #64748b;--sl-glass-bg: rgba(255, 255, 255, .7);--sl-glass-border: rgba(255, 255, 255, .5);--sl-shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, .05);--sl-shadow-glow: 0 20px 40px -10px rgba(59, 130, 246, .2);--sl-radius: 24px;--sl-transition: all .4s cubic-bezier(.175, .885, .32, 1.275)}.sl-container{padding:30px;max-width:1400px;margin:0 auto;min-height:100vh;position:relative;z-index:1}.sl-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:#fff}.sl-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:slFloat 25s infinite alternate ease-in-out}.sl-bubble-1{width:500px;height:500px;background:var(--sl-primary);top:-100px;right:-100px}.sl-bubble-2{width:400px;height:400px;background:var(--sl-secondary);bottom:-100px;left:-100px;animation-delay:-5s}.sl-bubble-3{width:350px;height:350px;background:var(--sl-accent);top:30%;left:15%;animation-delay:-10s}.sl-bubble-4{width:300px;height:300px;background:#f59e0b;bottom:20%;right:10%;animation-delay:-15s}@keyframes slFloat{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(60px,80px) scale(1.1) rotate(15deg)}to{transform:translate(-40px,120px) scale(.9) rotate(-10deg)}}.animate-sl-up{animation:slFadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sl-branding{display:flex;align-items:center;gap:20px}.sl-logo{height:55px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.08));transition:var(--sl-transition)}.sl-title-area h1{font-size:2.2rem;font-weight:900;letter-spacing:-1px;margin:0;background:linear-gradient(135deg,var(--sl-text-main),var(--sl-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-subtitle{color:var(--sl-text-muted);font-weight:700;font-size:.9rem;margin-top:4px}.sl-actions{display:flex;gap:12px}.sl-filter-card{background:var(--sl-glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--sl-glass-border);border-radius:30px;padding:24px 30px;margin-bottom:30px;box-shadow:var(--sl-shadow-soft);display:flex;flex-direction:column;gap:20px;position:relative;z-index:10}.sl-search-wrap{position:relative;flex:1}.sl-search-input{width:100%;padding:16px 24px 16px 54px;border-radius:20px;border:2px solid #f1f5f9;background:#fff;font-size:1rem;font-weight:600;outline:none;transition:var(--sl-transition);color:var(--sl-text-main);box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.sl-search-input:focus{border-color:var(--sl-primary);box-shadow:var(--sl-shadow-glow);transform:translateY(-2px)}.sl-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--sl-primary);font-size:1.4rem;opacity:.6}.sl-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.sl-filter-group{display:flex;flex-direction:column;gap:8px}.sl-filter-group label{font-size:.75rem;font-weight:800;color:var(--sl-text-muted);text-transform:uppercase;letter-spacing:1px}.sl-dropdown-header.active .arrow{transform:rotate(90deg)}.sl-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}.sl-locked-year{display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(16,185,129,.1);border:2px solid rgba(16,185,129,.2);border-radius:16px;color:#059669;font-weight:800;font-size:.95rem;height:52px}.sl-locked-year ion-icon{font-size:1.2rem}.sl-select-container{position:relative;width:100%}.sl-select-trigger{width:100%;padding:12px 18px;background:#fff;border:2px solid #f1f5f9;border-radius:16px;font-weight:700;font-size:.95rem;color:var(--sl-text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--sl-transition);height:52px}.sl-select-trigger:hover:not(.disabled){border-color:var(--sl-primary);background:#fbfcfd}.sl-select-trigger.active{border-color:var(--sl-primary);box-shadow:0 0 0 4px rgba(59,130,246,.1)}.sl-select-trigger.disabled{background:#f8fafc;border-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.7}.sl-select-arrow{font-size:1.1rem;transition:transform .3s;color:var(--sl-primary)}.sl-select-trigger.active .sl-select-arrow{transform:rotate(180deg)}.sl-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.2);border:1px solid #e2e8f0;z-index:1000;max-height:300px;overflow-y:auto;padding:8px;animation:slSelectFadeIn .2s ease-out}@keyframes slSelectFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sl-select-option{padding:12px 16px;border-radius:12px;font-weight:700;font-size:.9rem;color:var(--sl-text-main);cursor:pointer;transition:.2s}.sl-select-option:hover{background:var(--sl-primary-light)}.sl-select-option.selected{background:var(--sl-primary-light);color:var(--sl-primary)}.sl-select-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.sl-filter-summary{margin-top:15px;padding:10px 20px;background:var(--sl-primary-light);border-radius:12px;color:var(--sl-primary);font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:8px;animation:slFadeInUp .4s ease}.sl-dropdown-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.1);border:1px solid #f1f5f9;z-index:110;max-height:250px;overflow-y:auto;animation:slFadeInUp .3s forwards}.sl-dropdown-item-custom{padding:12px 18px;font-weight:700;color:var(--sl-text-main);font-size:.9rem;cursor:pointer;transition:background .2s}.sl-dropdown-item-custom:hover{background:var(--sl-primary-light);color:var(--sl-primary)}.sl-dropdown-item-custom:not(:last-child){border-bottom:1px solid #f8fafc}.sl-search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:22px;box-shadow:0 20px 50px -15px rgba(0,0,0,.15);border:1px solid #f1f5f9;z-index:100;overflow:hidden;max-height:400px;overflow-y:auto}.sl-dropdown-item{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8fafc}.sl-dropdown-item:hover{background:var(--sl-primary-light)}.sl-dropdown-item h4{margin:0;font-size:1rem;font-weight:800;color:var(--sl-text-main)}.sl-dropdown-item p{margin:4px 0 0;font-size:.8rem;color:var(--sl-text-muted);font-weight:600}.sl-list-card{background:#fff;border-radius:35px;padding:0;box-shadow:var(--sl-shadow-soft);overflow:hidden;border:1px solid #f1f5f9;position:relative;z-index:1}.sl-table{width:100%;border-collapse:separate;border-spacing:0 10px;padding:20px}.sl-table thead th{padding:15px 24px;text-align:left;font-weight:900;font-size:.8rem;color:var(--sl-text-muted);text-transform:uppercase;letter-spacing:1px}.sl-row{transition:var(--sl-transition);cursor:pointer}.sl-row td{padding:20px 24px;background:#fbfcfd;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.sl-row td:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:20px;border-bottom-left-radius:20px}.sl-row td:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:20px;border-bottom-right-radius:20px}.sl-row:hover td{background:#fff;border-color:var(--sl-primary-light);transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(59,130,246,.1)}.sl-student-cell{display:flex;align-items:center;gap:15px}.sl-avatar-mini{width:50px;height:50px;border-radius:16px;border:2px solid white;box-shadow:0 5px 15px rgba(0,0,0,.05);object-fit:cover;flex-shrink:0}.sl-avatar-initials{background:var(--sl-primary-light);color:var(--sl-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;letter-spacing:.5px}.sl-name-main{font-weight:800;color:var(--sl-text-main);font-size:1.05rem}.sl-id-sub{font-weight:700;color:var(--sl-text-muted);font-size:.8rem;letter-spacing:.5px}.sl-badge{padding:6px 14px;border-radius:10px;font-weight:800;font-size:.75rem;text-transform:uppercase;display:inline-flex}.sl-badge-info{background:#eff6ff;color:var(--sl-primary)}.sl-badge-success{background:#ecfdf5;color:var(--sl-accent)}.sl-console{background:rgba(15,23,42,.85);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.sl-console-header{padding:15px 24px;background:rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.sl-console-dot{width:10px;height:10px;border-radius:50%;background:var(--sl-accent);box-shadow:0 0 10px var(--sl-accent)}.sl-console-logs{padding:20px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex;flex-direction:column;gap:8px}.sl-log-item{display:flex;gap:12px;line-height:1.5}.sl-log-time{color:rgba(255,255,255,.3);min-width:80px}.sl-log-msg{color:rgba(255,255,255,.8)}.sl-log-msg.success{color:var(--sl-accent)}.sl-log-msg.error{color:#f43f5e}.sl-log-msg.info{color:var(--sl-primary)}.sl-btn{padding:12px 24px;border-radius:16px;font-weight:800;border:none;cursor:pointer;transition:var(--sl-transition);display:inline-flex;align-items:center;gap:10px;font-size:.9rem}.sl-btn-primary{background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:var(--sl-shadow-glow)}.sl-btn-outline{background:#fff;border:1px solid #e2e8f0;color:var(--sl-text-main);box-shadow:var(--sl-shadow-soft)}.sl-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px -10px rgba(59,130,246,.3)}@media (max-width: 992px){.sl-header{flex-direction:column;text-align:center;gap:20px}.sl-btn{width:100%;justify-content:center}.sl-row td{padding:15px 12px}}@media (max-width: 768px){.sl-container{padding:15px}.sl-filter-bar{grid-template-columns:1fr}.sl-table thead{display:none}.sl-row td{display:block;border:none!important;padding:10px 20px}.sl-row td:first-child{padding-top:20px}.sl-row td:last-child{padding-bottom:20px}.sl-row{margin-bottom:15px;display:block}}:root{--as-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--as-secondary: #a855f7;--as-accent: #3b82f6;--as-success: #10b981;--as-bg: #ffffff;--as-surface: rgba(255, 255, 255, .85);--as-border: rgba(226, 232, 240, .6);--as-text: #1e293b;--as-text-muted: #64748b;--as-shadow: 0 12px 30px -10px rgba(0, 0, 0, .08);--as-radius: 24px;--as-transition: all .4s cubic-bezier(.4, 0, .2, 1)}.creative-as-wrapper{min-height:100vh;background-color:var(--as-bg);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:40px 20px;font-family:Inter,sans-serif;z-index:1}.creative-as-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.creative-as-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s infinite alternate ease-in-out}.bubble-1{width:400px;height:400px;background:var(--as-primary);top:-100px;right:-100px;animation-duration:25s}.bubble-2{width:350px;height:350px;background:var(--as-secondary);bottom:-100px;left:-100px;animation-duration:30s;animation-delay:-5s}.bubble-3{width:250px;height:250px;background:var(--as-accent);top:50%;left:10%;animation-duration:22s;animation-delay:-2s}.creative-as-main-card{width:100%;max-width:900px;background:var(--as-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--as-border);border-radius:var(--as-radius);box-shadow:var(--as-shadow);padding:40px;animation:entryFadeUp .8s ease-out;position:relative}.merp-st-spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top-color:var(--as-primary);border-radius:50%;animation:merp-spin 1s linear infinite}.creative-as-custom-select{position:relative;padding:14px 18px;border-radius:16px;border:2px solid #f1f5f9;background:rgba(248,250,252,.8);cursor:pointer;transition:var(--as-transition);user-select:none}.creative-as-custom-select:hover{border-color:var(--as-primary)}.creative-as-custom-select.active{border-color:var(--as-primary);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.creative-as-select-display{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--as-text)}.creative-as-select-arrow{transition:transform .3s ease;display:flex;align-items:center}.creative-as-select-arrow.up{transform:rotate(180deg)}.creative-as-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border:1px solid var(--as-border);border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.1);z-index:100;max-height:220px;overflow-y:auto;backdrop-filter:blur(15px);animation:asSlideDown .3s ease-out}.creative-as-select-dropdown::-webkit-scrollbar{width:6px}.creative-as-select-dropdown::-webkit-scrollbar-track{background:transparent}.creative-as-select-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.creative-as-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--as-primary)}.creative-as-select-option{padding:12px 18px;font-weight:600;color:var(--as-text-muted);transition:var(--as-transition)}.creative-as-select-option:hover{background:rgba(99,102,241,.05);color:var(--as-primary);padding-left:24px}.creative-as-select-option.selected{background:var(--as-primary);color:#fff}.creative-as-select-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.creative-as-datepicker-trigger{padding:14px 18px;border-radius:16px;border:2px solid #f1f5f9;background:rgba(248,250,252,.8);cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:var(--as-transition)}.creative-as-datepicker-trigger:hover{border-color:var(--as-primary);transform:translateY(-2px)}.creative-as-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.creative-as-datepicker-modal{background:#fff;width:350px;border-radius:24px;padding:24px;box-shadow:0 30px 60px -10px rgba(0,0,0,.2)}.creative-as-dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.creative-as-dp-header h3{margin:0;font-size:1.1rem;font-weight:800}.creative-as-dp-selectors{display:flex;gap:8px;align-items:center}.creative-as-dp-select{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:.9rem;font-weight:700;color:var(--as-text);cursor:pointer;outline:none;transition:var(--as-transition)}.creative-as-dp-select:hover{border-color:var(--as-primary)}.creative-as-dp-header button{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;font-weight:800;transition:var(--as-transition)}.creative-as-dp-header button:hover{background:var(--as-primary);color:#fff}.creative-as-dp-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:800;font-size:.8rem;color:var(--as-text-muted);margin-bottom:12px}.creative-as-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.creative-as-dp-day{padding:10px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:var(--as-transition)}.creative-as-dp-day:hover:not(.selected){background:#f1f5f9;color:var(--as-primary)}.creative-as-dp-day.selected{background:var(--as-primary);color:#fff;box-shadow:0 4px 10px rgba(99,102,241,.3)}.creative-as-dp-footer{margin-top:20px;display:flex;justify-content:flex-end}.creative-as-btn-small{padding:8px 16px;border-radius:10px;border:none;background:#f1f5f9;font-weight:700;cursor:pointer;transition:var(--as-transition)}.creative-as-btn-small:hover{background:#e2e8f0}.animate-fade-in{animation:asFadeIn .3s ease-out}.animate-scale-up{animation:asScaleUp .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes asFadeIn{0%{opacity:0}to{opacity:1}}@keyframes asScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes asSlideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.creative-as-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.creative-as-title-group h1{font-size:2rem;font-weight:800;color:var(--as-text);margin:0;letter-spacing:-1px}.creative-as-subtitle{color:var(--as-text-muted);font-size:.95rem;font-weight:600;margin-top:4px}.creative-as-back-btn{background:#fff;border:1px solid #e2e8f0;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--as-transition);color:var(--as-text)}.creative-as-back-btn:hover{transform:translate(-5px);background:#f8fafc;border-color:var(--as-primary);color:var(--as-primary)}.creative-as-stepper{display:flex;gap:12px;margin-bottom:40px;justify-content:center}.creative-as-step-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:var(--as-transition)}.creative-as-step-dot.active{background:var(--as-primary);transform:scale(1.4);box-shadow:0 0 15px rgba(99,102,241,.4)}.creative-as-step-dot.completed{background:var(--as-success)}.creative-as-section-header{margin-bottom:24px}.creative-as-section-header h2{font-size:1.4rem;font-weight:800;margin:0}.creative-as-section-description{color:var(--as-text-muted);font-size:.9rem;font-weight:500}.creative-as-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px}.creative-as-field{display:flex;flex-direction:column;gap:8px}.creative-as-label{font-size:.8rem;font-weight:700;color:var(--as-text-muted);text-transform:uppercase;letter-spacing:1px}.creative-as-input,.creative-as-select{padding:14px 18px;border-radius:16px;border:2px solid #f1f5f9;background:rgba(248,250,252,.8);font-size:1rem;font-weight:600;color:var(--as-text);transition:var(--as-transition);outline:none}.creative-as-input:focus,.creative-as-select:focus{border-color:var(--as-primary);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-2px)}.creative-as-select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:48px}.creative-as-select option{background:#fff;padding:12px;font-weight:500}.creative-as-input[type=date]{position:relative;cursor:pointer}.creative-as-upload-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.creative-as-upload-item{padding:24px;background:rgba(255,255,255,.6);border:2px dashed #e2e8f0;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:var(--as-transition);text-align:center}.creative-as-upload-item:hover{border-color:var(--as-primary);background:rgba(255,255,255,.9);transform:translateY(-5px)}.creative-as-icon-box{width:60px;height:60px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--as-primary);box-shadow:0 8px 16px rgba(0,0,0,.05)}.creative-as-footer{display:flex;justify-content:space-between;margin-top:40px;gap:16px}.creative-as-btn{padding:16px 32px;border-radius:18px;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:var(--as-transition);display:flex;align-items:center;gap:10px}.creative-as-btn-primary{background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 8px 20px -5px rgba(99,102,241,.4)}.creative-as-btn-primary:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 25px -5px rgba(99,102,241,.5)}.creative-as-btn-primary:disabled{opacity:.7;cursor:not-allowed}.creative-as-btn-outline{background:#fff;border:2px solid #f1f5f9;color:var(--as-text)}.creative-as-btn-outline:hover{background:#f8fafc;border-color:var(--as-primary);color:var(--as-primary);transform:translateY(-4px)}@media (max-width: 768px){.creative-as-main-card{padding:24px;border-radius:20px}.creative-as-header{flex-direction:column;align-items:flex-start;gap:20px}.creative-as-form-grid{grid-template-columns:1fr}.creative-as-footer{flex-direction:column-reverse}.creative-as-btn{width:100%;justify-content:center}.creative-as-title-group h1{font-size:1.6rem}}@media (max-width: 480px){.creative-as-wrapper{padding:20px 10px}}:root{--sp-primary: #3b82f6;--sp-primary-light: rgba(59, 130, 246, .1);--sp-secondary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--sp-accent: #10b981;--sp-text-main: #1e293b;--sp-text-muted: #64748b;--sp-glass-bg: rgba(255, 255, 255, .7);--sp-glass-border: rgba(255, 255, 255, .5);--sp-shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, .05);--sp-shadow-glow: 0 20px 40px -10px rgba(59, 130, 246, .2);--sp-radius: 24px;--sp-transition: all .4s cubic-bezier(.175, .885, .32, 1.275)}.sp-container{padding:30px;max-width:1400px;margin:0 auto;min-height:100vh;position:relative;z-index:1}.sp-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:#fff}.sp-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:spFloat 25s infinite alternate ease-in-out}.sp-bubble-1{width:500px;height:500px;background:linear-gradient(135deg,#1e1b4b,#312e81);top:-100px;right:-100px}.sp-bubble-2{width:400px;height:400px;background:var(--sp-secondary);bottom:-100px;left:-100px;animation-delay:-5s}.sp-bubble-3{width:350px;height:350px;background:var(--sp-accent);top:30%;left:15%;animation-delay:-10s}.sp-bubble-4{width:300px;height:300px;background:#f59e0b;bottom:20%;right:10%;animation-delay:-15s}@keyframes spFloat{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(60px,80px) scale(1.1) rotate(15deg)}to{transform:translate(-40px,120px) scale(.9) rotate(-10deg)}}.animate-sp-up{animation:spFadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes spFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sp-branding{display:flex;align-items:center;gap:20px}.sp-back-btn{width:48px;height:48px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--sp-transition);box-shadow:var(--sp-shadow-soft);color:var(--sp-text-main);font-size:1.2rem}.sp-back-btn:hover{transform:translate(-5px);border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:var(--sp-shadow-glow)}.sp-title-area h1{font-size:2.2rem;font-weight:900;letter-spacing:-1px;margin:0;background:linear-gradient(135deg,var(--sp-text-main),linear-gradient(135deg,#1e1b4b 0%,#312e81 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-logo{height:55px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.08));transition:var(--sp-transition)}.sp-logo:hover{transform:scale(1.05)}.sp-profile-glass{background:var(--sp-glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--sp-glass-border);border-radius:35px;padding:40px;display:flex;align-items:center;gap:40px;margin-bottom:30px;box-shadow:var(--sp-shadow-soft);position:relative;overflow:hidden}.sp-profile-glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.sp-avatar-wrap{position:relative;z-index:2}.sp-avatar{width:150px;height:150px;border-radius:40px;border:6px solid white;box-shadow:0 15px 35px rgba(0,0,0,.1);object-fit:cover;transition:var(--sp-transition)}.sp-avatar:hover{transform:rotate(3deg) scale(1.05)}.sp-profile-info{flex:1;z-index:2}.sp-name{font-size:2.8rem;font-weight:900;margin:0 0 10px;color:var(--sp-text-main);letter-spacing:-1px}.sp-meta-grid{display:flex;gap:25px;margin-bottom:20px}.sp-meta-item{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--sp-text-muted);font-size:.95rem}.sp-meta-item i,.sp-meta-item .ionicon{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);font-size:1.2rem}.sp-edit-trigger{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;padding:10px 20px;border-radius:16px;font-size:.9rem;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--sp-transition);box-shadow:var(--sp-shadow-glow);margin-left:auto;border:1px solid rgba(255,255,255,.2)}.sp-edit-trigger:hover{transform:translateY(-3px) scale(1.02);background:var(--sp-secondary);box-shadow:0 15px 30px rgba(99,102,241,.4)}.sp-edit-trigger .ionicon{font-size:1.2rem}.sp-badges{display:flex;gap:12px}.sp-badge{padding:8px 18px;border-radius:14px;font-weight:800;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.sp-badge-active{background:#ecfdf5;color:var(--sp-accent);border:1px solid #d1fae5}.sp-badge-id{background:#f8fafc;color:var(--sp-text-muted);border:1px solid #e2e8f0}.sp-tabs{display:flex;gap:12px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);padding:10px;border-radius:24px;margin-bottom:30px;width:fit-content;border:1px solid rgba(255,255,255,.4);box-shadow:var(--sp-shadow-soft)}.sp-tab-btn{padding:12px 24px;border-radius:18px;font-weight:800;border:none;background:transparent;color:var(--sp-text-muted);cursor:pointer;transition:var(--sp-transition);display:flex;align-items:center;gap:10px;font-size:.9rem}.sp-tab-btn:hover{background:rgba(255,255,255,.8);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.sp-tab-btn.active{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;box-shadow:var(--sp-shadow-glow);transform:scale(1.05)}.sp-content-card{background:#fff;border-radius:35px;padding:40px;box-shadow:var(--sp-shadow-soft);border:1px solid #f1f5f9}.sp-section-head{display:flex;align-items:center;gap:15px;margin-bottom:30px;border-bottom:2px solid #f8fafc;padding-bottom:15px}.sp-section-head h3{font-size:1.4rem;font-weight:900;color:var(--sp-text-main);margin:0}.sp-section-icon{width:40px;height:40px;background:var(--sp-primary-light);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.sp-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.sp-info-item{padding:20px;border-radius:20px;background:#fbfcfd;border:1px solid #f1f5f9;transition:var(--sp-transition)}.sp-info-item:hover{background:#fff;transform:translateY(-5px);border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:0 15px 30px rgba(59,130,246,.05)}.sp-label{font-size:.75rem;font-weight:800;color:var(--sp-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.sp-value{font-size:1.1rem;font-weight:700;color:var(--sp-text-main);display:flex;align-items:center;gap:8px}.sp-value i,.sp-value .ionicon{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);opacity:.7}.sp-doc-card{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f8fafc;border-radius:22px;border:1px solid #e2e8f0;transition:var(--sp-transition)}.sp-doc-card:hover{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);transform:translateY(-5px);background:#fff;box-shadow:var(--sp-shadow-soft)}.sp-table-container{overflow:hidden;border-radius:22px;border:1px solid #f1f5f9}.sp-table{width:100%;border-collapse:collapse}.sp-table th{background:#f8fafc;padding:18px 24px;text-align:left;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--sp-text-muted)}.sp-table td{padding:18px 24px;border-top:1px solid #f1f5f9;font-weight:700;color:var(--sp-text-main)}.sp-status-badge{padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:800}.sp-status-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.sp-status-failed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.sp-status-studying{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.sp-status-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.sp-table-row-current{background:#f8fafc;position:relative}.sp-table-row-current:after{content:"PRESENT";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.65rem;font-weight:900;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:var(--sp-primary-light);padding:4px 10px;border-radius:10px;letter-spacing:1px}.sp-btn{padding:12px 24px;border-radius:16px;font-weight:800;border:none;cursor:pointer;transition:var(--sp-transition);display:inline-flex;align-items:center;gap:10px}.sp-btn-primary{background:linear-gradient(135deg,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%),var(--sp-secondary));color:#fff;box-shadow:var(--sp-shadow-glow)}.sp-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px -10px rgba(59,130,246,.4)}.sp-flex-column{display:flex;flex-direction:column;gap:30px}@media (max-width: 992px){.sp-profile-glass{flex-direction:column;text-align:center;padding:30px}.sp-meta-grid{justify-content:center;flex-wrap:wrap}.sp-badges{justify-content:center}.sp-name{font-size:2.2rem}}@media (max-width: 768px){.sp-container{padding:15px}.sp-tabs{width:auto;overflow-x:auto;padding:8px}.sp-title-area h1{font-size:1.6rem}.sp-content-card{padding:25px}}:root{--bu-primary: #3b82f6;--bu-primary-light: #60a5fa;--bu-success: #10b981;--bu-warning: #f59e0b;--bu-error: #ef4444;--bu-bg: #f8fafc;--bu-text: #1e293b;--bu-text-muted: #64748b;--bu-radius: 32px;--bu-shadow: 0 20px 50px -12px rgba(0, 0, 0, .1);--bu-transition: all .4s cubic-bezier(.4, 0, .2, 1)}.creative-bu-wrapper{min-height:100vh;background-color:var(--bu-bg);position:relative;overflow:hidden;padding:60px 20px;font-family:Inter,sans-serif;z-index:1;display:flex;flex-direction:column;align-items:center}.creative-bu-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s infinite alternate ease-in-out}.bu-bubble-1{width:500px;height:500px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:-100px;right:-100px}.bu-bubble-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#3b82f6);bottom:-100px;left:-100px;animation-delay:-5s}.bu-bubble-3{width:300px;height:300px;background:linear-gradient(135deg,#f59e0b,#ef4444);top:40%;left:15%;animation-delay:-2s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,40px) scale(1.1)}}.creative-bu-header{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;animation:entryFadeUp .8s ease-out}.creative-bu-branding{display:flex;align-items:center;gap:20px;cursor:pointer}.creative-bu-back-btn{background:#fff;border:1px solid rgba(226,232,240,.8);width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--bu-text);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:var(--bu-transition)}.creative-bu-back-btn:hover{transform:translate(-5px);background:var(--bu-primary);color:#fff;border-color:var(--bu-primary)}.creative-bu-title h1{font-size:2rem;font-weight:900;color:var(--bu-text);margin:0;letter-spacing:-1px}.creative-bu-subtitle{color:var(--bu-text-muted);font-size:.95rem;font-weight:600;margin-top:4px}.creative-bu-card{width:100%;max-width:1000px;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--bu-radius);box-shadow:var(--bu-shadow);padding:48px;animation:entryFadeUp .8s ease-out .2s both;display:flex;flex-direction:column;gap:40px}.creative-bu-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.creative-bu-step{display:flex;flex-direction:column;gap:24px}.creative-bu-step-title-wrap{display:flex;align-items:center;gap:16px}.creative-bu-step-badge{width:36px;height:36px;background:var(--bu-primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;box-shadow:0 8px 16px rgba(59,130,246,.3)}.creative-bu-step-title-wrap h3{font-size:1.25rem;font-weight:800;color:var(--bu-text);margin:0}.creative-bu-step-subtitle-inner{color:var(--bu-text-muted);font-size:.85rem;font-weight:600;margin:2px 0 0}.creative-bu-schema-box{background:rgba(248,250,252,.8);border-radius:24px;padding:24px;border:1px solid rgba(226,232,240,.8)}.creative-bu-schema-tag{display:inline-block;padding:4px 12px;border-radius:8px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;background:rgba(59,130,246,.1);color:var(--bu-primary)}.creative-bu-schema-tag.tag-optional{background:rgba(148,163,184,.1);color:#64748b;margin-top:16px}.creative-bu-schema-box p{font-size:.9rem;font-weight:600;color:var(--bu-text);margin:0;line-height:1.6}.creative-bu-btn-download{background:#fff;border:2px solid #f1f5f9;padding:16px 24px;border-radius:18px;font-weight:800;color:var(--bu-text);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--bu-transition)}.creative-bu-btn-download:hover{border-color:var(--bu-primary);color:var(--bu-primary);transform:translateY(-3px);box-shadow:0 10px 20px rgba(59,130,246,.1)}.creative-bu-upload-zone{flex:1;min-height:200px;border:3px dashed #e2e8f0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:var(--bu-transition);background:rgba(248,250,252,.5);text-align:center;padding:20px}.creative-bu-upload-zone:hover{border-color:var(--bu-primary);background:rgba(59,130,246,.05)}.creative-bu-upload-zone.has-file{border-color:var(--bu-success);background:rgba(16,185,129,.05);border-style:solid}.creative-bu-rules{grid-column:span 2;display:flex;justify-content:center;gap:32px;padding-top:20px;border-top:1px solid rgba(226,232,240,.6)}.creative-bu-rule-item{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--bu-text-muted)}.creative-bu-rule-item span{color:var(--bu-success);display:flex}.creative-bu-progress-wrap{width:100%;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden;margin-top:-20px}.creative-bu-progress-inner{height:100%;background:linear-gradient(90deg,var(--bu-primary) 0%,var(--bu-primary-light) 100%);border-radius:10px;transition:width .4s ease}.creative-bu-btn-run{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:20px;border-radius:20px;font-weight:900;font-size:1.1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:var(--bu-transition);box-shadow:0 10px 25px rgba(0,0,0,.15)}.creative-bu-btn-run:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2);filter:brightness(1.1)}.creative-bu-btn-run:disabled{opacity:.6;cursor:not-allowed}.creative-bu-notify{position:fixed;bottom:40px;right:40px;padding:16px 28px;border-radius:20px;color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:1000;animation:notifySlide .4s cubic-bezier(.175,.885,.32,1.275)}.notify-success{background:var(--bu-success)}.notify-warning{background:var(--bu-warning)}@keyframes notifySlide{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes entryFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bu-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.creative-bu-steps-grid{grid-template-columns:1fr}.creative-bu-rules{flex-wrap:wrap;gap:20px}}@media (max-width: 600px){.creative-bu-header{flex-direction:column;gap:24px;text-align:center}.creative-bu-branding{flex-direction:column}.creative-bu-card{padding:24px}}:root{--st-glass-bg: rgba(255, 255, 255, .7);--st-glass-border: rgba(255, 255, 255, .4);--st-primary: #3b82f6;--st-secondary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--st-accent: #0ea5e9;--st-success: #10b981;--st-warning: #f59e0b;--st-danger: #ef4444;--st-text-main: #1e293b;--st-text-muted: #64748b;--st-shadow: 0 20px 40px -15px rgba(0, 0, 0, .08);--st-transition: all .4s cubic-bezier(.4, 0, .2, 1)}.merp-st-container{padding:40px 24px;max-width:1400px;margin:0 auto;min-height:100vh;background:radial-gradient(circle at top right,rgba(59,130,246,.03),transparent 600px)}.merp-st-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:24px}.merp-st-branding{display:flex;align-items:center;gap:16px}.merp-st-logo{height:50px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.merp-st-title-wrap h1{font-size:2.4rem;font-weight:900;letter-spacing:-1.5px;margin:0;background:linear-gradient(135deg,var(--st-text-main),var(--st-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.merp-st-subtitle{color:var(--st-text-muted);font-weight:600;font-size:.95rem;margin-top:4px}.merp-st-actions{display:flex;gap:12px}.merp-st-btn{padding:12px 24px;border-radius:16px;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--st-transition);border:none;font-size:.9rem}.merp-st-btn-primary{background:linear-gradient(135deg,var(--st-primary),var(--st-secondary));color:#fff;box-shadow:0 10px 20px -5px rgba(59,130,246,.3)}.merp-st-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px -5px rgba(59,130,246,.4)}.merp-st-btn-outline{background:#fff;color:var(--st-text-main);border:1px solid #e2e8f0}.merp-st-btn-outline:hover{background:#f8fafc;border-color:var(--st-primary);color:var(--st-primary);transform:translateY(-4px)}.merp-st-stepper{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;position:relative;padding:0 20px}.merp-st-stepper:before{content:"";position:absolute;top:25px;left:40px;right:40px;height:4px;background:#f1f5f9;z-index:1}.merp-st-stepper-progress{position:absolute;top:25px;left:40px;height:4px;background:linear-gradient(90deg,var(--st-primary),var(--st-secondary));z-index:2;transition:width .6s cubic-bezier(.4,0,.2,1)}.merp-st-step-item{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.merp-st-step-icon{width:54px;height:54px;background:#fff;border:4px solid #F1F5F9;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--st-text-muted);transition:var(--st-transition);box-shadow:0 4px 10px rgba(0,0,0,.02)}.merp-st-step-item.active .merp-st-step-icon{border-color:var(--st-primary);color:var(--st-primary);transform:scale(1.1);box-shadow:0 10px 20px rgba(59,130,246,.15)}.merp-st-step-item.completed .merp-st-step-icon{background:var(--st-primary);border-color:var(--st-primary);color:#fff}.merp-st-step-title{font-size:.85rem;font-weight:800;color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.5px;transition:var(--st-transition)}.merp-st-step-item.active .merp-st-step-title{color:var(--st-primary)}.merp-st-form-section{background:#fff;border-radius:24px;padding:32px;margin-bottom:32px;border:1px solid #F1F5F9;box-shadow:0 4px 20px rgba(0,0,0,.02)}.merp-st-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.merp-st-field{display:flex;flex-direction:column;gap:10px}.merp-st-label{font-weight:800;color:#475569;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;display:block}.merp-st-input{background:#f8fafc!important;border:2px solid #F1F5F9!important;border-radius:14px!important;padding:14px 18px!important;font-size:1rem!important;font-weight:600!important;color:var(--st-text-main)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%;box-sizing:border-box}.merp-st-input:focus{outline:none;border-color:var(--st-primary)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(59,130,246,.1);transform:translateY(-2px)}.merp-st-card{background:var(--st-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--st-glass-border);border-radius:30px;padding:32px;margin-bottom:32px;box-shadow:var(--st-shadow)}.merp-st-search-box{position:relative;max-width:500px}.merp-st-search-input{width:100%;padding:16px 24px 16px 54px;border-radius:20px;border:2px solid transparent;background:rgba(241,245,249,.5);font-size:1rem;font-weight:600;outline:none;transition:var(--st-transition);color:var(--st-text-main)}.merp-st-search-input:focus{background:#fff;border-color:var(--st-primary);box-shadow:0 10px 25px -10px rgba(59,130,246,.15)}.merp-st-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--st-text-muted);font-size:1.4rem;transition:var(--st-transition)}.merp-st-search-input:focus+.merp-st-search-icon{color:var(--st-primary);transform:translateY(-50%) scale(1.1)}.merp-st-table-wrap{overflow-x:auto;border-radius:24px}.merp-st-table{width:100%;border-collapse:collapse;text-align:left}.merp-st-table th{padding:20px 24px;background:rgba(241,245,249,.5);color:var(--st-text-muted);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.merp-st-table td{padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.5);transition:background .3s}.merp-st-table tr:last-child td{border-bottom:none}.merp-st-table tr:hover td{background:rgba(59,130,246,.02)}.merp-st-name-cell{display:flex;align-items:center;gap:12px}.merp-st-avatar-mini{width:40px;height:40px;border-radius:12px;object-fit:cover;border:2px solid white;box-shadow:0 4px 10px rgba(0,0,0,.05)}.merp-st-name-main{font-weight:800;color:var(--st-text-main);font-size:1rem}.merp-st-id-sub{font-size:.8rem;color:var(--st-text-muted);font-weight:600;font-family:JetBrains Mono,monospace}.merp-st-badge{padding:6px 14px;border-radius:10px;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.merp-st-badge-info{background:#eff6ff;color:var(--st-primary);border:1px solid #dbeafe}.merp-st-badge-success{background:#ecfdf5;color:var(--st-success);border:1px solid #d1fae5}.merp-st-loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;gap:20px}.merp-st-spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top-color:var(--st-primary);border-radius:50%;animation:merp-spin 1s linear infinite}.merp-st-profile-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:32px;padding:48px;display:flex;align-items:center;gap:48px;color:#fff;margin-bottom:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);position:relative;overflow:hidden}.merp-st-profile-avatar{width:160px;height:160px;border-radius:40px;border:4px solid rgba(255,255,255,.15);object-fit:cover;background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.3);transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.merp-st-profile-avatar:hover{transform:scale(1.05) rotate(3deg)}.merp-st-profile-name{font-size:3rem;font-weight:900;margin:0 0 12px;letter-spacing:-1.5px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.merp-st-tabs{display:flex;gap:8px;background:rgba(241,245,249,.8);padding:8px;border-radius:20px;margin-bottom:32px;overflow-x:auto;white-space:nowrap}.merp-st-tab-btn{padding:12px 24px;border-radius:14px;font-weight:800;font-size:.9rem;cursor:pointer;transition:var(--st-transition);border:none;background:transparent;color:var(--st-text-muted)}.merp-st-tab-btn.active{background:#fff;color:var(--st-primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}.merp-st-tab-btn:hover:not(.active){background:rgba(255,255,255,.5);color:var(--st-text-main)}.merp-st-info-section h3{font-size:1.3rem;font-weight:900;color:var(--st-text-main);margin-bottom:24px;display:flex;align-items:center;gap:12px;border-bottom:2px solid #f1f5f9;padding-bottom:12px}.merp-st-info-item{padding:16px;border-radius:16px;transition:var(--st-transition)}.merp-st-info-item:hover{background:#f8fafc;transform:translate(8px)}.merp-st-info-label{font-size:.75rem;font-weight:800;color:var(--st-text-muted);text-transform:uppercase;letter-spacing:1px}.merp-st-info-value{font-size:1.1rem;font-weight:700;color:var(--st-text-main);margin-top:4px;display:flex;align-items:center;gap:8px}.merp-st-leave-card{padding:20px;background:#fff;border-radius:16px;border:1px solid #F1F5F9;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:var(--st-transition)}.merp-st-leave-card:hover{border-color:var(--st-primary);box-shadow:0 10px 20px rgba(0,0,0,.02)}.merp-st-child-card{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border:1px solid #F1F5F9;border-radius:20px;margin-bottom:16px;cursor:pointer;transition:var(--st-transition)}.merp-st-child-card:hover{border-color:var(--st-primary);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.04)}.merp-st-child-icon{width:50px;height:50px;border-radius:14px;background:#f0f7ff;color:var(--st-primary);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.merp-st-footer{display:flex;justify-content:space-between;align-items:center;padding:32px 0 0;border-top:2px solid #F1F5F9;gap:20px;margin-top:40px}@keyframes stFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.merp-st-bulk-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:start}.merp-st-step-card{background:#fff;border-radius:24px;padding:32px;border:1px solid #F1F5F9;box-shadow:0 10px 30px rgba(0,0,0,.03);margin-bottom:24px;transition:var(--st-transition);position:relative;overflow:hidden}.merp-st-upload-zone{position:relative;border:2px dashed #E2E8F0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:var(--st-transition);background:#f8fafc;overflow:hidden}.merp-st-upload-zone.has-file{border-color:var(--st-success);background:#f0fdf4}.merp-st-upload-zone:hover{border-color:var(--st-primary);background:#f1f5f9}.merp-st-step-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.05)}.merp-st-step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.merp-st-step-number{width:40px;height:40px;background:var(--st-primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;box-shadow:0 8px 16px rgba(59,130,246,.2)}.merp-st-step-title{margin:0;font-size:1.4rem;font-weight:900;color:var(--st-text-main);letter-spacing:-.5px}.merp-st-console{background:#0f172a;border-radius:24px;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;padding:0;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;height:480px}.merp-st-console-header{background:rgba(255,255,255,.05);padding:16px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.merp-st-console-dot{width:12px;height:12px;border-radius:50%}.merp-st-console-logs{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.merp-st-log-item{display:flex;gap:12px;font-size:.9rem;line-height:1.5;animation:fadeIn .3s ease forwards}.merp-st-log-time{color:#64748b;min-width:85px}.merp-st-log-msg{color:#cbd5e1}.merp-st-log-msg.success{color:#10b981}.merp-st-log-msg.error{color:#ef4444}.merp-st-log-msg.warning{color:#f59e0b}.merp-st-log-msg.info{color:#3b82f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.merp-st-bulk-grid{grid-template-columns:1fr}.merp-st-console{height:400px}}.merp-st-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:flex-end}.merp-st-filter-group{display:flex;flex-direction:column;gap:8px}.merp-st-filter-group label{font-size:.75rem;font-weight:800;color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.5px}.merp-st-filter-group select{padding:12px 16px;border-radius:12px;border:2px solid #F1F5F9;background:#f8fafc;font-weight:700;color:var(--st-text-main);outline:none;transition:var(--st-transition)}.merp-st-filter-group select:focus{border-color:var(--st-primary);background:#fff}.merp-st-select-mini{padding:8px 12px;border-radius:10px;border:2px solid #F1F5F9;background:#fff;font-weight:700;font-size:.85rem;color:var(--st-text-main);width:100%;outline:none}.merp-st-select-mini.status-success{color:var(--st-success);border-color:#d1fae5;background:#ecfdf5}.merp-st-select-mini.status-error{color:var(--st-danger);border-color:#fee2e2;background:#fef2f2}.merp-st-footer-action{padding:24px 32px;background:#f8fafc;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--st-text-main)}:root{--sf-glass-bg: rgba(255, 255, 255, .7);--sf-glass-border: rgba(255, 255, 255, .4);--sf-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--sf-secondary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--sf-accent: #334155;--sf-success: #10b981;--sf-warning: #f59e0b;--sf-danger: #ef4444;--sf-text-main: #1e293b;--sf-text-muted: #64748b;--sf-shadow: 0 20px 40px -15px rgba(0, 0, 0, .08);--sf-transition: all .4s cubic-bezier(.4, 0, .2, 1)}.merp-sf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:sfFadeIn .3s ease}.merp-sf-modal-content{background:#fff;width:100%;max-width:650px;border-radius:32px;box-shadow:0 50px 100px -20px rgba(0,0,0,.25);overflow:hidden;animation:sfSlideUp .4s cubic-bezier(.16,1,.3,1)}.merp-sf-modal-header{padding:24px 32px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.merp-sf-modal-header h2{margin:0;font-size:1.5rem;font-weight:900;color:var(--sf-text-main)}.merp-sf-modal-close{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:var(--sf-transition)}.merp-sf-modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}.merp-sf-modal-body{padding:32px}@keyframes sfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sfSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.merp-sf-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.merp-sf-stat-card{background:#fff;padding:24px;border-radius:24px;border:1px solid #F1F5F9;display:flex;align-items:center;gap:20px;transition:var(--sf-transition);box-shadow:0 4px 10px rgba(0,0,0,.02)}.merp-sf-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.05)}.merp-sf-stat-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.merp-sf-stat-info h4{margin:0;font-size:.85rem;color:var(--sf-text-muted);text-transform:uppercase;letter-spacing:1px}.merp-sf-stat-info div{font-size:1.8rem;font-weight:900;color:var(--sf-text-main);margin-top:4px}.merp-sf-tabs{display:flex;gap:12px;margin-bottom:32px;background:rgba(241,245,249,.5);padding:8px;border-radius:20px;width:fit-content}.merp-sf-tab{padding:12px 24px;border-radius:14px;font-weight:800;cursor:pointer;transition:var(--sf-transition);border:none;background:transparent;color:var(--sf-text-muted);display:flex;align-items:center;gap:10px;font-size:.9rem}.merp-sf-tab.active{background:#fff;color:var(--trend-sb-primary-gradient);box-shadow:0 4px 15px rgba(0,0,0,.05)}.merp-sf-container{padding:40px 24px;max-width:1400px;margin:0 auto;min-height:100vh;background:radial-gradient(circle at top right,rgba(16,185,129,.05),transparent 600px)}.merp-sf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:24px}.merp-sf-branding{display:flex;align-items:center;gap:16px}.merp-sf-logo{height:50px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.merp-sf-title-wrap h1{font-size:2.4rem;font-weight:900;letter-spacing:-1.5px;margin:0;background:var(--trend-sb-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.merp-sf-subtitle{color:var(--sf-text-muted);font-weight:600;font-size:.95rem;margin-top:4px}.merp-sf-actions{display:flex;gap:12px}.merp-sf-btn{padding:12px 24px;border-radius:16px;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--sf-transition);border:none;font-size:.9rem}.merp-sf-btn-primary{background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 10px 20px -5px rgba(5,150,105,.3)}.merp-sf-btn-primary:active{transform:scale(.98)}.merp-sf-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px -5px rgba(5,150,105,.4)}.merp-sf-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.merp-sf-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.merp-sf-btn-success:hover,.merp-sf-btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.merp-sf-btn-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.merp-sf-btn-purple:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.merp-sf-btn-outline{background:#fff;color:var(--sf-text-main);border:1px solid #e2e8f0}.merp-sf-btn-outline:hover{background:#f0fdf4;border-color:var(--trend-sb-primary-gradient);color:var(--trend-sb-primary-gradient);transform:translateY(-4px)}.merp-sf-menu-item:hover{background:#f8fafc;transform:translate(8px)}.merp-sf-menu-item:hover div div:first-child{color:var(--trend-sb-primary-gradient)}.merp-sf-card{background:var(--sf-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--sf-glass-border);border-radius:30px;padding:32px;margin-bottom:32px;box-shadow:var(--sf-shadow)}.merp-sf-search-box{position:relative;max-width:500px}.merp-sf-search-input{width:100%;padding:16px 24px 16px 54px;border-radius:20px;border:2px solid transparent;background:rgba(241,245,249,.5);font-size:1rem;font-weight:600;outline:none;transition:var(--sf-transition);color:var(--sf-text-main)}.merp-sf-search-input:focus{background:#fff;border-color:var(--trend-sb-primary-gradient);box-shadow:0 10px 25px -10px rgba(5,150,105,.15)}.merp-sf-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--sf-text-muted);font-size:1.4rem;transition:var(--sf-transition)}.merp-sf-search-input:focus+.merp-sf-search-icon{color:var(--trend-sb-primary-gradient);transform:translateY(-50%) scale(1.1)}.merp-sf-table-wrap{overflow-x:auto;border-radius:24px}.merp-sf-table{width:100%;border-collapse:collapse;text-align:left}.merp-sf-table th{padding:20px 24px;background:rgba(241,245,249,.5);color:var(--sf-text-muted);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.merp-sf-table td{padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.5);transition:background .3s}.merp-sf-table tr:last-child td{border-bottom:none}.merp-sf-table tr:hover td{background:rgba(16,185,129,.02)}.merp-sf-name-cell{display:flex;align-items:center;gap:12px}.merp-sf-avatar-mini{width:40px;height:40px;border-radius:12px;object-fit:cover;border:2px solid white;box-shadow:0 4px 10px rgba(0,0,0,.05)}.merp-sf-name-main{font-weight:800;color:var(--sf-text-main);font-size:1rem}.merp-sf-id-sub{font-size:.8rem;color:var(--sf-text-muted);font-weight:600;font-family:JetBrains Mono,monospace}.merp-sf-badge{padding:6px 14px;border-radius:10px;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.merp-sf-badge-info{background:#f0fdf4;color:var(--trend-sb-primary-gradient);border:1px solid #dcfce7}.merp-sf-badge-success{background:#ecfdf5;color:var(--sf-success);border:1px solid #d1fae5}.merp-sf-form-section{background:#fff;border-radius:24px;padding:32px;margin-bottom:32px;border:1px solid #F1F5F9;box-shadow:0 4px 20px rgba(0,0,0,.02)}.merp-sf-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.merp-sf-field{display:flex;flex-direction:column;gap:10px}.merp-sf-label{font-weight:800;color:#475569;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;display:block}.merp-sf-input{background:#f8fafc!important;border:2px solid #F1F5F9!important;border-radius:14px!important;padding:14px 18px!important;font-size:1rem!important;font-weight:600!important;color:var(--sf-text-main)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%;box-sizing:border-box}.merp-sf-input:focus{outline:none;border-color:var(--sf-primary)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(16,185,129,.1);transform:translateY(-2px)}.merp-sf-stepper{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;position:relative;padding:0 20px}.merp-sf-stepper:before{content:"";position:absolute;top:25px;left:40px;right:40px;height:4px;background:#f1f5f9;z-index:1}.merp-sf-stepper-progress{position:absolute;top:25px;left:40px;height:4px;background:linear-gradient(90deg,var(--sf-primary),var(--sf-secondary));z-index:2;transition:width .6s cubic-bezier(.4,0,.2,1)}.merp-sf-step-item{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.merp-sf-step-icon{width:54px;height:54px;background:#fff;border:4px solid #F1F5F9;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--sf-text-muted);transition:var(--sf-transition);box-shadow:0 4px 10px rgba(0,0,0,.02)}.merp-sf-step-item.active .merp-sf-step-icon{border-color:var(--trend-sb-primary-gradient);color:var(--trend-sb-primary-gradient);transform:scale(1.1);box-shadow:0 10px 20px rgba(16,185,129,.15)}.merp-sf-step-item.completed .merp-sf-step-icon{background:var(--trend-sb-primary-gradient);border-color:var(--trend-sb-primary-gradient);color:#fff}.merp-sf-step-title{font-size:.85rem;font-weight:800;color:var(--sf-text-muted);text-transform:uppercase;letter-spacing:.5px;transition:var(--sf-transition)}.merp-sf-step-item.active .merp-sf-step-title{color:var(--trend-sb-primary-gradient)}.animate-up{animation:sfFadeUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes sfFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.merp-sf-loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;gap:20px}.merp-sf-spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top-color:var(--trend-sb-primary-gradient);border-radius:50%;animation:merp-spin 1s linear infinite}@keyframes merp-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.merp-sf-header{flex-direction:column;align-items:flex-start}.merp-sf-title-wrap h1{font-size:2rem}}@media (max-width: 768px){.merp-sf-container{padding:24px 16px}.merp-sf-header{margin-bottom:24px}.merp-sf-stepper{margin-bottom:30px}.merp-sf-step-title{display:none}.merp-sf-card{padding:20px;border-radius:20px}.merp-sf-form-grid{grid-template-columns:1fr;gap:20px}.merp-sf-btn{width:100%;justify-content:center}.merp-sf-card h1{font-size:1.8rem!important}.merp-sf-avatar-mini{width:44px;height:44px}.merp-sf-table th,.merp-sf-table td{padding:12px 16px;font-size:.85rem}.merp-sf-name-main{font-size:.9rem}.merp-sf-badge{padding:4px 10px;font-size:.75rem}}@media (max-width: 480px){.merp-sf-stats-grid{grid-template-columns:1fr}.merp-sf-title-wrap h1{font-size:1.6rem}.merp-sf-logo{height:40px}.merp-sf-search-input{padding-left:44px;font-size:.9rem}.merp-sf-search-icon{left:16px;font-size:1.2rem}}:root{--bu-primary: #3b82f6;--bu-secondary: #10b981;--bu-accent: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--bu-error: #ef4444;--bu-bg: #ffffff;--bu-surface: rgba(255, 255, 255, .75);--bu-border: rgba(226, 232, 240, .5);--bu-text: #0f172a;--bu-text-muted: #64748b;--bu-shadow: 0 20px 50px -15px rgba(0, 0, 0, .08);--bu-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.creative-bu-wrapper{min-height:100vh;background-color:var(--bu-bg);position:relative;overflow-x:hidden;padding:40px 24px;font-family:Outfit,sans-serif;z-index:1}.creative-bu-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.creative-bu-bubble{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:bu-float 20s infinite alternate ease-in-out}.bu-bubble-1{width:500px;height:500px;background:var(--trend-sb-primary-gradient);top:-100px;left:-100px}.bu-bubble-2{width:450px;height:450px;background:var(--bu-secondary);bottom:-100px;right:-50px;animation-delay:-5s}.bu-bubble-3{width:350px;height:350px;background:var(--bu-accent);top:20%;right:5%;animation-duration:25s}@keyframes bu-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(50px) scale(1.1)}}.creative-bu-header{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 40px;gap:24px}.creative-bu-branding{display:flex;align-items:center;gap:16px;cursor:pointer}.creative-bu-back-btn{background:#fff;border:1px solid #e2e8f0;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--bu-text);transition:var(--bu-transition);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.creative-bu-back-btn:hover{border-color:var(--trend-sb-primary-gradient);color:var(--trend-sb-primary-gradient);transform:translate(-4px)}.creative-bu-title h1{font-size:2rem;font-weight:800;color:var(--bu-text);margin:0;letter-spacing:-1px}.creative-bu-subtitle{color:var(--bu-text-muted);font-size:.9rem;font-weight:600;margin:2px 0 0}.creative-bu-card{max-width:900px;margin:0 auto;background:var(--bu-surface);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--bu-border);border-radius:32px;padding:40px;box-shadow:var(--bu-shadow);animation:buEntryFadeUp .8s ease-out}@keyframes buEntryFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.creative-bu-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.creative-bu-step{display:flex;flex-direction:column}.creative-bu-step-title-wrap{display:flex;align-items:center;gap:12px;margin-bottom:20px}.creative-bu-step-badge{padding:6px 12px;background:var(--trend-sb-primary-gradient);color:#fff;border-radius:8px;font-size:.8rem;font-weight:900}.creative-bu-step-title-wrap h3{margin:0;font-size:1.25rem;font-weight:900;color:var(--bu-text);letter-spacing:-.5px}.creative-bu-step-text-wrap{display:flex;flex-direction:column}.creative-bu-step-subtitle-inner{margin:2px 0 0;font-size:.85rem;color:var(--bu-text-muted);font-weight:600}.creative-bu-btn-download{width:100%;padding:16px;border-radius:16px;border:2px dashed #cbd5e1;background:transparent;color:var(--bu-text-muted);font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--bu-transition)}.creative-bu-btn-download:hover{border-color:var(--trend-sb-primary-gradient);color:var(--trend-sb-primary-gradient);background:rgba(59,130,246,.05)}.creative-bu-schema-box{background:rgba(248,250,252,.8);border:1px solid #e2e8f0;border-radius:16px;padding:20px;margin-bottom:24px}.creative-bu-schema-tag{display:inline-block;padding:4px 10px;background:#eff6ff;color:#3b82f6;border-radius:6px;font-size:.75rem;font-weight:900;text-transform:uppercase;margin-bottom:8px}.tag-optional{background:#f0fdf4;color:#10b981;margin-top:12px}.creative-bu-schema-box p{margin:0;font-size:.8rem;font-weight:600;color:#475569;line-height:1.5}.creative-bu-upload-zone{flex:1;border:2px dashed #cbd5e1;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;transition:var(--bu-transition);background:rgba(248,250,252,.5);text-align:center}.creative-bu-upload-zone:hover,.creative-bu-upload-zone.active{border-color:var(--trend-sb-primary-gradient);background:rgba(59,130,246,.05)}.creative-bu-upload-zone.has-file{background:rgba(16,185,129,.05);border-color:var(--bu-secondary)}.creative-bu-rules{grid-column:1 / -1;background:rgba(241,245,249,.5);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.creative-bu-rule-item{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.85rem;color:var(--bu-text-muted)}.creative-bu-rule-item span{width:28px;height:28px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--bu-secondary);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.creative-bu-btn-run{width:100%;margin-top:32px;padding:18px;border-radius:18px;border:none;background:linear-gradient(135deg,var(--bu-primary),var(--bu-accent));color:#fff;font-weight:900;font-size:1.1rem;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--bu-transition);box-shadow:0 10px 25px -5px rgba(59,130,246,.4)}.creative-bu-btn-run:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 30px -5px rgba(59,130,246,.5)}.creative-bu-btn-run:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.creative-bu-progress-wrap{margin-top:24px;position:relative;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.creative-bu-progress-inner{height:100%;background:linear-gradient(90deg,var(--bu-primary),var(--bu-accent));transition:width .5s cubic-bezier(.1,.7,1,.1)}.creative-bu-notify{position:fixed;top:30px;right:30px;padding:18px 32px;border-radius:20px;font-weight:800;color:#fff;z-index:1000;box-shadow:0 15px 40px rgba(0,0,0,.15);animation:buSlideIn .5s cubic-bezier(.175,.885,.32,1.275)}.notify-success{background:var(--bu-secondary)}.notify-error{background:var(--bu-error)}.notify-warning{background:#f59e0b}@keyframes buSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.bu-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:bu-spin 1s linear infinite}@keyframes bu-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.creative-bu-steps-grid{grid-template-columns:1fr}.creative-bu-rules{flex-direction:column;align-items:flex-start}}:root{--sba-primary: #1e1b4b;--sba-secondary: #0ea5e9;--sba-bg: #ffffff;--sba-surface: rgba(255, 255, 255, .8);--sba-border: rgba(226, 232, 240, .6);--sba-text: #1e293b;--sba-text-sub: #64748b;--sba-shadow: 0 25px 50px -12px rgba(0, 0, 0, .08);--sba-linear: linear-gradient(135deg, #1e1b4b, #0ea5e9);--sba-trans: all .4s cubic-bezier(.4, 0, .2, 1)}.creative-sba-wrapper{min-height:100vh;background-color:var(--sba-bg);position:relative;overflow-x:hidden;padding:40px 24px;font-family:Outfit,sans-serif;z-index:1}.creative-sba-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.creative-sba-bubble{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:sba-float 25s infinite alternate ease-in-out}.sba-bubble-1{width:600px;height:600px;background:var(--sba-primary);top:-200px;left:-100px}.sba-bubble-2{width:500px;height:500px;background:var(--sba-secondary);bottom:-150px;right:-100px;animation-delay:-7s}@keyframes sba-float{0%{transform:translate(0) rotate(0)}to{transform:translate(100px,50px) rotate(15deg)}}.creative-sba-header{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 30px}.creative-sba-branding{display:flex;align-items:center;gap:16px;cursor:pointer}.creative-sba-back-btn{background:#fff;border:1px solid #e2e8f0;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--sba-text);transition:var(--sba-trans);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.creative-sba-back-btn:hover{border-color:var(--sba-primary);color:var(--sba-primary);transform:translate(-5px)}.creative-sba-title h1{font-size:2.2rem;font-weight:900;color:var(--sba-text);margin:0;letter-spacing:-1.5px}.creative-sba-crumbs{display:flex;align-items:center;gap:10px;margin:0 auto 40px;max-width:1000px;font-size:.85rem;font-weight:700;color:var(--sba-text-sub)}.creative-sba-crumbs span.active{color:var(--sba-primary);background:rgba(79,70,229,.08);padding:4px 10px;border-radius:8px}.creative-sba-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.creative-sba-card{background:var(--sba-surface);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--sba-border);border-radius:32px;padding:40px;box-shadow:var(--sba-shadow);animation:sbaFadeUp .8s cubic-bezier(.16,1,.3,1)}@keyframes sbaFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.creative-sba-upload-zone{text-align:center;padding:40px;border:2px dashed #cbd5e1;border-radius:24px;background:rgba(248,250,252,.4);transition:var(--sba-trans);margin-bottom:30px}.creative-sba-upload-zone:hover{border-color:var(--sba-primary);background:rgba(79,70,229,.04)}.creative-sba-btn-primary{background:var(--trend-sb-primary-gradient);color:#fff;border:none;padding:18px 40px;border-radius:20px;font-weight:800;font-size:1.05rem;display:inline-flex;align-items:center;gap:12px;cursor:pointer;transition:var(--sba-trans);box-shadow:0 10px 20px -5px rgba(79,70,229,.3)}.creative-sba-btn-primary:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 30px -5px rgba(79,70,229,.4)}.creative-sba-btn-outline{background:#fff;color:var(--sba-text);border:1px solid #e2e8f0;padding:18px 30px;border-radius:20px;font-weight:800;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:var(--sba-trans)}.creative-sba-btn-outline:hover{border-color:var(--sba-primary);color:var(--sba-primary)}.creative-sba-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.creative-sba-res-card{background:#fff;padding:24px;border-radius:24px;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid #f1f5f9}.creative-sba-res-val{font-size:2rem;font-weight:900;display:block;margin-bottom:4px}.creative-sba-res-label{font-size:.85rem;font-weight:700;color:var(--sba-text-sub);text-transform:uppercase;letter-spacing:.5px}.creative-sba-schema-list{list-style:none;padding:0;margin:20px 0}.creative-sba-schema-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:.95rem;font-weight:600;color:var(--sba-text-sub)}.creative-sba-schema-list li strong{color:var(--sba-text);min-width:120px}.sba-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sba-spin .8s linear infinite}@keyframes sba-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.creative-sba-results{grid-template-columns:1fr}.creative-sba-header{flex-direction:column;align-items:flex-start;gap:20px}}:root{--ssb-primary: #10b981;--ssb-secondary: #059669;--ssb-bg: #ffffff;--ssb-surface: rgba(255, 255, 255, .85);--ssb-border: rgba(209, 250, 229, .6);--ssb-text: #064e3b;--ssb-text-sub: #374151;--ssb-shadow: 0 25px 50px -12px rgba(6, 78, 59, .08);--ssb-linear: linear-gradient(135deg, #10b981, #059669);--ssb-trans: all .4s cubic-bezier(.4, 0, .2, 1)}.creative-ssb-wrapper{min-height:100vh;background-color:var(--ssb-bg);position:relative;overflow-x:hidden;padding:40px 24px;font-family:Outfit,sans-serif;z-index:1}.creative-ssb-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.creative-ssb-bubble{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1;animation:ssb-float 20s infinite alternate ease-in-out}.ssb-bubble-1{width:550px;height:550px;background:var(--ssb-primary);top:-150px;right:-50px}.ssb-bubble-2{width:450px;height:450px;background:var(--ssb-secondary);bottom:-100px;left:-100px;animation-delay:-5s}@keyframes ssb-float{0%{transform:scale(1)}to{transform:scale(1.15) translate(30px,20px)}}.creative-ssb-header{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 30px}.creative-ssb-branding{display:flex;align-items:center;gap:16px;cursor:pointer}.creative-ssb-back-btn{background:#fff;border:1px solid #d1fae5;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--ssb-text);transition:var(--ssb-trans);box-shadow:0 4px 6px -1px rgba(0,0,0,.03)}.creative-ssb-back-btn:hover{border-color:var(--ssb-primary);color:var(--ssb-primary);transform:translate(-5px)}.creative-ssb-title h1{font-size:2.2rem;font-weight:900;color:var(--ssb-text);margin:0;letter-spacing:-1.5px}.creative-ssb-crumbs{display:flex;align-items:center;gap:10px;margin:0 auto 40px;max-width:1000px;font-size:.85rem;font-weight:700;color:var(--ssb-text-sub)}.creative-ssb-crumbs span.active{color:var(--ssb-primary);background:rgba(16,185,129,.08);padding:4px 10px;border-radius:8px}.creative-ssb-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.creative-ssb-card{background:var(--ssb-surface);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--ssb-border);border-radius:32px;padding:40px;box-shadow:var(--ssb-shadow);animation:ssbFadeUp .8s cubic-bezier(.16,1,.3,1)}@keyframes ssbFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.creative-ssb-upload-zone{text-align:center;padding:40px;border:2px dashed #bbf7d0;border-radius:24px;background:rgba(240,253,244,.4);transition:var(--ssb-trans);margin-bottom:30px}.creative-ssb-upload-zone:hover{border-color:var(--ssb-primary);background:rgba(16,185,129,.04)}.creative-ssb-btn-primary{background:var(--ssb-linear);color:#fff;border:none;padding:18px 40px;border-radius:20px;font-weight:800;font-size:1.05rem;display:inline-flex;align-items:center;gap:12px;cursor:pointer;transition:var(--ssb-trans);box-shadow:0 10px 20px -5px rgba(16,185,129,.3)}.creative-ssb-btn-primary:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 30px -5px rgba(16,185,129,.4)}.creative-ssb-btn-outline{background:#fff;color:var(--ssb-text);border:1px solid #d1fae5;padding:18px 30px;border-radius:20px;font-weight:800;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:var(--ssb-trans)}.creative-ssb-btn-outline:hover{border-color:var(--ssb-primary);color:var(--ssb-primary)}.creative-ssb-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.creative-ssb-res-card{background:#fff;padding:24px;border-radius:24px;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid #f0fdf4}.creative-ssb-res-val{font-size:2rem;font-weight:900;display:block;margin-bottom:4px}.creative-ssb-res-label{font-size:.85rem;font-weight:700;color:var(--ssb-text-sub);text-transform:uppercase;letter-spacing:.5px}.creative-ssb-schema-list{list-style:none;padding:0;margin:20px 0}.creative-ssb-schema-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0fdf4;font-size:.95rem;font-weight:600;color:var(--ssb-text-sub)}.creative-ssb-schema-list li strong{color:var(--ssb-text);min-width:120px}.ssb-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ssb-spin .8s linear infinite}@keyframes ssb-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.creative-ssb-results{grid-template-columns:1fr}.creative-ssb-header{flex-direction:column;align-items:flex-start;gap:20px}}:root{--fee-primary: #2563EB;--fee-secondary: #F59E0B;--fee-accent: #8B5CF6;--fee-success: #10B981;--fee-danger: #EF4444;--fee-bg-main: #F8FAFC;--fee-bg-card: rgba(255, 255, 255, .85);--fee-text-main: #1E293B;--fee-text-muted: #64748B;--fee-border: #E2E8F0;--fee-shadow: 0 10px 30px -5px rgba(0, 0, 0, .05);--fee-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.merp-fee-container{padding:32px;max-width:1400px;margin:0 auto;min-height:100vh;color:var(--fee-text-main)}.merp-fee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;animation:fadeInDown .6s ease}.merp-fee-branding{display:flex;align-items:center;gap:20px}.merp-fee-logo{height:54px;width:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));transition:var(--fee-transition)}.merp-fee-logo:hover{transform:rotate(-5deg) scale(1.05)}.merp-fee-title-wrap h1{font-size:2.2rem;font-weight:900;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--fee-text-main),var(--fee-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.merp-fee-subtitle{color:var(--fee-text-muted);font-weight:600;font-size:.95rem;margin:4px 0 0}.merp-fee-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.merp-fee-stat-card{background:var(--fee-bg-card);backdrop-filter:blur(20px);padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.4);box-shadow:var(--fee-shadow);display:flex;align-items:center;gap:20px;transition:var(--fee-transition)}.merp-fee-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px rgba(0,0,0,.1)}.merp-fee-stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.merp-fee-split-layout{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:start}.merp-fee-sidebar{background:#fff;border-radius:28px;padding:24px;border:1px solid var(--fee-border);box-shadow:var(--fee-shadow);height:calc(100vh - 200px);display:flex;flex-direction:column}.merp-fee-main-panel{background:var(--fee-bg-card);backdrop-filter:blur(20px);border-radius:28px;padding:32px;border:1px solid rgba(255,255,255,.4);box-shadow:var(--fee-shadow)}.merp-fee-field{margin-bottom:20px}.merp-fee-label{display:block;font-size:.8rem;font-weight:800;color:var(--fee-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.merp-fee-input{width:100%;padding:14px 18px;border-radius:14px;border:2px solid #F1F5F9;background:#f8fafc;font-weight:700;color:var(--fee-text-main);outline:none;transition:var(--fee-transition)}.merp-fee-input:focus{border-color:var(--fee-primary);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.merp-fee-student-list{flex:1;overflow-y:auto;margin-top:20px;padding-right:4px}.merp-fee-student-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;cursor:pointer;transition:var(--fee-transition);margin-bottom:8px;border:1px solid transparent}.merp-fee-student-item:hover{background:#f1f5f9}.merp-fee-student-item.active{background:#eff6ff;border-color:#bfdbfe}.merp-fee-avatar-sm{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--fee-text-main);flex-shrink:0}.merp-fee-inst-card{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;border:1px solid var(--fee-border);display:flex;justify-content:space-between;align-items:center;transition:var(--fee-transition)}.merp-fee-inst-card:hover{transform:translate(5px);border-color:var(--fee-primary)}.merp-fee-progress-wrap{width:160px}.merp-fee-progress-bg{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-top:6px}.merp-fee-progress-fill{height:100%;background:var(--fee-primary);border-radius:4px;transition:width 1s ease-out}.merp-fee-btn{padding:12px 24px;border-radius:14px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--fee-transition);border:none;font-size:.95rem}.merp-fee-btn-primary{background:linear-gradient(135deg,var(--fee-primary),#1D4ED8);color:#8b5cf6;box-shadow:0 10px 20px -5px rgba(37,99,235,.4)}.merp-fee-btn-gold{background:linear-gradient(135deg,var(--fee-secondary),#D97706);color:#fff;box-shadow:0 10px 20px -5px rgba(245,158,11,.4)}.merp-fee-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.merp-fee-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.merp-fee-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.merp-fee-modal-content{background:#fff;width:100%;max-width:500px;border-radius:32px;padding:32px;box-shadow:0 30px 60px -12px rgba(0,0,0,.25);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.merp-fee-badge{padding:6px 14px;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.merp-fee-badge-success{background:#dcfce7;color:#15803d}.merp-fee-badge-danger{background:#fef2f2;color:#dc2626}.merp-fee-badge-warning{background:#fef3c7;color:#92400e}.merp-fee-table-wrap{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--fee-border);box-shadow:var(--fee-shadow)}.merp-fee-table{width:100%;border-collapse:collapse}.merp-fee-table th{background:#f8fafc;padding:18px 24px;text-align:left;font-size:.75rem;font-weight:800;color:var(--fee-text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--fee-border)}.merp-fee-table td{padding:18px 24px;border-bottom:1px solid #F1F5F9;font-weight:600;font-size:.95rem}.merp-fee-table tr:hover td{background:#f8fafc}.merp-fee-domain-btn{padding:12px;border-radius:12px;border:2px solid #F1F5F9;background:#f8fafc;font-weight:700;font-size:.8rem;color:var(--fee-text-muted);transition:var(--fee-transition);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merp-fee-domain-btn.active{border-color:var(--fee-primary);background:#eff6ff;color:var(--fee-primary);box-shadow:0 5px 15px rgba(37,99,235,.1)}.merp-fee-toast{position:fixed;bottom:32px;right:32px;color:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:3000;display:flex;align-items:center;gap:12px;font-weight:700}.merp-fee-toast button{background:rgba(255,255,255,.2);border:none;color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.merp-fee-close-btn{background:#f1f5f9;border:none;padding:10px;border-radius:12px;cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:var(--fee-transition)}.merp-fee-close-btn:hover{background:#e2e8f0;transform:rotate(90deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:slideUp .6s ease-out forwards}@media (max-width: 1200px){.merp-fee-split-layout{grid-template-columns:320px 1fr}}@media (max-width: 900px){.merp-fee-split-layout{grid-template-columns:1fr}.merp-fee-sidebar{height:auto;max-height:400px}.merp-fee-header{flex-direction:column;align-items:flex-start;gap:24px}}.merp-fee-banner-info{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px rgba(2,132,199,.08)}.merp-fee-transaction-list{background:#fff;border-radius:24px;border:1px solid var(--fee-border);overflow:hidden;box-shadow:var(--fee-shadow)}.merp-fee-tx-item:last-child{border-bottom:none}.merp-fee-tx-item:hover{background:#f8fafc}.merp-fee-action-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--fee-transition);font-size:1.1rem}.merp-fee-action-icon:hover{transform:scale(1.1);background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.merp-fee-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:center;justify-content:center}.merp-fee-success-modal{background:#fff;padding:60px 40px;border-radius:40px;text-align:center;max-width:450px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px rgba(0,0,0,.5)}.merp-fee-success-icon{font-size:5rem;color:var(--fee-success);margin-bottom:24px;animation:successPop .6s cubic-bezier(.175,.885,.32,1.275)}.merp-fee-success-modal h2{font-size:2rem;font-weight:900;color:#0f172a;margin-bottom:12px}.merp-fee-success-modal p{color:#64748b;font-weight:600;line-height:1.6}.merp-fee-success-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);z-index:-1;animation:rotateGlow 10s linear infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes successPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-scale-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}.fee-collection-container{padding:32px;max-width:1600px;margin:0 auto;animation:fadeIn .6s ease}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.collection-header .branding{display:flex;align-items:center;gap:20px}.collection-header .icon-box{width:64px;height:64px;background:linear-gradient(135deg,var(--fee-primary),var(--fee-accent));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.2)}.collection-header h1{font-size:2.4rem;font-weight:900;margin:0;letter-spacing:-1.5px}.collection-header p{color:var(--fee-text-muted);font-weight:700;margin:4px 0 0}.search-mode-toggle{display:flex;padding:6px;gap:6px;background:rgba(255,255,255,.5);border:1px solid var(--fee-border);border-radius:16px}.search-mode-toggle button{padding:10px 18px;border-radius:12px;border:none;background:transparent;font-weight:800;font-size:.85rem;color:var(--fee-text-muted);cursor:pointer;transition:var(--fee-transition);display:flex;align-items:center;gap:8px}.search-mode-toggle button.active{background:#fff;color:var(--fee-primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}.collection-grid{display:grid;grid-template-columns:420px 1fr;gap:32px;height:calc(100vh - 200px)}.students-sidebar{display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:var(--fee-shadow);border-radius:28px}.sidebar-filters{padding:24px;border-bottom:1px solid var(--fee-border);background:#f8fafc}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.filter-input{padding:12px;border-radius:12px;border:2px solid #E2E8F0;font-weight:700;outline:none;transition:var(--fee-transition)}.filter-input:focus{border-color:var(--fee-primary)}.merp-custom-select-container{position:relative;width:100%}.merp-select-label{display:block;font-size:.7rem;font-weight:800;color:var(--fee-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding-left:4px}.merp-select-trigger{width:100%;padding:12px 16px;background:#f8fafc;border:2px solid #E2E8F0;border-radius:14px;font-weight:700;font-size:.9rem;color:var(--fee-text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--fee-transition)}.merp-select-trigger:hover:not(.disabled){border-color:#cbd5e1;background:#fff}.merp-select-trigger.active{border-color:var(--fee-primary);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.merp-select-trigger.disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.merp-select-arrow{font-size:1.2rem;transition:transform .3s ease;color:var(--fee-text-muted)}.merp-select-trigger.active .merp-select-arrow{transform:rotate(180deg);color:var(--fee-primary)}.merp-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;border:1px solid var(--fee-border);box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:100;max-height:250px;overflow-y:auto;padding:8px;animation:selectFadeIn .2s ease-out}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.merp-select-option{padding:10px 14px;border-radius:10px;font-weight:700;font-size:.85rem;color:var(--fee-text-main);cursor:pointer;transition:.2s}.merp-select-option:hover{background:#f1f5f9}.merp-select-option.selected{background:#eff6ff;color:var(--fee-primary)}.merp-select-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90}.merp-locked-year{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdf4;border:2px solid #DCFCE7;border-radius:14px;color:#15803d;font-weight:800;font-size:.9rem}.merp-locked-year ion-icon{font-size:1.1rem}.search-box{position:relative}.search-box ion-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fee-text-muted)}.search-box input{width:100%;padding:12px 14px 12px 42px;border-radius:14px;border:2px solid #E2E8F0;font-weight:700;outline:none}.student-list-scroll{flex:1;overflow-y:auto;padding:16px}.student-entry{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;cursor:pointer;transition:var(--fee-transition);margin-bottom:8px;border:1px solid transparent}.student-entry:hover{background:#f1f5f9}.student-entry.active{background:#eff6ff;border-color:#bfdbfe;transform:scale(1.02)}.student-entry .avatar{width:48px;height:48px;border-radius:14px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--fee-text-main);flex-shrink:0}.student-entry .info{flex:1;min-width:0}.student-entry .info h4{margin:0;font-size:1rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-entry .info p{margin:2px 0 0;font-size:.75rem;color:var(--fee-text-muted);font-weight:700}.due-tag{padding:6px 12px;border-radius:10px;font-size:.85rem;font-weight:900}.due-tag.overdue{background:#fef2f2;color:#ef4444}.due-tag.cleared{background:#f0fdf4;color:#10b981}.ledger-main{display:flex;flex-direction:column;overflow-y:auto;padding:32px}.ledger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--fee-border)}.student-hero h2{font-size:2.2rem;font-weight:900;margin:0;letter-spacing:-1.5px}.student-hero p{margin:4px 0 0;color:var(--fee-text-muted);font-weight:700}.pay-btn-main{background:#0f172a;color:#fff;padding:16px 32px;border-radius:18px;border:none;font-weight:800;font-size:1rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--fee-transition);box-shadow:0 10px 25px rgba(0,0,0,.15)}.pay-btn-main:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.25)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.metric-box{padding:24px;border-radius:24px;background:#f8fafc;border:1px solid #E2E8F0}.metric-box label{font-size:.75rem;text-transform:uppercase;font-weight:900;color:var(--fee-text-muted);letter-spacing:.5px}.metric-box h3{font-size:1.8rem;font-weight:900;margin:8px 0 0}.metric-box.success{background:#f0fdf4;border-color:#dcfce7;color:#10b981}.metric-box.warning{background:#fff7ed;border-color:#ffedd5;color:#f59e0b}.section-title{font-size:1.1rem;font-weight:900;margin-bottom:24px;color:#1e293b}.timeline-view{position:relative;padding-left:32px;margin-bottom:48px}.timeline-view:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:#e2e8f0}.timeline-entry{position:relative;margin-bottom:20px}.timeline-entry .dot{position:absolute;left:-32px;top:14px;width:16px;height:16px;border-radius:50%;background:#cbd5e1;border:4px solid white;box-shadow:0 0 0 2px #e2e8f0}.timeline-entry.paid .dot{background:#10b981;box-shadow:0 0 0 2px #dcfce7}.timeline-entry.partial .dot{background:#f59e0b;box-shadow:0 0 0 2px #fef3c7}.entry-card{background:#fff;padding:16px 24px;border-radius:18px;border:1px solid var(--fee-border);display:flex;justify-content:space-between;align-items:center}.entry-card h4{margin:0;font-weight:800;font-size:.95rem}.entry-card p{margin:2px 0 0;font-size:.75rem;color:var(--fee-text-muted);font-weight:700}.entry-status{text-align:right}.entry-status .amt{display:block;font-weight:900;font-size:1.1rem;margin-bottom:4px}.entry-status .tag{font-size:.65rem;font-weight:900;text-transform:uppercase;padding:3px 8px;border-radius:6px}.tag.paid{background:#dcfce7;color:#15803d}.tag.pending{background:#f1f5f9;color:#64748b}.collection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.7);backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:center;justify-content:center}.collection-modal{width:100%;max-width:500px;background:#fff;padding:32px;border-radius:32px;box-shadow:0 30px 100px -12px rgba(0,0,0,.4)}.payment-summary{background:#f8fafc;padding:24px;border-radius:24px;margin-bottom:32px}.payment-summary .user-info{display:flex;gap:16px;margin-bottom:16px;align-items:center}.payment-summary ion-icon{font-size:1.5rem;color:var(--fee-primary)}.payment-summary .user-info strong{display:block;font-size:1.1rem;font-weight:900}.payment-summary .user-info span{font-size:.8rem;color:var(--fee-text-muted);font-weight:700}.balance-info label{font-size:.7rem;text-transform:uppercase;font-weight:800;color:var(--fee-text-muted)}.balance-info h2{font-size:2.2rem;font-weight:900;margin:4px 0 0;color:var(--fee-danger);letter-spacing:-1px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.75rem;font-weight:900;margin-bottom:8px;color:#475569}.form-group .req{color:#ef4444}.amount-input{width:100%;padding:18px;border-radius:16px;border:2px solid #E2E8F0;font-size:1.8rem;font-weight:900;text-align:center;outline:none}.quick-amounts{display:flex;gap:8px;margin-top:12px}.quick-amounts button{flex:1;padding:10px;border-radius:10px;border:none;background:#f1f5f9;font-weight:800;font-size:.75rem;cursor:pointer}.quick-amounts button.full{background:#0f172a;color:#fff}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-selector button{padding:14px;border-radius:14px;border:2px solid #F1F5F9;font-weight:800;background:#f8fafc;cursor:pointer;transition:.2s}.mode-selector button.active{border-color:var(--fee-primary);background:#eff6ff;color:var(--fee-primary)}.ref-input{width:100%;padding:14px;border-radius:14px;border:2px solid #E2E8F0;font-weight:700;outline:none}.btn-commit{width:100%;padding:18px;border-radius:16px;border:none;background:var(--fee-success);color:#fff;font-weight:900;font-size:1.1rem;cursor:pointer;box-shadow:0 10px 20px rgba(16,185,129,.3)}.success-card{background:#fff;padding:60px 40px;border-radius:40px;text-align:center;max-width:450px}.check-ring{font-size:5rem;color:var(--fee-success);margin-bottom:24px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:32px}.success-actions .btn-print{grid-column:span 2}.success-actions button{padding:14px;border-radius:14px;border:none;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--fee-primary);color:#fff}.btn-secondary{background:#f1f5f9;color:#475569}.btn-print{background:#0f172a;color:#fff}.collection-toast{position:fixed;bottom:32px;right:32px;padding:16px 24px;border-radius:16px;color:#fff;z-index:6000;display:flex;align-items:center;gap:12px;font-weight:700;box-shadow:0 15px 40px rgba(0,0,0,.2)}.collection-toast.success{background:#059669}.collection-toast.error{background:#ef4444}.collection-toast button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.transaction-feed{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.tx-card{display:flex;align-items:center;padding:16px 20px;background:rgba(255,255,255,.4);border-radius:20px;border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tx-card:hover{transform:translate(8px) scale(1.01);background:rgba(255,255,255,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.08);border-color:var(--fee-primary)}.tx-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fee-primary);opacity:0;transition:.3s}.tx-card:hover:before{opacity:1}.tx-icon-wrapper{margin-right:20px}.tx-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:.3s}.tx-icon.cash{background:#dcfce7;color:#10b981}.tx-icon.upi{background:#f0f9ff;color:#0ea5e9}.tx-icon.bank{background:#fef3c7;color:#d97706}.tx-icon.card{background:#f5f3ff;color:#8b5cf6}.tx-card:hover .tx-icon{transform:rotate(-10deg) scale(1.1)}.tx-main{flex:1}.tx-primary{display:flex;align-items:center;gap:12px;margin-bottom:4px}.tx-id{font-weight:900;font-size:1rem;color:var(--fee-text-main);letter-spacing:-.5px}.tx-date{font-size:.8rem;font-weight:700;color:var(--fee-text-muted)}.tx-secondary{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800}.tx-mode{color:var(--fee-text-muted);text-transform:uppercase}.tx-separator{color:#cbd5e1}.tx-status{color:#10b981;display:flex;align-items:center;gap:4px}.tx-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981}.tx-amount{text-align:right;margin-right:24px}.tx-amount .currency{font-size:1rem;font-weight:800;color:var(--fee-text-muted);margin-right:2px}.tx-amount .value{font-size:1.4rem;font-weight:900;color:var(--fee-text-main)}.tx-cta .btn-print-mini{width:40px;height:40px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:.2s}.tx-cta .btn-print-mini:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:scale(1.1)}.empty-history{padding:60px;text-align:center;background:rgba(248,250,252,.5);border-radius:24px;border:2px dashed #E2E8F0}.empty-history ion-icon{font-size:3rem;color:#cbd5e1;margin-bottom:16px}.empty-history p{color:var(--fee-text-muted);font-weight:700}.success-card-premium{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);padding:48px;border-radius:40px;width:100%;max-width:480px;text-align:center;border:1px solid rgba(255,255,255,.4);box-shadow:0 40px 100px -20px rgba(0,0,0,.3);position:relative;overflow:hidden}.success-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center}.success-glow{position:absolute;width:140%;height:140%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);animation:rotateGlow 10s linear infinite}.success-icon-pulse{width:80px;height:80px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;box-shadow:0 0 rgba(16,185,129,.4);animation:pulseCheck 2s infinite;z-index:2}@keyframes pulseCheck{0%{box-shadow:0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 20px rgba(16,185,129,0)}to{box-shadow:0 0 rgba(16,185,129,0)}}.success-content h2{font-size:2.2rem;font-weight:900;color:#0f172a;margin-bottom:12px;letter-spacing:-1px}.success-content p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:32px;font-weight:600}.success-summary-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:24px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item:first-child{border-right:1px solid #E2E8F0}.summary-item label{font-size:.7rem;text-transform:uppercase;font-weight:800;color:#94a3b8;letter-spacing:.5px}.summary-item strong{font-size:1.2rem;font-weight:950;color:#1e293b}.success-actions-multi{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.btn-close-modal{padding:16px;border-radius:18px;border:none;background:#f1f5f9;color:#475569;font-weight:800;font-size:1rem;cursor:pointer;transition:.3s}.btn-close-modal:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-download-premium{padding:16px;border-radius:18px;border:none;background:#0f172a;color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.3s;box-shadow:0 10px 25px rgba(0,0,0,.2)}.btn-download-premium:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.3)}.btn-download-premium ion-icon{font-size:1.3rem}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.7);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.merp-fee-header-v2{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;animation:fadeInDown .8s cubic-bezier(.16,1,.3,1)}.merp-fee-header-v2 h1{font-size:2.8rem;font-weight:800;margin:0;letter-spacing:-2px;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.merp-fee-header-v2 p{color:var(--fee-text-muted);font-size:1.1rem;font-weight:500;margin:8px 0 0}.header-actions{display:flex;gap:16px}.glass-btn,.primary-glass-btn{padding:12px 24px;border-radius:16px;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.glass-btn{background:rgba(255,255,255,.8);border:1px solid #e2e8f0;color:#1e293b;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.primary-glass-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff;box-shadow:0 10px 20px -5px rgba(37,99,235,.3)}.glass-btn:hover,.primary-glass-btn:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.merp-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.bento-card{background:#fff;border-radius:32px;padding:28px;display:flex;align-items:center;gap:20px;border:1px solid rgba(0,0,0,.03);box-shadow:0 10px 30px -5px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.16,1,.3,1)}.bento-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px rgba(0,0,0,.1)}.bento-icon{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center}.bento-card-green .bento-icon{background:#f0fdf4;color:#10b981}.bento-card-blue .bento-icon{background:#eff6ff;color:#3b82f6}.bento-card-rose .bento-icon{background:#fef2f2;color:#ef4444}.bento-card-purple .bento-icon{background:#f5f3ff;color:#8b5cf6}.bento-label{display:block;font-size:.85rem;font-weight:700;color:var(--fee-text-muted);text-transform:uppercase;letter-spacing:.5px}.bento-value{font-size:1.8rem;font-weight:900;margin:4px 0;color:#0f172a}.bento-trend{font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:5px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.analytics-display-row{display:grid;grid-template-columns:1fr 400px;gap:32px;margin-bottom:40px}.analytics-panel{background:#fff;border-radius:32px;padding:32px;border:1px solid rgba(0,0,0,.03);box-shadow:0 10px 30px -5px rgba(0,0,0,.05)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.panel-header h3{margin:0;font-size:1.3rem;font-weight:800;color:#0f172a}.analytics-panel span{font-size:.8rem;font-weight:700;color:var(--fee-text-muted);text-transform:uppercase}.chart-wrapper{width:100%;height:320px;position:relative;overflow:hidden}.main-chart{min-width:0}.merp-fee-ledger-v2{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 10px 30px -5px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.03)}.ledger-header{padding:30px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.ledger-header h3{margin:0;font-size:1.4rem;font-weight:800;color:#0f172a}.ledger-header p{margin:4px 0 0;font-size:.9rem;color:var(--fee-text-muted);font-weight:600}.ledger-badge{padding:10px 20px;border-radius:100px;font-size:.85rem;font-weight:800}.status-alert{background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.modern-ledger-table{width:100%;border-collapse:collapse}.modern-ledger-table th{text-align:left;padding:20px 32px;font-size:.75rem;font-weight:800;color:var(--fee-text-muted);text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #f1f5f9}.modern-ledger-table td{padding:20px 32px;border-bottom:1px solid #f8fafc;font-weight:600;color:#334155}.account-cell{display:flex;align-items:center;gap:16px}.account-cell .avatar{width:44px;height:44px;border-radius:14px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b}.account-cell .name{display:block;font-weight:800;color:#0f172a;font-size:1rem}.account-cell .id{font-size:.75rem;color:var(--fee-text-muted)}.amount-cell{font-weight:900!important;color:#ef4444!important}.modern-status-badge{padding:6px 14px;border-radius:10px;font-size:.7rem;font-weight:800}.modern-status-badge.warning{background:#fffbeb;color:#b45309}.empty-state{padding:100px 0;text-align:center;opacity:.5}.modern-toast{position:fixed;bottom:32px;right:32px;color:#fff;padding:16px 28px;border-radius:20px;display:flex;align-items:center;gap:16px;font-weight:700;box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:5000}.close-toast{background:rgba(255,255,255,.2);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-weight:900}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-scale-up{animation:octa-fade-up .5s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1000px){.merp-fee-header-v2{flex-direction:column;align-items:flex-start;gap:24px}.analytics-display-row{grid-template-columns:1fr}}:root{--fh-primary: #3b82f6;--fh-secondary: #f59e0b;--fh-navy: #0f172a;--fh-bg: #ffffff;--fh-surface: rgba(255, 255, 255, .7);--fh-border: rgba(226, 232, 240, .6);--fh-text: #1e293b;--fh-shadow: 0 25px 45px -12px rgba(0, 0, 0, .1);--fh-trans: all .4s cubic-bezier(.4, 0, .2, 1)}.creative-fh-wrapper{min-height:100vh;background-color:var(--fh-bg);position:relative;overflow-x:hidden;padding:40px 24px;font-family:Outfit,sans-serif;z-index:1}.creative-fh-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.creative-fh-bubble{position:absolute;border-radius:50%;filter:blur(120px);opacity:.1;animation:fh-float 30s infinite alternate ease-in-out}.fh-bubble-1{width:600px;height:600px;background:var(--fh-navy);top:-200px;left:-100px}.fh-bubble-2{width:500px;height:500px;background:var(--fh-primary);bottom:-150px;right:-80px;animation-delay:-5s}.fh-bubble-3{width:350px;height:350px;background:var(--fh-secondary);top:20%;right:10%;animation-duration:25s}@keyframes fh-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(80px) scale(1.1)}}.creative-fh-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 50px;gap:24px}.creative-fh-title h1{font-size:2.2rem;font-weight:900;color:var(--fh-navy);margin:0;letter-spacing:-1.5px}.creative-fh-subtitle{color:#64748b;font-size:.95rem;font-weight:600;margin:4px 0 0}.creative-fh-action-grid{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 32px;gap:20px}.creative-fh-search-wrap{flex:1;position:relative}.creative-fh-search-input{width:100%;padding:16px 20px 16px 56px;border-radius:20px;border:1px solid var(--fh-border);background:var(--fh-surface);backdrop-filter:blur(20px);font-size:1rem;font-weight:600;transition:var(--fh-trans);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.creative-fh-search-input:focus{border-color:var(--fh-primary);box-shadow:0 10px 15px -3px rgba(59,130,246,.15)}.creative-fh-btn-add{padding:16px 32px;background:linear-gradient(135deg,var(--fh-navy),#1e293b);color:#fff;border:none;border-radius:20px;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--fh-trans);white-space:nowrap;box-shadow:0 10px 20px -5px rgba(15,23,42,.3)}.creative-fh-btn-add:hover{transform:translateY(-4px);box-shadow:0 15px 30px -5px rgba(15,23,42,.4)}.creative-fh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto}.creative-fh-tile{background:var(--fh-surface);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--fh-border);border-radius:28px;padding:30px;position:relative;overflow:hidden;transition:var(--fh-trans);animation:fhFadeUp .8s cubic-bezier(.16,1,.3,1)}@keyframes fhFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.creative-fh-tile:hover{transform:translateY(-8px);border-color:var(--fh-primary);box-shadow:var(--fh-shadow)}.creative-fh-tile:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg,transparent 50%,rgba(59,130,246,.05) 100%);border-radius:0 0 0 100%;pointer-events:none;z-index:0}.creative-fh-tile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;position:relative;z-index:2}.creative-fh-icon-box{width:56px;height:56px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--fh-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.creative-fh-tile:hover .creative-fh-icon-box{background:var(--fh-primary);color:#fff}.creative-fh-tile-actions{display:flex;gap:8px}.creative-fh-action-btn{width:44px;height:44px;border-radius:14px;border:none;background:rgba(241,245,249,.8);color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--fh-trans);position:relative;z-index:10}.creative-fh-action-btn:hover{background:#fff;color:var(--fh-primary)}.btn-delete:hover{color:#ef4444}.creative-fh-tile h3{font-size:1.35rem;font-weight:800;color:var(--fh-navy);margin:0 0 8px}.creative-fh-badge{padding:6px 12px;background:#ecfdf5;color:#10b981;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase}.creative-fh-tile-footer{margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:#94a3b8}.creative-fh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fhFadeIn .3s ease}.creative-fh-modal{background:#fff;width:90%;max-width:500px;border-radius:32px;padding:40px;box-shadow:0 30px 60px -12px rgba(0,0,0,.25);position:relative;animation:fhScaleUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes fhFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fhScaleUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.creative-fh-field{margin-bottom:24px}.creative-fh-field label{display:block;font-size:.75rem;font-weight:900;color:#64748b;margin-bottom:10px;text-transform:uppercase}.creative-fh-field input{width:100%;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;font-size:1.1rem;font-weight:700;color:var(--fh-navy)}.creative-fh-field input:focus{background:#fff;border-color:var(--fh-primary)}.creative-fh-empty{grid-column:1 / -1;text-align:center;padding:100px 40px;background:var(--fh-surface);border-radius:32px;border:2px dashed #cbd5e1}.creative-fh-toast{position:fixed;top:30px;left:50%;transform:translate(-50%);padding:18px 32px;border-radius:20px;background:var(--fh-navy);color:#fff;font-weight:800;z-index:2000;box-shadow:0 20px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:12px;animation:fhToastIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes fhToastIn{0%{top:-50px;opacity:0}to{top:30px;opacity:1}}.fh-spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);z-index:3000;display:flex;align-items:center;justify-content:center}.fh-spinner{width:50px;height:50px;border:5px solid rgba(59,130,246,.2);border-top-color:var(--fh-primary);border-radius:50%;animation:fh-spin 1s linear infinite}@keyframes fh-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.creative-fh-header{flex-direction:column;align-items:flex-start;gap:20px}.creative-fh-action-grid{flex-direction:column}.creative-fh-btn-add{width:100%;justify-content:center}}:root{--exam-primary: #7C3AED;--exam-secondary: #C084FC;--exam-accent: #F59E0B;--exam-bg: #F8FAFC;--exam-card-bg: rgba(255, 255, 255, .75);--exam-border: rgba(124, 58, 237, .1);--exam-text-main: #1E293B;--exam-text-muted: #64748B;--exam-shadow: 0 15px 35px -5px rgba(124, 58, 237, .1);--exam-glass: blur(20px)}.merp-exam-container{padding:40px;max-width:1440px;margin:0 auto;min-height:100vh;font-family:Outfit,Inter,sans-serif;color:var(--exam-text-main)}.merp-exam-header{margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-end}.merp-exam-branding{display:flex;align-items:center;gap:20px}.merp-exam-logo{height:60px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.merp-exam-title-wrap h1{font-size:2.8rem;font-weight:950;letter-spacing:-2px;background:linear-gradient(135deg,var(--exam-primary),#4C1D95);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.merp-exam-subtitle{color:var(--exam-text-muted);font-size:1.1rem;font-weight:600;margin-top:4px}.merp-exam-card{background:var(--exam-card-bg);backdrop-filter:var(--exam-glass);-webkit-backdrop-filter:var(--exam-glass);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:32px;box-shadow:var(--exam-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.merp-exam-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -10px rgba(124,58,237,.2)}.merp-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.merp-exam-icon-box{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:24px;background:linear-gradient(135deg,var(--exam-primary),var(--exam-secondary));color:#fff;box-shadow:0 10px 20px -5px rgba(124,58,237,.4)}.merp-exam-table-wrap{background:#fff;border-radius:32px;overflow:hidden;border:1px solid var(--exam-border);box-shadow:var(--exam-shadow)}.merp-exam-table{width:100%;border-collapse:collapse}.merp-exam-table th{background:#f8fafc;padding:24px;text-align:left;font-size:.85rem;font-weight:900;color:var(--exam-text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--exam-border)}.merp-exam-table td{padding:24px;border-bottom:1px solid #F1F5F9;font-weight:600;font-size:.95rem}.merp-result-row{cursor:pointer;transition:all .2s ease}.merp-result-row:hover td{background:#f5f3ff!important;transform:scale(1.002)}.merp-view-btn{width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;transition:.3s}.merp-result-row:hover .merp-view-btn{background:var(--exam-primary);color:#fff}.merp-exam-btn{padding:14px 28px;border-radius:18px;font-weight:800;border:none;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:10px;font-size:.95rem}.merp-exam-btn-primary{background:var(--exam-primary);color:#fff;box-shadow:0 10px 20px -5px rgba(124,58,237,.3)}.merp-exam-btn-primary:hover{background:#6d28d9;transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(124,58,237,.4)}.merp-exam-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.7);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .4s ease;padding:20px}.merp-exam-input-group{margin-bottom:24px}.merp-exam-label{display:block;font-size:.85rem;font-weight:900;color:var(--exam-text-main);text-transform:uppercase;margin-bottom:12px;letter-spacing:.5px}.merp-exam-input{width:100%;padding:18px 24px;border-radius:18px;border:2px solid #F1F5F9;background:#f8fafc;font-weight:700;font-size:1rem;transition:all .3s;outline:none}.merp-exam-input:focus{border-color:var(--exam-primary);background:#fff;box-shadow:0 0 0 6px rgba(124,58,237,.08)}.merp-exam-badge{padding:6px 14px;border-radius:10px;font-size:.75rem;font-weight:900;text-transform:uppercase}.merp-exam-badge-online{background:#eef2ff;color:#1e1b4b}.merp-exam-badge-offline{background:#f5f3ff;color:#7c3aed}@keyframes animateUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:animateUp .6s cubic-bezier(.2,.8,.2,1) forwards}@media (max-width: 768px){.merp-exam-container{padding:24px}.merp-exam-title-wrap h1{font-size:2rem}.merp-exam-header{flex-direction:column;align-items:flex-start;gap:20px}.merp-exam-grid{grid-template-columns:1fr}}.merp-subject-row.merp-top-performer td{background:#f0fdf4!important;border-color:#dcfce7}.merp-grade-badge{padding:4px 12px;border-radius:12px;font-weight:900;font-size:.8rem;text-transform:uppercase}.merp-grade-badge{padding:6px 14px;border-radius:10px;font-weight:900;font-size:.85rem;text-transform:uppercase;display:inline-block;min-width:45px;text-align:center}.merp-grade-aplus{background:#dcfce7;color:#166534}.merp-grade-a{background:#dbeafe;color:#1e40af}.merp-grade-b{background:#ffedd5;color:#9a3412}.merp-grade-c{background:#fee2e2;color:#991b1b}.merp-subject-row.merp-high-score td{background:#f0fdf4}.merp-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.merp-metric-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.merp-metric-card .label{display:block;font-size:.8rem;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:8px}.merp-metric-card .value{font-size:2rem;font-weight:950;color:#1e293b}.merp-metric-card.merp-result-pass .value{color:#10b981}.merp-metric-card.merp-result-fail .value{color:#ef4444}.merp-remarks-box{margin-top:32px;padding:24px;background:#f8fafc;border-radius:16px;border-left:5px solid var(--exam-primary)}.merp-remarks-box label{display:block;font-size:.8rem;font-weight:950;color:var(--exam-primary);text-transform:uppercase;margin-bottom:12px}.merp-remarks-content{font-style:italic;color:#475569;font-weight:600;font-size:1rem}.merp-signature-section{display:none;margin-top:80px;justify-content:space-between;padding:20px 40px}.merp-sig-block{text-align:center;border-top:2px solid #1e293b;min-width:200px;padding-top:10px;font-weight:800;color:#1e293b}@media print{body *{visibility:hidden!important}.merp-report-card-modal,.merp-report-card-modal *{visibility:visible!important}.merp-report-card-modal{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:auto!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;z-index:10000!important}.merp-close-modal,.merp-report-footer .merp-exam-btn{display:none!important}.merp-signature-section{display:flex!important}.merp-report-header{background:#fff!important;color:#000!important;border-bottom:2px solid #000;position:relative!important}.merp-school-info h2{color:#000!important;font-size:2.2rem}.merp-school-info p{color:#334155!important}.merp-report-body{padding:20px!important;overflow:visible!important}.merp-subject-row td{background:#fff!important;border:1px solid #000!important;border-radius:0!important}.merp-subject-table{border-spacing:0!important;border-collapse:collapse!important}.merp-subject-table th{border:1px solid #000!important;color:#000!important;background:#eee!important}.merp-metric-card{border:1px solid #000!important;box-shadow:none!important}.merp-metric-card .value{color:#000!important}.merp-report-footer{background:#fff!important;border:none!important;border-top:2px solid #000!important;margin-top:40px}.merp-remarks-box{border:1px solid #000!important;background:#fff!important;border-radius:0!important}}@media (max-width: 768px){.merp-report-card-modal{height:95vh}.merp-student-meta-grid{grid-template-columns:1fr;gap:12px}.merp-meta-item{background:#f8fafc;padding:12px;border-radius:12px}}.merp-exam-spinner{width:24px;height:24px;border:3px solid rgba(124,58,237,.1);border-top:3px solid #7C3AED;border-radius:50%;animation:merp-spin .8s linear infinite;display:inline-block}@keyframes merp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.merp-exam-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.merp-report-card-modal{width:100%;max-width:1100px;height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 40px 120px -30px rgba(0,0,0,.5);display:flex;flex-direction:column;position:relative;animation:merp-modal-pop .5s cubic-bezier(.19,1,.22,1)}.merp-report-header{background:linear-gradient(135deg,#1e293b,#334155);padding:40px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.merp-school-info h2{font-size:1.8rem;font-weight:900;margin:0;letter-spacing:-1px}.merp-school-info p{margin:4px 0 0;opacity:.7;font-weight:600;font-size:.9rem}.merp-report-body{padding:40px;max-height:70vh;overflow-y:auto}.merp-student-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:2px dashed #E2E8F0}.merp-meta-item label{display:block;font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;margin-bottom:6px}.merp-meta-item span{font-size:1rem;font-weight:750;color:#1e293b}.merp-subject-table{width:100%;border-collapse:separate;border-spacing:0 12px}.merp-subject-table th{padding:12px 20px;text-align:left;font-size:.8rem;font-weight:900;color:#64748b;text-transform:uppercase}.merp-subject-row td{padding:20px;background:#f8fafc;border-top:1px solid #F1F5F9;border-bottom:1px solid #F1F5F9}.merp-subject-row td:first-child{border-radius:16px 0 0 16px;border-left:1px solid #F1F5F9;font-weight:800;color:#1e293b}.merp-subject-row td:last-child{border-radius:0 16px 16px 0;border-right:1px solid #F1F5F9}.merp-grade-indicator{padding:6px 12px;border-radius:8px;font-weight:900;font-size:.9rem;background:#f1f5f9}.merp-report-footer{padding:32px 40px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E2E8F0}.merp-summary-stats{display:flex;gap:32px}.merp-stat-box .val{font-size:1.5rem;font-weight:900;color:var(--exam-primary);display:block}.merp-stat-box .lbl{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase}.merp-close-modal{position:absolute;top:24px;right:24px;background:rgba(255,255,255,.1);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:.3s}.merp-close-modal:hover{background:rgba(255,255,255,.2)}@media (max-width: 768px){.merp-student-meta-grid{grid-template-columns:repeat(2,1fr)}.merp-report-header{padding:30px}.merp-report-body{padding:24px}.merp-report-footer{flex-direction:column;gap:20px;text-align:center}}:root{--hws-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--hws-primary-glow: rgba(99, 102, 241, .5);--hws-secondary: #a855f7;--hws-accent: #10b981;--hws-bg: #f8fafc;--hws-card-bg: rgba(255, 255, 255, .8);--hws-glass-border: rgba(255, 255, 255, .4);--hws-text-main: #1e293b;--hws-text-muted: #64748b;--hws-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--hws-radius: 24px}.hws-page-container{font-family:Outfit,sans-serif;background:radial-gradient(circle at top right,#e0e7ff,transparent),radial-gradient(circle at bottom left,#f3e8ff,transparent),var(--hws-bg);min-height:100vh;padding:40px;position:relative;overflow-x:hidden}.hws-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;animation:hws-slide-down .8s cubic-bezier(.16,1,.3,1)}.hws-branding-group{display:flex;align-items:center;gap:20px}.hws-logo-circle{width:64px;height:64px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--hws-shadow);padding:10px}.hws-logo{width:100%;object-fit:contain}.hws-title-wrap h1{font-size:2.2rem;font-weight:900;color:var(--hws-text-main);margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b 0%,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hws-subtitle{color:var(--hws-text-muted);font-weight:600;font-size:1rem;margin:4px 0 0}.hws-content-viewport{animation:hws-fade-up 1s cubic-bezier(.16,1,.3,1)}.hws-glass-card{background:var(--hws-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hws-glass-border);border-radius:var(--hws-radius);box-shadow:var(--hws-shadow);overflow:hidden;transition:transform .3s ease}.hws-table{width:100%;border-collapse:separate;border-spacing:0}.hws-table thead{background:rgba(99,102,241,.05)}.hws-table th{padding:24px;text-align:left;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--hws-text-muted);letter-spacing:.1em}.hws-table td{padding:20px 24px;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.05);transition:background .3s ease}.hws-table tr:last-child td{border-bottom:none}.hws-table tr:hover td{background:rgba(99,102,241,.02)}.hws-profile-cell{display:flex;align-items:center;gap:16px}.hws-avatar{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,var(--hws-primary),var(--hws-secondary));box-shadow:0 4px 12px var(--hws-primary-glow)}.hws-avatar.accepted{background:linear-gradient(135deg,#10b981,#059669)}.hws-avatar.idle{background:#cbd5e1;box-shadow:none}.hws-name-group{display:flex;flex-direction:column}.hws-name{font-weight:800;color:var(--hws-text-main);font-size:1.05rem}.hws-roll{font-size:.75rem;font-weight:700;color:var(--hws-text-muted);text-transform:uppercase}.hws-badge{padding:6px 14px;border-radius:30px;font-size:.7rem;font-weight:900;letter-spacing:.05em;display:inline-block}.hws-badge-success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.hws-badge-warning{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.hws-badge-neutral{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.hws-btn-group{display:flex;gap:10px;justify-content:flex-end}.hws-btn{border:none;border-radius:14px;padding:10px 18px;font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.hws-btn-ghost{background:#f1f5f9;color:var(--hws-text-muted)}.hws-btn-ghost:hover{background:#e2e8f0;transform:translateY(-2px)}.hws-btn-primary{background:var(--hws-primary);color:#fff;box-shadow:0 4px 12px var(--hws-primary-glow)}.hws-btn-primary:hover{background:#1e1b4b;transform:translateY(-2px);box-shadow:0 8px 16px var(--hws-primary-glow)}.hws-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:hws-fade-in .4s ease;padding:20px}.hws-modal-content{background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:600px;max-height:90vh;overflow:hidden;position:relative;animation:hws-pop-up .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.hws-modal-content.preview{max-width:90%;height:90vh}.hws-modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.hws-modal-title{font-weight:900;font-size:1.25rem;color:var(--hws-text-main);margin:0}.hws-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;color:var(--hws-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hws-close-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.hws-modal-body{padding:32px;overflow-y:auto;background:#fff}.hws-modal-footer{padding:20px 32px;border-top:1px solid #f1f5f9;display:flex;gap:12px}.hws-textarea-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;padding:20px;transition:all .3s ease}.hws-textarea-wrapper:focus-within{border-color:var(--hws-primary);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.hws-custom-textarea{width:100%;border:none;background:transparent;outline:none;font-family:inherit;font-size:1rem;font-weight:500;color:var(--hws-text-main);resize:vertical}@keyframes hws-slide-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes hws-fade-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes hws-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hws-pop-up{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1024px){.hws-page-container{padding:24px}.hws-title-wrap h1{font-size:1.8rem}}@media (max-width: 768px){.hws-header{flex-direction:column;align-items:flex-start;gap:20px}.hws-btn-exit{width:100%;justify-content:center}.hws-table thead{display:none}.hws-table,.hws-table tbody,.hws-table tr,.hws-table td{display:block;width:100%}.hws-table tr{border-bottom:2px solid #f1f5f9;padding:20px 0}.hws-table td{padding:8px 24px;border:none}.hws-btn-group{justify-content:flex-start;padding-top:12px}}.clubs-container{padding:30px;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.clubs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.clubs-header h1{font-size:2.5rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-1px}.clubs-header p{color:#64748b;margin:5px 0 0;font-weight:500}.create-club-btn{background:linear-gradient(135deg,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%) 0%,#1e1b4b 100%);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 10px 15px -3px rgba(99,102,241,.3)}.create-club-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(99,102,241,.4)}.clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.club-card{background:#fff;border-radius:24px;padding:25px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.club-card:hover{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:0 20px 40px rgba(0,0,0,.05);transform:scale(1.02)}.club-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.icon-action-btn{background:#f1f5f9;border:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.icon-action-btn:hover{transform:translateY(-2px)}.icon-action-btn.edit:hover{background:#e0e7ff;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.icon-action-btn.delete:hover{background:#fee2e2;color:#ef4444}.club-icon-box{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;background:#f1f5f9}.club-card h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:10px}.club-card p{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:20px}.club-info-row{display:flex;gap:20px;margin-bottom:20px;padding-top:20px;border-top:1px solid #f1f5f9}.info-item{display:flex;flex-direction:column}.info-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-bottom:4px}.info-value{font-weight:600;color:#334155}.club-actions{display:flex;gap:10px}.action-btn{flex:1;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-weight:700;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.action-btn.primary{background:#f1f5f9;border:none;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.activity-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.activity-modal-content{background:#fff;width:600px;max-width:95%;border-radius:30px;padding:40px;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-close{position:absolute;top:25px;right:25px;background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.modal-header h2{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:10px}.activity-form{display:flex;flex-direction:column;gap:20px;margin-top:30px}.form-group-activity{display:flex;flex-direction:column;gap:8px}.form-group-activity label{font-weight:700;color:#475569;font-size:.9rem}.form-group-activity input,.form-group-activity select,.form-group-activity textarea{padding:14px;border-radius:12px;border:2px solid #e2e8f0;font-size:1rem;font-weight:500;transition:all .2s;outline:none}.form-group-activity input:focus,.form-group-activity select:focus{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.submit-btn-activity{background:#1e293b;color:#fff;padding:16px;border-radius:14px;border:none;font-weight:700;cursor:pointer;margin-top:10px;transition:all .3s}.submit-btn-activity:hover{background:#334155;transform:translateY(-2px)}.members-section{margin-top:30px}.members-list-box{background:#f8fafc;border-radius:20px;padding:20px;max-height:400px;overflow-y:auto}.member-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e2e8f0}.member-row:last-child{border-bottom:none}.member-name{font-weight:600;color:#1e293b}.member-date{font-size:.85rem;color:#64748b}@media (max-width: 768px){.clubs-grid{grid-template-columns:1fr}.clubs-header{flex-direction:column;align-items:flex-start;gap:20px}}.achievements-container{padding:30px;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.achievements-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.achievements-header h1{font-size:2.8rem;font-weight:900;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.achievements-header p{color:#64748b;font-size:1.1rem;font-weight:500;margin-top:10px}.add-honor-btn{background:#1e293b;color:#fff;border:none;padding:16px 32px;border-radius:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s}.add-honor-btn:hover{background:#334155;transform:perspective(1000px) rotateX(10deg) translateY(-5px)}.stats-grid-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.hall-glass-card{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);padding:35px;border-radius:35px;display:flex;align-items:center;gap:25px}.honor-icon-circle{width:70px;height:70px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:32px}.gold-accent{background:#fefce8;color:#eab308}.purple-accent{background:#f5f3ff;color:#8b5cf6}.blue-accent{background:#f0f9ff;color:#0ea5e9}.hall-glass-card h3{margin:0;font-size:2.2rem;font-weight:900;color:#1e293b}.hall-glass-card span{font-size:.85rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.honor-table-premium{background:#fff;border-radius:35px;padding:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.excellence-badge{padding:6px 14px;border-radius:30px;font-weight:800;font-size:.75rem;text-transform:uppercase}.badge-national{background:#fef2f2;color:#dc2626}.badge-state{background:#f0fdf4;color:#16a34a}.badge-district{background:#eff6ff;color:#2563eb}.honor-form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.full-width{grid-column:span 2}.upload-area{border:2px dashed #e2e8f0;padding:30px;border-radius:20px;text-align:center;cursor:pointer;transition:all .2s;background:#f8fafc}.upload-area:hover{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:#f1f5f9}.upload-icon{font-size:40px;color:#94a3b8;margin-bottom:10px}@media (max-width: 1024px){.stats-grid-activity{grid-template-columns:1fr}}:root{--octa-primary: #1e1b4b;--octa-primary-light: #818cf8;--octa-secondary: #f43f5e;--octa-bg: #ffffff;--octa-card-bg: rgba(255, 255, 255, .85);--octa-border: rgba(226, 232, 240, .8);--octa-text-main: #1e293b;--octa-text-sub: #64748b;--octa-shadow: 0 15px 30px -5px rgba(0, 0, 0, .05);--octa-radius: 20px;--octa-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.octa-sn-wrapper{background:var(--octa-bg);position:relative;overflow-x:hidden;font-family:Outfit,sans-serif;color:var(--octa-text-main);padding-bottom:30px}.octa-sn-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.octa-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:octa-float 25s infinite alternate ease-in-out}.octa-shape-1{width:350px;height:350px;background:var(--octa-primary);top:-50px;right:-50px}.octa-shape-2{width:250px;height:250px;background:var(--octa-secondary);bottom:50px;left:-30px;animation-delay:-5s}.octa-shape-3{width:200px;height:200px;background:#fbbf24;top:30%;right:15%}@keyframes octa-float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,30px) scale(1.05)}}.octa-sn-container{max-width:1100px;margin:0 auto;padding:20px;position:relative}.octa-sn-header{margin-bottom:25px}.octa-header-content{display:flex;justify-content:space-between;align-items:center;gap:15px}.octa-title-group h1{font-size:2.2rem;font-weight:900;letter-spacing:-1.2px;margin:0;background:linear-gradient(135deg,var(--octa-text-main),var(--octa-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.octa-title-group p{color:var(--octa-text-sub);font-weight:500;margin:2px 0 0;font-size:.95rem}.octa-history-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid var(--octa-border);border-radius:14px;font-weight:700;color:var(--octa-text-main);cursor:pointer;font-size:.9rem;transition:var(--octa-transition);box-shadow:var(--octa-shadow)}.octa-history-btn:hover{transform:translateY(-2px);border-color:var(--octa-primary);color:var(--octa-primary)}.octa-sn-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.octa-sn-panel{background:var(--octa-card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--octa-border);border-radius:var(--octa-radius);padding:24px;box-shadow:var(--octa-shadow)}.octa-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.octa-icon-box{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--octa-primary),var(--octa-primary-light));color:#fff;display:flex;align-items:center;justify-content:center}.octa-panel-header h3{font-size:1.15rem;font-weight:800;margin:0}.octa-sn-form{display:flex;flex-direction:column;gap:18px}.octa-form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--octa-text-sub);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.octa-target-tabs{display:flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:12px}.octa-tab-btn{flex:1;padding:8px 12px;border-radius:8px;border:none;background:transparent;font-weight:700;font-size:.75rem;color:var(--octa-text-sub);cursor:pointer}.octa-tab-btn.active{background:#fff;color:var(--octa-primary);box-shadow:0 2px 4px rgba(0,0,0,.05)}.octa-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--octa-border);background:#fff;font-family:inherit;font-size:.95rem;font-weight:600}.octa-input:focus{outline:none;border-color:var(--octa-primary)}.octa-textarea{min-height:100px;resize:vertical}.octa-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.octa-submit-btn{margin-top:5px;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--octa-text-main),#334155);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 16px rgba(0,0,0,.08)}.octa-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.octa-individual-search{background:#f8fafc;padding:15px;border-radius:14px;border:1px dashed var(--octa-border)}.octa-search-toggle{display:flex;gap:6px;margin-bottom:12px}.octa-search-toggle button{padding:5px 10px;border-radius:6px;border:1px solid var(--octa-border);background:#fff;font-weight:700;font-size:.7rem;cursor:pointer}.octa-search-toggle button.active{background:var(--octa-text-main);color:#fff}.octa-search-input-box{position:relative;margin-bottom:12px}.octa-loader-inline{position:absolute;right:12px;top:12px;color:var(--octa-primary)}.octa-search-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.1);border:1px solid var(--octa-border);max-height:200px;overflow-y:auto;z-index:10}.octa-selected-list{display:flex;flex-wrap:wrap;gap:6px}.octa-target-tag{background:#fff;padding:4px 10px;border-radius:8px;border:1px solid var(--octa-border);font-size:.75rem}.octa-sn-sidebar{display:flex;flex-direction:column;gap:25px}.octa-stat-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--octa-primary)}.octa-stat-header h3{font-size:1rem;color:var(--octa-text-main)}.octa-stat-value{font-weight:900;color:var(--octa-primary);font-size:1.05rem}.octa-recent-list{display:flex;flex-direction:column;gap:12px}.octa-recent-item{padding:12px;background:#fff;border-radius:16px;border:1px solid var(--octa-border)}.octa-recent-item h4{margin:0 0 4px;font-size:.85rem;font-weight:800}.octa-recent-item p{margin:0;font-size:.75rem;color:var(--octa-text-sub);line-height:1.4}.octa-sn-spin{animation:octa-spin 2s linear infinite}@keyframes octa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.octa-sn-main-grid{grid-template-columns:1fr}.octa-sn-sidebar{flex-direction:row}.octa-sn-sidebar>div{flex:1}}@media (max-width: 768px){.octa-title-group h1{font-size:1.8rem}.octa-sn-sidebar{flex-direction:column}.octa-form-row{grid-template-columns:1fr}}.octa-nh-wrapper{background:#fff;position:relative;overflow-x:hidden;font-family:Outfit,sans-serif;color:#1e293b;padding-bottom:30px}.octa-nh-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.octa-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;animation:octa-nh-float 25s infinite alternate ease-in-out}.octa-shape-1{width:400px;height:400px;background:#1e1b4b;top:-150px;left:-80px}.octa-shape-2{width:300px;height:300px;background:#f43f5e;bottom:-50px;right:-30px}@keyframes octa-nh-float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,40px) scale(1.05)}}.octa-nh-container{max-width:1100px;margin:0 auto;padding:20px;position:relative}.octa-nh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.octa-nh-header-left{display:flex;align-items:center;gap:15px}.octa-nh-icon-ring{width:48px;height:48px;border-radius:14px;background:#fff;color:#1e1b4b;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);border:1px solid rgba(226,232,240,.8)}.octa-nh-title-box h1{font-size:1.8rem;font-weight:900;margin:0;letter-spacing:-.8px;background:linear-gradient(135deg,#1e293b,#1e1b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.octa-nh-title-box p{color:#64748b;margin:2px 0 0;font-size:.9rem}.octa-nh-mark-read-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:.85rem}.octa-nh-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05);overflow:hidden}.octa-nh-toolbar{padding:20px;border-bottom:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;align-items:center;gap:20px}.octa-nh-search-box{flex:1;max-width:400px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 14px}.octa-nh-search-box input{border:none;background:transparent;padding:10px 0;width:100%;font-size:.9rem}.octa-nh-chip{padding:6px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:.8rem;cursor:pointer}.octa-nh-chip.active{background:#1e1b4b;color:#fff;border-color:#1e1b4b}.octa-nh-item{display:flex;padding:20px;gap:15px;border-bottom:1px solid rgba(226,232,240,.4)}.octa-nh-item-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.octa-nh-item-header h3{font-size:1.05rem;font-weight:800;margin:0}.octa-nh-item-time{font-size:.75rem;color:#94a3b8}.octa-nh-item-body p{font-size:.9rem;color:#64748b;line-height:1.5;margin:5px 0 10px}.octa-nh-type-tag{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:6px}@media (max-width: 1024px){.octa-nh-toolbar{flex-direction:column;align-items:stretch;gap:15px}}@media (max-width: 768px){.octa-nh-header{flex-direction:column;align-items:flex-start}.octa-nh-mark-read-btn{width:100%;justify-content:center}.octa-nh-item-icon{display:none}.octa-nh-title-box h1{font-size:1.6rem}}:root{--primary-gradient: linear-gradient(135deg, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 0%, #a855f7 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--accent-gradient: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--bg-white: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--card-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .4);--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-xl: 24px}.ay-page-container{font-family:Outfit,sans-serif;background-color:var(--bg-white);min-height:100vh;position:relative;overflow-x:hidden;padding:2rem;color:var(--text-main);z-index:0}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.ay-bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s infinite alternate}.blob-1{width:400px;height:400px;background:linear-gradient(135deg,#1e1b4b,#312e81);top:-100px;right:-100px}.blob-2{width:350px;height:350px;background:#a855f7;bottom:-50px;left:-100px;animation-delay:-5s}.blob-3{width:300px;height:300px;background:#2dd4bf;top:40%;left:20%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,100px) scale(1.1)}}.ay-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;animation:fadeInDown .8s ease-out}.ay-header-title h1{font-size:2.25rem;font-weight:800;margin:0;background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ay-header-title p{color:var(--text-muted);font-size:1.1rem;margin:.5rem 0 0}.ay-content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;max-width:1400px;margin:0 auto}.ay-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.ay-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,.2)}.ay-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.ay-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.ay-card-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.ay-card-create,.ay-card-active,.ay-card-clone{grid-column:span 4}.ay-card-inventory{grid-column:span 12}.ay-form-group{margin-bottom:1.25rem}.ay-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;margin-left:.5rem}.ay-input{width:100%;padding:.8rem 1.2rem;background:rgba(248,250,252,.8);border:1px solid #e2e8f0;border-radius:16px;font-family:inherit;font-size:1rem;color:var(--text-main);transition:all .3s ease;box-sizing:border-box}.ay-input:focus{outline:none;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.ay-btn{width:100%;padding:.9rem;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.ay-btn-primary{background:#000;color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.3)}.ay-btn-primary:hover{filter:brightness(1.1);transform:scale(1.02)}.ay-btn-primary:active{transform:scale(.98)}.ay-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ay-active-status{text-align:center;padding:1rem 0}.ay-active-year-name{font-size:3.5rem;font-weight:900;background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.05))}.ay-active-dates{display:flex;justify-content:center;gap:2rem}.ay-date-item span{display:block}.ay-date-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.ay-date-value{font-size:1.1rem;font-weight:700;color:var(--text-main)}.ay-table-container{overflow-x:auto;margin-top:1rem}.ay-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.ay-table th{padding:1rem 1.5rem;text-align:left;color:var(--text-muted);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.ay-table tbody tr{transition:transform .3s ease}.ay-table tbody tr:hover{transform:scale(1.01)}.ay-table td{padding:1.25rem 1.5rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.ay-table td:first-child{border-left:1px solid #f1f5f9;border-radius:16px 0 0 16px}.ay-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 16px 16px 0}.ay-badge{padding:.5rem 1rem;border-radius:99px;font-size:.75rem;font-weight:800;text-transform:uppercase}.ay-badge-success{background:#dcfce7;color:#166534}.ay-badge-warning{background:#fef9c3;color:#854d0e}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease-out forwards}@media (max-width: 1200px){.ay-card-create,.ay-card-active,.ay-card-clone{grid-column:span 6}}@media (max-width: 768px){.ay-page-container{padding:1.5rem}.ay-header{flex-direction:column;align-items:flex-start;gap:1rem}.ay-content-grid{gap:1.5rem}.ay-card-create,.ay-card-active,.ay-card-clone{grid-column:span 12}.ay-active-year-name{font-size:2.5rem}}@media (max-width: 480px){.ay-header-title h1{font-size:2rem}.ay-card{padding:1.5rem}.ay-active-dates{flex-direction:column;gap:1rem;align-items:center}}.ay-toast-wrap{position:fixed;bottom:2rem;right:2rem;z-index:999999;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275)}.ay-toast{padding:1rem 2rem;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:1rem;font-weight:600;border-left:6px solid linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.ay-toast.success{border-left-color:#2dd4bf}.ay-toast.error{border-left-color:#f43f5e}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}:root{--bm-primary-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--bm-secondary-gradient: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);--bm-accent-gradient: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--bm-bg-white: #ffffff;--bm-text-main: #0f172a;--bm-text-muted: #64748b;--bm-card-bg: rgba(255, 255, 255, .85);--bm-glass-border: rgba(255, 255, 255, .5);--bm-shadow-md: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--bm-radius-2xl: 28px}.bm-page-container{font-family:Outfit,sans-serif;background-color:var(--bm-bg-white);min-height:100%;position:relative;overflow-x:hidden;padding:1.5rem;color:var(--bm-text-main);z-index:0;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.bm-page-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.bm-bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.bm-shape{position:absolute;border-radius:50%;filter:blur(70px);opacity:.12;animation:bmFloat 25s infinite alternate ease-in-out;will-change:transform;transform:translateZ(0)}.bm-shape-1{width:450px;height:450px;background:#1e1b4b;top:-150px;left:-100px}.bm-shape-2{width:400px;height:400px;background:#0ea5e9;bottom:-100px;right:-100px;animation-delay:-7s}.bm-shape-3{width:320px;height:320px;background:#ec4899;top:30%;right:15%;animation-delay:-12s}@keyframes bmFloat{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(60px,80px) scale(1.15) rotate(15deg)}}.bm-header{margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;animation:bmFadeInDown .8s cubic-bezier(.16,1,.3,1)}.bm-header-content h1{font-size:2.25rem;font-weight:900;margin:0;letter-spacing:-.03em;background:var(--trend-sb-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bm-header-content p{color:var(--bm-text-muted);font-size:1rem;font-weight:500;margin:.2rem 0 0}.bm-content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;max-width:1400px;margin:0 auto}.bm-card{background:var(--bm-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bm-glass-border);border-radius:var(--bm-radius-2xl);box-shadow:var(--bm-shadow-md);padding:1.5rem;transition:all .5s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.bm-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px rgba(0,0,0,.1)}.bm-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--trend-sb-primary-gradient);opacity:.1;transition:opacity .3s}.bm-card:hover:after{opacity:1}.bm-card-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.bm-icon-box{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 8px 16px -4px rgba(79,70,229,.4)}.bm-card-title{font-size:1.35rem;font-weight:800;margin:0;color:var(--bm-text-main)}.bm-card-form{grid-column:span 4}.bm-card-list{grid-column:span 8}.bm-form-group{margin-bottom:1.5rem}.bm-label{display:block;font-size:.95rem;font-weight:700;color:var(--bm-text-muted);margin-bottom:.75rem}.bm-input-wrapper{position:relative;display:flex;align-items:center}.bm-input{width:100%;padding:.9rem 1.25rem;background:#f8fafc;border:2px solid transparent;border-radius:18px;font-family:inherit;font-size:1rem;font-weight:500;color:var(--bm-text-main);transition:all .3s;box-sizing:border-box}.bm-input:focus{outline:none;background:#fff;border-color:#1e1b4b;box-shadow:0 0 0 4px rgba(79,70,229,.08)}.bm-btn{width:100%;padding:1rem;border:none;border-radius:18px;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .4s;display:flex;align-items:center;justify-content:center;gap:.75rem}.bm-btn-primary{background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 6px 15px rgba(79,70,229,.3)}.bm-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.bm-btn-secondary{background:#f1f5f9;color:#64748b;margin-top:1rem}.bm-table-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem}.bm-search-control{position:relative;width:300px}.bm-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.bm-search-input{padding-left:3rem!important}.bm-table-container{overflow-x:auto}.bm-table{width:100%;border-collapse:separate;border-spacing:0 1rem}.bm-table th{padding:.75rem 1.5rem;text-align:left;font-size:.85rem;font-weight:800;color:var(--bm-text-muted);text-transform:uppercase;letter-spacing:.05em}.bm-table td{padding:1.25rem 1.5rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.bm-table td:first-child{border-left:1px solid #f1f5f9;border-radius:20px 0 0 20px}.bm-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 20px 20px 0}.bm-tr{transition:transform .3s}.bm-tr:hover{transform:scale(1.005)}.bm-badge{padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:800;text-transform:uppercase}.bm-status-active{background:#dcfce7;color:#166534}.bm-status-idle{background:#f1f5f9;color:#64748b}.bm-action-group{display:flex;justify-content:flex-end;gap:.75rem}.bm-icon-btn{width:38px;height:38px;border-radius:12px;border:none;background:#f8fafc;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#64748b}.bm-icon-btn:hover{transform:rotate(5deg) scale(1.1)}.bm-btn-edit:hover{background:#eff6ff;color:#2563eb}.bm-btn-delete:hover{background:#fff1f2;color:#e11d48}@keyframes bmFadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes bmFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.bm-animate-in{animation:bmFadeInUp .7s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1200px){.bm-card-form{grid-column:span 5}.bm-card-list{grid-column:span 7}}@media (max-width: 992px){.bm-card-form,.bm-card-list{grid-column:span 12}.bm-header-content h1{font-size:2.2rem}}@media (max-width: 768px){.bm-page-container{padding:1rem}.bm-table-top{flex-direction:column;align-items:stretch;gap:1rem}.bm-search-control{width:100%}}.bm-toast-portal{position:fixed;bottom:2rem;right:2rem;z-index:999999;animation:bmSlideInRight .4s cubic-bezier(.16,1,.3,1)}.bm-custom-toast{background:#fff;padding:1.25rem 2rem;border-radius:20px;box-shadow:0 20px 40px -10px rgba(0,0,0,.15);display:flex;align-items:center;gap:1rem;font-weight:700;border-right:8px solid #1e1b4b}.bm-toast-success{border-right-color:#22c55e}.bm-toast-error{border-right-color:#ef4444}@keyframes bmSlideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}:root{--cm-primary-gradient: linear-gradient(135deg, #4338ca 0%, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 100%);--cm-secondary-gradient: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);--cm-accent-gradient: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--cm-bg-white: #ffffff;--cm-text-main: #0f172a;--cm-text-muted: #64748b;--cm-card-bg: rgba(255, 255, 255, .9);--cm-glass-border: rgba(255, 255, 255, .6);--cm-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05);--cm-radius-2xl: 30px}.cm-page-wrapper{font-family:Outfit,sans-serif;background-color:var(--cm-bg-white);min-height:100vh;position:relative;overflow-x:hidden;padding:2rem;color:var(--cm-text-main);z-index:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important}.cm-page-wrapper::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.cm-bg-decor{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.cm-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.1;animation:cmFloat 18s infinite alternate ease-in-out;will-change:transform;transform:translateZ(0)}.cm-blob-1{width:500px;height:500px;background:#4338ca;top:-200px;right:-50px}.cm-blob-2{width:400px;height:400px;background:#0284c7;bottom:-100px;left:-100px;animation-delay:-9s}.cm-blob-3{width:350px;height:350px;background:#0891b2;top:40%;left:30%;animation-delay:-15s}@keyframes cmFloat{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(60px) scale(1.1) rotate(20deg)}}.cm-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:cmFadeDown .8s cubic-bezier(.19,1,.22,1)}.cm-title-area h1{font-size:2.5rem;font-weight:900;margin:0;letter-spacing:-.04em;background:var(--trend-sb-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cm-title-area p{color:var(--cm-text-muted);font-size:1.05rem;font-weight:500;margin:.2rem 0 0}.cm-header-tools{display:flex;gap:1rem}.cm-tool-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;font-weight:700;font-size:.9rem;color:var(--cm-text-muted);text-decoration:none;transition:all .3s cubic-bezier(.19,1,.22,1);cursor:pointer}.cm-tool-link:hover{transform:translateY(-4px);border-color:#4338ca;color:#4338ca;box-shadow:0 10px 20px -5px rgba(67,56,202,.1)}.cm-tool-link.primary-tool{background:var(--trend-sb-primary-gradient);color:#fff;border:none;box-shadow:0 8px 15px rgba(67,56,202,.2)}.cm-tool-link.primary-tool:hover{filter:brightness(1.1);box-shadow:0 12px 25px rgba(67,56,202,.3)}.cm-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem;max-width:1500px;margin:0 auto}.cm-card{background:var(--cm-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cm-glass-border);border-radius:var(--cm-radius-2xl);box-shadow:var(--cm-shadow-xl);padding:1.75rem;transition:all .5s cubic-bezier(.19,1,.22,1);position:relative}.cm-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 40px 60px -20px rgba(0,0,0,.1)}.cm-card-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.cm-icon-wrapper{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 10px 20px -5px rgba(67,56,202,.4)}.cm-card-title{font-size:1.4rem;font-weight:800;margin:0;color:var(--cm-text-main)}.cm-card-form{grid-column:span 4}.cm-card-table{grid-column:span 8}.cm-field{margin-bottom:1.5rem}.cm-field label{display:block;font-size:.95rem;font-weight:700;color:var(--cm-text-muted);margin-bottom:.75rem;padding-left:.5rem}.cm-input{width:100%;padding:1rem 1.4rem;background:#f8fafc;border:2px solid transparent;border-radius:20px;font-family:inherit;font-size:1.05rem;font-weight:600;color:var(--cm-text-main);transition:all .3s;box-sizing:border-box}.cm-input:focus{outline:none;background:#fff;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:0 0 0 5px rgba(99,102,241,.08)}.cm-submit-btn{width:100%;padding:1.1rem;margin-top:1rem;border:none;border-radius:20px;font-weight:900;font-size:1.1rem;cursor:pointer;background:var(--trend-sb-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .4s;box-shadow:0 10px 20px rgba(67,56,202,.3)}.cm-submit-btn:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 15px 30px rgba(67,56,202,.4)}.cm-table-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cm-search-box{position:relative;width:320px}.cm-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--cm-text-muted)}.cm-search-input{padding-left:3.5rem!important;font-size:.95rem}.cm-table-wrap{overflow-x:auto}.cm-table{width:100%;border-collapse:separate;border-spacing:0 1rem}.cm-table th{padding:.75rem 1.5rem;text-align:left;font-size:.85rem;font-weight:800;color:var(--cm-text-muted);text-transform:uppercase;letter-spacing:.06em}.cm-table td{padding:1.5rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.cm-table td:first-child{border-left:1px solid #f1f5f9;border-radius:24px 0 0 24px}.cm-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 24px 24px 0}.cm-table-row{transition:transform .3s cubic-bezier(.19,1,.22,1)}.cm-table-row:hover{transform:scale(1.008)}.cm-tag{padding:.6rem 1.2rem;border-radius:12px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.cm-tag-blue{background:#e0f2fe;color:#0369a1}.cm-tag-green{background:#dcfce7;color:#166534}@keyframes cmFadeDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes cmFadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.cm-animate-in{animation:cmFadeUp .8s cubic-bezier(.19,1,.22,1) forwards}@media (max-width: 1200px){.cm-card-form{grid-column:span 5}.cm-card-table{grid-column:span 7}}@media (max-width: 992px){.cm-card-form,.cm-card-table{grid-column:span 12}.cm-title-area h1{font-size:2.5rem}.cm-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (max-width: 768px){.cm-page-wrapper{padding:1.5rem}.cm-table-top{flex-direction:column;align-items:stretch;gap:1rem}.cm-search-box{width:100%}}.cm-toast-portal{position:fixed;bottom:2rem;right:2rem;z-index:999999;animation:cmSlideIn .5s cubic-bezier(.19,1,.22,1)}.cm-toast{background:#fff;padding:1.5rem 2.5rem;border-radius:24px;box-shadow:0 30px 60px -12px rgba(0,0,0,.2);display:flex;align-items:center;gap:1.25rem;font-weight:800;border-left:10px solid #4338ca}.cm-toast-success{border-left-color:#10b981}.cm-toast-error{border-left-color:#ef4444}@keyframes cmSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}:root{--sm-primary-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);--sm-secondary-gradient: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--sm-accent-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--sm-bg-white: #ffffff;--sm-text-main: #064e3b;--sm-text-muted: #64748b;--sm-card-bg: rgba(255, 255, 255, .7);--sm-glass-border: rgba(255, 255, 255, .4);--sm-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .08);--sm-radius-2xl: 32px}.sm-page-shell{font-family:Outfit,sans-serif;background-color:var(--sm-bg-white);min-height:100vh;position:relative;overflow-x:hidden;padding:2rem;color:var(--sm-text-main);z-index:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important}.sm-page-shell::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.sm-bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.sm-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:smFloat 22s infinite alternate ease-in-out;will-change:transform;transform:translateZ(0)}.sm-blob-1{width:600px;height:600px;background:#10b981;top:-250px;left:-100px}.sm-blob-2{width:450px;height:450px;background:#0ea5e9;bottom:-150px;right:-50px;animation-delay:-11s}.sm-blob-3{width:400px;height:400px;background:#2dd4bf;top:30%;right:20%;animation-delay:-15s}@keyframes smFloat{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(80px) rotate(15deg) scale(1.15)}}.sm-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;animation:smFadeDown .9s cubic-bezier(.23,1,.32,1)}.sm-header-text h1{font-size:2.75rem;font-weight:900;margin:0;letter-spacing:-.05em;background:var(--sm-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sm-header-text p{color:var(--sm-text-muted);font-size:1.1rem;font-weight:600;margin:.35rem 0 0}.sm-actions{display:flex;gap:1.25rem}.sm-action-trigger{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.75rem;background:#fff;border:2px solid #ecfdf5;border-radius:20px;font-weight:800;font-size:.95rem;color:#059669;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}.sm-action-trigger:hover{transform:translateY(-5px) scale(1.02);border-color:#10b981;box-shadow:0 15px 30px -10px rgba(16,185,129,.2)}.sm-action-trigger.priority{background:var(--sm-primary-gradient);color:#fff;border:none;box-shadow:0 10px 20px rgba(16,185,129,.3)}.sm-action-trigger.priority:hover{filter:brightness(1.1);box-shadow:0 15px 35px rgba(16,185,129,.4)}.sm-main-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3rem;max-width:1600px;margin:0 auto}.sm-glass-card{background:var(--sm-card-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--sm-glass-border);border-radius:var(--sm-radius-2xl);box-shadow:var(--sm-shadow-xl);padding:2rem;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.sm-glass-card:hover{transform:translateY(-10px);border-color:rgba(16,185,129,.3)}.sm-card-top{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.sm-icon-pod{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--sm-primary-gradient);color:#fff;box-shadow:0 12px 24px rgba(5,150,105,.3)}.sm-title-xl{font-size:1.6rem;font-weight:800;margin:0;color:var(--sm-text-main)}.sm-form-pane{grid-column:span 4}.sm-list-pane{grid-column:span 8}.sm-input-block{margin-bottom:2rem}.sm-input-block label{display:block;font-size:1rem;font-weight:800;color:#374151;margin-bottom:.85rem;padding-left:.75rem}.sm-form-control{width:100%;padding:1.1rem 1.5rem;background:rgba(249,250,251,.8);border:2.5px solid transparent;border-radius:22px;font-family:inherit;font-size:1.1rem;font-weight:600;color:var(--sm-text-main);transition:all .3s;box-sizing:border-box}.sm-form-control:focus{outline:none;background:#fff;border-color:#10b981;box-shadow:0 0 0 7px rgba(16,185,129,.08)}.sm-action-btn{width:100%;padding:1.25rem;margin-top:1.5rem;border:none;border-radius:22px;font-weight:900;font-size:1.2rem;cursor:pointer;background:var(--sm-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .4s;box-shadow:0 15px 30px rgba(5,150,105,.3)}.sm-action-btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(5,150,105,.4)}.sm-table-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.sm-search-group{position:relative;width:350px}.sm-glass-search{padding-left:3.75rem!important;font-size:1.05rem}.sm-table-scroll{overflow-x:auto}.sm-modern-table{width:100%;border-collapse:separate;border-spacing:0 1.25rem}.sm-modern-table th{padding:1rem 1.75rem;text-align:left;font-size:.9rem;font-weight:800;color:var(--sm-text-muted);text-transform:uppercase;letter-spacing:.1em}.sm-modern-table td{padding:1.75rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.sm-modern-table td:first-child{border-left:1px solid #f1f5f9;border-radius:28px 0 0 28px}.sm-modern-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 28px 28px 0}.sm-entry-row{transition:all .3s cubic-bezier(.23,1,.32,1)}.sm-entry-row:hover{transform:scale(1.01) translate(5px);z-index:10}.sm-pill{padding:.65rem 1.4rem;border-radius:14px;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sm-pill-emerald{background:#d1fae5;color:#065f46}.sm-pill-blue{background:#dbeafe;color:#1e40af}@keyframes smFadeDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes smFadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.sm-animate-in{animation:smFadeUp 1s cubic-bezier(.23,1,.32,1) forwards}@media (max-width: 1280px){.sm-form-pane{grid-column:span 5}.sm-list-pane{grid-column:span 7}}@media (max-width: 1024px){.sm-form-pane,.sm-list-pane{grid-column:span 12}.sm-header-text h1{font-size:2.75rem}.sm-header{flex-direction:column;align-items:flex-start;gap:2rem}}@media (max-width: 768px){.sm-page-shell{padding:1.5rem}.sm-table-filters{flex-direction:column;align-items:stretch;gap:1.5rem}.sm-search-group{width:100%}.sm-title-xl{font-size:1.4rem}}.sm-toast-hub{position:fixed;bottom:2.5rem;right:2.5rem;z-index:999999;animation:smPop .6s cubic-bezier(.175,.885,.32,1.275)}.sm-toast-bar{background:#fff;padding:1.75rem 3rem;border-radius:28px;box-shadow:0 40px 80px -20px rgba(0,0,0,.25);display:flex;align-items:center;gap:1.5rem;font-weight:900;border-left:12px solid #10b981}.sm-toast-err{border-left-color:#ef4444}@keyframes smPop{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--sbj-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--sbj-secondary: #8b5cf6;--sbj-accent: #d946ef;--sbj-bg-gradient: linear-gradient(135deg, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 0%, #a855f7 100%);--sbj-glass: rgba(255, 255, 255, .7);--sbj-border: rgba(255, 255, 255, .4);--sbj-text-main: #1e1b4b;--sbj-text-muted: #64748b;--sbj-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .1);--sbj-radius-3xl: 36px}.sbj-page-container{font-family:Outfit,sans-serif;background-color:#fff;min-height:100vh;position:relative;overflow-x:hidden;padding:2.5rem;color:var(--sbj-text-main);z-index:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important}.sbj-page-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.sbj-bg-layers{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.sbj-blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.15;animation:sbjOrbit 24s infinite alternate ease-in-out;will-change:transform;transform:translateZ(0)}.sbj-blob-1{width:600px;height:600px;background:var(--sbj-primary);top:-200px;right:-100px}.sbj-blob-2{width:500px;height:500px;background:var(--sbj-accent);bottom:-150px;left:-150px;animation-delay:-10s}.sbj-blob-3{width:450px;height:450px;background:#60a5fa;top:40%;left:30%;animation-delay:-18s}@keyframes sbjOrbit{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(100px) scale(1.15) rotate(20deg)}}.sbj-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end;animation:sbjFadeDown .8s cubic-bezier(.165,.84,.44,1)}.sbj-header-info h1{font-size:2.75rem;font-weight:950;margin:0;letter-spacing:-.05em;background:var(--trend-sb-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sbj-header-info p{color:var(--sbj-text-muted);font-size:1.1rem;font-weight:500;margin:.5rem 0 0}.sbj-btn-group{display:flex;gap:1.25rem}.sbj-action-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;border-radius:20px;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1.5px solid #eef2ff;background:#fff;text-decoration:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.01)}.sbj-action-btn:hover{transform:translateY(-6px) scale(1.02);border-color:var(--sbj-primary);box-shadow:0 15px 30px -10px rgba(99,102,241,.3)}.sbj-action-btn.primary{background:var(--trend-sb-primary-gradient);color:#fff;border:none;box-shadow:0 10px 20px rgba(99,102,241,.3)}.sbj-action-btn.primary:hover{filter:brightness(1.1);box-shadow:0 15px 35px rgba(139,92,246,.4)}.sbj-list-card{background:var(--sbj-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--sbj-border);border-radius:var(--sbj-radius-3xl);box-shadow:var(--sbj-shadow-lg);padding:2.5rem;animation:sbjFadeUp .8s cubic-bezier(.165,.84,.44,1) forwards}.sbj-table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.sbj-search-wrapper{position:relative;width:380px}.sbj-search-input{width:100%;padding:1.1rem 1.5rem 1.1rem 3.5rem;background:rgba(248,250,252,.8);border:2px solid transparent;border-radius:22px;font-family:inherit;font-size:1.1rem;font-weight:600;color:var(--sbj-text-main);transition:all .3s}.sbj-search-input:focus{outline:none;background:#fff;border-color:var(--sbj-primary);box-shadow:0 0 0 6px rgba(99,102,241,.08)}.sbj-table-shell{overflow-x:auto}.sbj-table{width:100%;border-collapse:separate;border-spacing:0 1.25rem}.sbj-table th{padding:1rem 2rem;text-align:left;font-size:.9rem;font-weight:850;color:var(--sbj-text-muted);text-transform:uppercase;letter-spacing:.1em}.sbj-table td{padding:1.75rem 2rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.sbj-table td:first-child{border-left:1px solid #f1f5f9;border-radius:24px 0 0 24px}.sbj-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 24px 24px 0}.sbj-row{transition:all .4s cubic-bezier(.165,.84,.44,1)}.sbj-row:hover{transform:scale(1.005) translate(8px);filter:drop-shadow(0 15px 25px rgba(0,0,0,.05))}.sbj-tag{padding:.6rem 1.4rem;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.5rem}.sbj-tag-blue{background:#e0f2fe;color:#0284c7}.sbj-tag-purple{background:#f3e8ff;color:#7e22ce}.sbj-tag-indigo{background:#e0e7ff;color:#4338ca}.sbj-tag-emerald{background:#d1fae5;color:#059669}.sbj-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:999999;animation:sbjFadeIn .3s ease-out}.sbj-modal{background:#fff;width:100%;max-width:550px;border-radius:var(--sbj-radius-3xl);padding:3rem;box-shadow:0 40px 100px -20px rgba(0,0,0,.3);position:relative;animation:sbjModalSlide .5s cubic-bezier(.175,.885,.32,1.275)}.sbj-close-btn{position:absolute;top:2rem;right:2rem;padding:.5rem;cursor:pointer;color:var(--sbj-text-muted);transition:color .3s}.sbj-close-btn:hover{color:var(--sbj-primary)}.sbj-modal-header{margin-bottom:2.5rem;display:flex;align-items:center;gap:1.25rem}.sbj-modal-icon{width:56px;height:56px;border-radius:18px;background:var(--trend-sb-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(99,102,241,.3)}.sbj-field{margin-bottom:1.75rem}.sbj-field label{display:block;font-weight:800;color:#334155;margin-bottom:.75rem;padding-left:.5rem}.sbj-check-group{display:flex;gap:2rem;margin-bottom:2.5rem}.sbj-check-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:750;color:#475569}.sbj-check-label input{width:22px;height:22px;cursor:pointer;accent-color:var(--sbj-primary)}.sbj-submit{width:100%;padding:1.25rem;background:var(--trend-sb-primary-gradient);color:#fff;border:none;border-radius:20px;font-size:1.15rem;font-weight:900;cursor:pointer;box-shadow:0 15px 30px rgba(99,102,241,.3);transition:all .4s}.sbj-submit:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(99,102,241,.4)}.sbj-confirm-modal{max-width:420px;text-align:center;padding:3rem 2rem}.sbj-confirm-header{color:#ef4444;margin-bottom:1.5rem}.sbj-confirm-btns{display:flex;gap:1rem;margin-top:2.5rem}.sbj-confirm-btns button{flex:1;padding:1rem;border-radius:18px;font-weight:800;cursor:pointer;transition:all .3s}.sbj-btn-cancel{background:#f1f5f9;color:#475569;border:none}.sbj-btn-delete{background:#fee2e2;color:#dc2626;border:none}.sbj-btn-delete:hover{background:#ef4444;color:#fff}.sbj-row-action{width:42px;height:42px;border-radius:12px;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.sbj-row-action.edit{background:#e0e7ff;color:#4338ca}.sbj-row-action.edit:hover{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;transform:translateY(-3px)}.sbj-row-action.delete{background:#fee2e2;color:#dc2626}.sbj-row-action.delete:hover{background:#ef4444;color:#fff;transform:translateY(-3px)}@keyframes sbjFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sbjModalSlide{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sbjFadeDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes sbjFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.sbj-header{flex-direction:column;align-items:flex-start;gap:2rem}.sbj-header-info h1{font-size:2.75rem}}@media (max-width: 768px){.sbj-page-container{padding:1.5rem}.sbj-table-controls{flex-direction:column;gap:1.5rem;align-items:stretch}.sbj-search-wrapper{width:100%}.sbj-modal{padding:2rem;border-radius:28px}}.sbj-toast-wrap{position:fixed;bottom:2.5rem;right:2.5rem;z-index:10000;animation:sbjSlideLeft .5s cubic-bezier(.165,.84,.44,1)}.sbj-toast{background:#fff;padding:1.5rem 2.75rem;border-radius:24px;box-shadow:0 30px 60px -10px rgba(0,0,0,.2);display:flex;align-items:center;gap:1.25rem;font-weight:850;border-left:10px solid var(--sbj-primary)}.sbj-toast-success{border-left-color:#10b981}.sbj-toast-error{border-left-color:#ef4444}@keyframes sbjSlideLeft{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}:root{--sm-primary: linear-gradient(135deg, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 0%, #4338ca 100%);--sm-secondary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--sm-glass: rgba(255, 255, 255, .9);--sm-border: rgba(255, 255, 255, .6);--sm-text-main: #0f172a;--sm-text-muted: #64748b;--sm-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05)}.sm-page-wrap{font-family:Outfit,sans-serif;background:#fff;min-height:100vh;padding:1.5rem;color:var(--sm-text-main);position:relative;overflow-x:hidden}.sm-bg-fx{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.sm-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;animation:smFloat 20s infinite alternate ease-in-out}.sm-blob-1{width:500px;height:500px;background:linear-gradient(135deg,#1e1b4b,#312e81);top:-100px;right:-50px}.sm-blob-2{width:400px;height:400px;background:#0ea5e9;bottom:-50px;left:-50px;animation-delay:-10s}@keyframes smFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(50px) scale(1.1)}}.sm-content{position:relative;z-index:1;max-width:1400px;margin:0 auto}.sm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;animation:smFadeDown .6s cubic-bezier(.16,1,.3,1)}.sm-header-text h1{font-size:2.25rem;font-weight:900;margin:0;background:var(--trend-sb-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sm-header-text p{color:var(--sm-text-muted);font-weight:500;margin:.2rem 0 0}.sm-header-actions{display:flex;gap:1rem}.sm-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.sm-grid{grid-template-columns:1fr}}.sm-glass-card{background:var(--sm-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--sm-border);border-radius:24px;box-shadow:var(--sm-shadow);padding:1.5rem;animation:smFadeUp .8s cubic-bezier(.16,1,.3,1)}.sm-card-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.sm-icon-box{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--trend-sb-primary-gradient);box-shadow:0 8px 16px rgba(99,102,241,.2)}.sm-card-title{font-size:1.2rem;font-weight:900;margin:0;color:#1e293b}.sm-list-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.sm-select-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:16px;border:2px solid #f1f5f9;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff}.sm-select-item:hover{border-color:#cbd5e1;background:#f8fafc;transform:translate(5px)}.sm-select-item.active{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:#f5f3ff;box-shadow:0 4px 12px rgba(99,102,241,.1)}.sm-select-item.active span{color:#4338ca;font-weight:800}.sm-table-wrap{overflow-x:auto}.sm-modern-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.sm-modern-table th{text-align:left;padding:.75rem 1rem;color:var(--sm-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sm-modern-table td{padding:1rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.sm-modern-table td:first-child{border-left:1px solid #f1f5f9;border-radius:16px 0 0 16px}.sm-modern-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 16px 16px 0}.sm-row{transition:transform .2s}.sm-row:hover{transform:scale(1.005)}.sm-prime-btn{padding:.7rem 1.25rem;border-radius:12px;border:none;font-weight:800;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;background:var(--trend-sb-primary-gradient);color:#fff;box-shadow:0 6px 12px rgba(99,102,241,.15);text-decoration:none;font-size:.9rem}.sm-prime-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.sm-unmap-btn{background:#f1f5f9;color:#64748b;box-shadow:none}.sm-unmap-btn:hover{background:#fee2e2;color:#ef4444}.sm-pill{padding:.4rem .75rem;border-radius:8px;font-size:.7rem;font-weight:800;text-transform:uppercase}.sm-pill-emerald{background:#ecfdf5;color:#059669}.sm-pill-slate{background:#f8fafc;color:#64748b}.sm-pill-blue{background:#eff6ff;color:#2563eb}.sm-pill-purple{background:#f5f3ff;color:#7c3aed}.sm-toast-hub{position:fixed;bottom:2rem;right:2rem;z-index:1000000;animation:smSlideLeft .5s cubic-bezier(.16,1,.3,1)}.sm-toast-bar{background:#fff;padding:1rem 1.5rem;border-radius:18px;box-shadow:0 20px 40px -10px rgba(0,0,0,.2);display:flex;align-items:center;gap:.75rem;font-weight:800;border-left:8px solid linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.sm-toast-error{border-left-color:#ef4444}.sm-loader{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:50%;animation:smSpin .8s linear infinite}@keyframes smSpin{to{transform:rotate(360deg)}}@keyframes smFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes smFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes smSlideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.merp-tt-container{padding:30px;max-width:1500px;margin:0 auto;min-height:calc(100vh - 150px)}.merp-tt-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:20px}.merp-tt-header-actions{display:flex;gap:15px;align-items:center}.merp-tt-title-area h1{font-size:2.5rem;font-weight:900;margin:0;letter-spacing:-1.5px;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.merp-tt-title-area p{color:#64748b;font-size:1.1rem;margin:8px 0 0;font-weight:500}.merp-tt-filter-card{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:28px;border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 25px -5px rgba(0,0,0,.04),0 8px 10px -6px rgba(0,0,0,.04);margin-bottom:30px;display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;animation:merp-fade-in-up .6s cubic-bezier(.22,1,.36,1)}.merp-tt-filter-group{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}.merp-tt-filter-group label{font-size:.75rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.merp-tt-filter-group label i{font-size:1rem;color:#3b82f6}.merp-tt-select{width:100%;padding:14px 20px;border-radius:16px;border:1.5px solid #e2e8f0;background:#fff;font-size:.95rem;font-weight:600;color:#1e293b;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.03)}.merp-tt-select:focus{border-color:#3b82f6;background-color:#f8fafc;box-shadow:0 0 0 4px rgba(59,130,246,.08);outline:none}.merp-tt-grid-wrap{background:rgba(255,255,255,.5);border-radius:32px;padding:12px;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 2px 4px rgba(0,0,0,.02);overflow:hidden;animation:merp-fade-in-up .8s cubic-bezier(.22,1,.36,1)}.merp-tt-grid-inner{overflow-x:auto;border-radius:24px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.03)}.merp-tt-grid-inner::-webkit-scrollbar{height:8px}.merp-tt-grid-inner::-webkit-scrollbar-track{background:#f1f5f9}.merp-tt-grid-inner::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.merp-tt-grid-inner::-webkit-scrollbar-thumb:hover{background:#94a3b8}.merp-tt-table{width:100%;border-collapse:collapse;min-width:1100px;table-layout:fixed}.merp-tt-table th{padding:24px 16px;text-align:center;background:#f8fafc;color:#64748b;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1.5px solid #f1f5f9}.merp-tt-day-header{width:calc((100% - 140px) / 6)}.merp-tt-period-header{width:140px;background:#f1f5f9!important;color:#1e293b!important;position:sticky;left:0;z-index:10;box-shadow:2px 0 5px rgba(0,0,0,.02)}.merp-tt-table td{padding:10px;border:1px solid #f1f5f9;height:140px;vertical-align:top}.merp-tt-time-cell{background:#f8fafc;position:sticky;left:0;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1.5px solid #e2e8f0!important}.merp-tt-period-num{font-size:1.2rem;font-weight:900;color:#3b82f6;margin-bottom:4px}.merp-tt-time-range{font-size:.75rem;font-weight:700;color:#94a3b8}.merp-tt-slot{height:100%;width:100%}.merp-tt-slot-card{height:100%;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.merp-tt-slot-empty{border:2px dashed #e2e8f0;background:#f8fafc;justify-content:center;align-items:center;color:#94a3b8}.merp-tt-slot-empty:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6;transform:translateY(-4px)}.merp-tt-slot-empty i{font-size:1.5rem;margin-bottom:4px;transition:transform .3s ease}.merp-tt-slot-empty:hover i{transform:rotate(90deg) scale(1.2)}.merp-tt-slot-assigned{background:#fff;border:1.5px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.merp-tt-slot-assigned:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#3b82f6;border-radius:4px 0 0 4px}.merp-tt-slot-assigned:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#3b82f6}.merp-tt-sub-name{font-size:.95rem;font-weight:800;color:#1e293b;margin-bottom:2px}.merp-tt-teacher{font-size:.75rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:4px}.merp-tt-slot-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;opacity:0;transition:all .3s ease;transform:translate(10px)}.merp-tt-slot-assigned:hover .merp-tt-slot-actions{opacity:1;transform:translate(0)}.merp-tt-edit-icon{font-size:1.1rem;color:#3b82f6;background:#eff6ff;padding:6px;border-radius:8px}.merp-tt-check-icon{font-size:1.1rem;color:#10b981}.merp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:merp-fade-in .3s ease}.merp-modal-view{background:#fff;border-radius:32px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;animation:merp-modal-pop .4s cubic-bezier(.34,1.56,.64,1)}.merp-modal-head{padding:30px;background:#f8fafc;border-bottom:1.5px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.merp-modal-head h2{margin:0;font-size:1.5rem;font-weight:900;color:#1e293b;letter-spacing:-.5px}.merp-modal-body{padding:30px;display:flex;flex-direction:column;gap:24px}.merp-modal-foot{padding:24px 30px;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.merp-tt-btn{padding:12px 24px;border-radius:14px;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;border:none}.merp-tt-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.2)}.merp-tt-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.merp-tt-btn-secondary{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.merp-tt-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.merp-tt-btn-danger{background:#fee2e2;color:#ef4444;border:1.5px solid #fecaca}.merp-tt-btn-danger:hover{background:#fef2f2;border-color:#ef4444}.merp-tt-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.merp-tt-empty-box{padding:100px 30px;text-align:center;background:rgba(255,255,255,.5);border:2px dashed #cbd5e1;border-radius:40px;display:flex;flex-direction:column;align-items:center;animation:merp-fade-in 1s ease}.merp-tt-empty-icon{font-size:5rem;color:#cbd5e1;margin-bottom:24px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.merp-tt-empty-box h3{font-size:1.8rem;font-weight:800;color:#334155;margin:0 0 12px}.merp-tt-empty-box p{color:#94a3b8;max-width:450px;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.merp-tt-upload-drag{padding:40px 30px;border:2px dashed #e2e8f0;border-radius:24px;background:#fcfdfe;transition:all .3s ease}.merp-tt-upload-drag:hover{border-color:#3b82f6;background:#f8faff}@keyframes merp-fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes merp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes merp-modal-pop{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.merp-tt-toast{position:fixed;bottom:30px;right:30px;padding:20px 30px;border-radius:20px;background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);display:flex;align-items:center;gap:15px;font-weight:700;z-index:5000;animation:merp-slide-in-right .5s cubic-bezier(.175,.885,.32,1.275)}.merp-tt-toast-success{border-left:6px solid #10b981;color:#065f46}.merp-tt-toast-error{border-left:6px solid #ef4444;color:#991b1b}@keyframes merp-slide-in-right{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width: 1024px){.merp-tt-header{flex-direction:column;align-items:flex-start}.merp-tt-header-actions{width:100%;justify-content:space-between}.merp-tt-filter-card{padding:20px}}@media (max-width: 768px){.merp-tt-container{padding:15px}.merp-tt-title-area h1{font-size:1.8rem}.merp-tt-filter-group{min-width:100%}.merp-tt-table td{height:120px;padding:6px}.merp-tt-sub-name{font-size:.8rem}.merp-tt-teacher{font-size:.65rem}.merp-tt-time-cell{width:100px}.merp-tt-period-num{font-size:1rem}}@media (max-width: 480px){.merp-tt-header-actions{flex-direction:column;align-items:stretch}.merp-tt-btn{justify-content:center}}.modern-tl-container{--modern-indigo-deep: #1e1b4b;--modern-indigo-light: #312e81;--modern-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--modern-bg: #f8fafc;--modern-white: #ffffff;--modern-text-main: #1e293b;--modern-text-muted: #64748b;--modern-shadow-soft: 0 10px 40px -10px rgba(30, 27, 75, .1);--modern-shadow-float: 0 20px 50px -12px rgba(30, 27, 75, .25);--modern-radius-lg: 32px;--modern-radius-md: 20px;--modern-trans: all .4s cubic-bezier(.23, 1, .32, 1);min-height:100vh;width:100%;background-color:var(--modern-bg);color:var(--modern-text-main);font-family:Outfit,sans-serif;position:relative;overflow-x:hidden;padding-bottom:100px;display:block;z-index:1}.modern-tl-glow-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.glow-node{position:absolute;border-radius:50%;filter:blur(140px);opacity:.15;animation:flow-node 20s infinite alternate ease-in-out}.node-1{width:800px;height:800px;background:var(--modern-indigo-light);top:-300px;left:-200px}.node-2{width:600px;height:600px;background:#3b82f6;bottom:-100px;right:-100px;animation-delay:-5s}@keyframes flow-node{0%{transform:translate(0) scale(1)}to{transform:translate(60px,100px) scale(1.1)}}.modern-tl-main{max-width:1280px;margin:0 auto;padding:60px 30px}.modern-tl-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.header-main-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-2px;background:var(--modern-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px}.header-sub-text{font-size:1.1rem;font-weight:500;color:var(--modern-text-muted)}.header-action-btn{background:var(--modern-gradient);color:#fff;border:none;padding:16px 32px;border-radius:var(--modern-radius-md);font-weight:850;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--modern-trans);box-shadow:var(--modern-shadow-float)}.header-action-btn:hover{transform:translateY(-5px);box-shadow:0 25px 50px -10px rgba(30,27,75,.4)}.modern-tl-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-bottom:60px}.stat-card{background:#fff;padding:24px;border-radius:var(--modern-radius-md);display:flex;align-items:center;gap:20px;box-shadow:var(--modern-shadow-soft);border:1px solid rgba(226,232,240,.8)}.stat-icon-wrapper{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon-wrapper.total{background:var(--modern-gradient)}.stat-icon-wrapper.open{background:linear-gradient(135deg,#ef4444,#991b1b)}.stat-icon-wrapper.resolved{background:linear-gradient(135deg,#10b981,#065f46)}.stat-info .stat-label{display:block;font-size:.8rem;font-weight:800;color:var(--modern-text-muted);text-transform:uppercase;margin-bottom:2px}.stat-info .stat-value{font-size:1.8rem;font-weight:900;color:var(--modern-indigo-deep)}.modern-tl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px}.modern-tl-card{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:var(--modern-radius-lg);padding:32px;cursor:pointer;transition:var(--modern-trans);animation:fade-up-card .7s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--card-index) * .1s)}@keyframes fade-up-card{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-tl-card:hover{transform:translateY(-8px);box-shadow:var(--modern-shadow-float);border-color:var(--modern-indigo-light);background:#fff}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-pill{padding:8px 16px;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:8px}.tl-status-open{background:#fef2f2;color:#ef4444}.tl-status-inprogress{background:#eff6ff;color:#3b82f6}.tl-status-resolved{background:#ecfdf5;color:#10b981}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.priority-tag{font-size:.7rem;font-weight:950;opacity:.5;text-transform:uppercase}.card-title{font-size:1.4rem;font-weight:850;color:var(--modern-indigo-deep);margin-bottom:12px;line-height:1.25}.card-preview{font-size:.95rem;color:var(--modern-text-muted);line-height:1.6;margin-bottom:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #f1f5f9}.footer-meta{display:flex;gap:20px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--modern-text-muted)}.meta-department-tag{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:.75rem;color:var(--modern-indigo-deep)}.action-hint{font-size:.85rem;font-weight:900;color:#3b82f6;display:flex;align-items:center;gap:4px}.modern-tl-fab{position:fixed;bottom:30px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--modern-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(30,27,75,.4);z-index:999}.modern-tl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.7);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modern-tl-modal{background:#fff;width:100%;max-width:600px;border-radius:36px;padding:40px;box-shadow:0 40px 100px rgba(0,0,0,.4);animation:modal-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;margin-bottom:30px}.modal-title-box h2{font-size:2rem;font-weight:900;color:var(--modern-indigo-deep);margin-bottom:5px}.modal-title-box p{font-size:1rem;color:var(--modern-text-muted);font-weight:500}.modern-tl-form{display:flex;flex-direction:column;gap:24px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modern-tl-field label{display:block;font-size:.8rem;font-weight:900;color:var(--modern-text-main);margin-bottom:8px;text-transform:uppercase;opacity:.6}.modern-tl-field input,.modern-tl-field select,.modern-tl-field textarea{width:100%;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;font-size:1rem;font-weight:600;color:var(--modern-indigo-deep)}.btn-primary{background:var(--modern-gradient);color:#fff;border:none;padding:18px;border-radius:16px;font-weight:900;font-size:1.1rem;cursor:pointer;box-shadow:0 10px 20px rgba(30,27,75,.2)}.btn-secondary{background:#f1f5f9;color:var(--modern-text-muted);border:none;padding:18px;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.modern-tl-main{padding:40px 20px}.header-main-title{font-size:2.2rem}.modern-tl-stats-grid{grid-template-columns:1fr;gap:15px}.modern-tl-list{grid-template-columns:1fr}.modern-tl-overlay{align-items:flex-end;padding:0}.modern-tl-modal{border-radius:30px 30px 0 0;padding:30px 24px;max-width:100%;animation:slide-up .4s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-group-row{grid-template-columns:1fr}.modern-tl-modal-actions{display:flex;flex-direction:column;gap:10px}}:root{--tc-primary-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--tc-accent: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--tc-bg-light: #f8fafc;--tc-text-main: #1e293b;--tc-text-muted: #64748b;--tc-glass-white: rgba(255, 255, 255, .8);--tc-glass-indigo: rgba(99, 102, 241, .1);--tc-border: rgba(0, 0, 0, .05);--tc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--tc-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--tc-radius-lg: 20px;--tc-radius-md: 12px}.creative-tc-wrapper{display:flex;flex-direction:column;height:100vh;background-color:var(--tc-bg-light);background-image:radial-gradient(at 0% 0%,hsla(240,67%,94%,1) 0,transparent 50%),radial-gradient(at 50% 100%,hsla(240,67%,94%,1) 0,transparent 50%);position:relative;overflow:hidden;font-family:Outfit,Inter,-apple-system,sans-serif}.creative-tc-header{background:var(--tc-primary-gradient);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--tc-shadow-md);z-index:100;color:#fff}.creative-tc-header-left{display:flex;align-items:center;gap:12px}.creative-tc-btn-back{background:rgba(255,255,255,.1);border:none;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.creative-tc-btn-back:hover{background:rgba(255,255,255,.2)}.creative-tc-avatar{width:42px;height:42px;background:#fff;color:#1e1b4b;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 4px 10px rgba(0,0,0,.1)}.creative-tc-header-info h2{font-size:1.05rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.3px}.creative-tc-status-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;padding:2px 8px;background:rgba(255,255,255,.15);border-radius:20px;margin-top:2px}.creative-tc-status-tag.open{color:#818cf8}.creative-tc-status-tag.in-progress{color:#fbbf24}.creative-tc-status-tag.closed{color:#cbd5e1}.creative-tc-header-actions{display:flex;align-items:center;gap:8px}.creative-tc-btn-details{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:10px;font-weight:600;font-size:.8rem;color:#fff;cursor:pointer;transition:all .2s}.creative-tc-btn-close{background:#ef4444;border:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.creative-tc-btn-close span{display:none}.creative-tc-details-panel{background:var(--tc-glass-white);backdrop-filter:blur(25px);margin:12px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px rgba(0,0,0,.12);z-index:150;position:absolute;top:80px;left:0;right:0;animation:sheetPullDown .4s cubic-bezier(.16,1,.3,1) both}@keyframes sheetPullDown{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.details-grid{display:grid;grid-template-columns:1fr;gap:20px}.details-section h4{margin:0 0 16px;font-size:.95rem;font-weight:800;color:var(--tc-text-main);display:flex;align-items:center;gap:8px}.details-row{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.details-row label{font-size:.7rem;font-weight:700;color:var(--tc-text-muted);text-transform:uppercase;letter-spacing:.5px}.details-row span{font-size:.95rem;font-weight:600;color:var(--tc-text-main)}.details-row p{font-size:.9rem;color:var(--tc-text-main);background:rgba(0,0,0,.04);padding:14px;border-radius:16px;margin:0;line-height:1.5}.priority-pill{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:800;text-transform:uppercase;display:inline-block;width:fit-content}.priority-pill.high{background:#fee2e2;color:#ef4444}.priority-pill.medium{background:#fef3c7;color:#d97706}.priority-pill.low{background:#dcfce7;color:#10b981}.creative-tc-messages-container{flex:1;overflow-y:auto;padding:20px 20px 120px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.creative-tc-messages-container::-webkit-scrollbar{width:6px}.creative-tc-messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}.chat-encryption-notice{align-self:center;background:rgba(255,255,255,.7);padding:8px 16px;border-radius:30px;font-size:.75rem;font-weight:600;color:var(--tc-text-muted);display:flex;align-items:center;gap:8px;margin-bottom:15px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.creative-tc-msg-row{display:flex;width:100%;animation:bubbleEnter .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes bubbleEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tc-row-me{justify-content:flex-end}.tc-row-them{justify-content:flex-start}.creative-tc-msg-content{max-width:85%}.tc-sender-name{font-size:.7rem;font-weight:700;color:var(--tc-accent);margin-bottom:4px;margin-left:12px}.creative-tc-bubble{padding:12px 16px;border-radius:18px;position:relative;font-size:.95rem;line-height:1.5;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:transform .2s}.creative-tc-bubble:hover{transform:translateY(-2px)}.tc-bubble-me{background:var(--tc-primary-gradient);color:#fff;border-bottom-right-radius:4px}.tc-bubble-them{background:#fff;color:var(--tc-text-main);border-bottom-left-radius:4px;border:1px solid var(--tc-border)}.tc-msg-footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:.65rem;margin-top:6px;opacity:.8}.tc-bubble-me .tc-msg-footer{color:rgba(255,255,255,.9)}.creative-tc-input-wrap{position:absolute;bottom:20px;left:20px;right:20px;z-index:110;display:flex;flex-direction:column;gap:10px}.creative-tc-input-form{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);padding:8px 8px 8px 16px;border-radius:30px;box-shadow:0 10px 40px rgba(30,27,75,.15);border:1px solid rgba(255,255,255,.5)}.tc-attach-btn{background:transparent;border:none;color:var(--tc-text-muted);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;padding:5px}.creative-tc-input-form input{flex:1;border:none;padding:10px 0;font-size:.95rem;font-weight:500;color:var(--tc-text-main);outline:none}.creative-tc-btn-send{width:44px;height:44px;background:var(--tc-primary-gradient);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.creative-tc-btn-send:active{transform:scale(.9)}.creative-tc-closed-banner{background:#fff;padding:12px;border-radius:30px;text-align:center;font-weight:700;font-size:.85rem;color:var(--tc-text-muted);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--tc-shadow-sm)}.creative-chat-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tc-primary-gradient);color:#fff;font-family:Outfit,sans-serif}.creative-loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top:3px solid white;border-radius:50%;margin-bottom:20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tc-attachment-preview{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px;box-shadow:var(--tc-shadow-md);border:1px solid var(--tc-border)}.tc-attachment-preview .remove-btn{background:#fee2e2;color:#ef4444;border:none;padding:5px;border-radius:50%;cursor:pointer}@media (min-width: 768px){.creative-tc-wrapper{max-width:900px;margin:40px auto;height:min(800px,90vh);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);border:1px solid var(--tc-border)}.creative-tc-header{border-top-left-radius:24px;border-top-right-radius:24px}.details-grid{grid-template-columns:1fr 1fr}.creative-tc-btn-close span{display:inline}.creative-tc-btn-close{width:auto;padding:8px 16px;gap:8px;font-weight:600;font-size:.85rem}.creative-tc-msg-content{max-width:65%}.creative-tc-bubble{padding:12px 20px}}@supports (-webkit-touch-callout: none){.creative-tc-wrapper{height:-webkit-fill-available}}:root{--ac-primary: linear-gradient(135deg, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 0%, #4338ca 100%);--ac-secondary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--ac-glass: rgba(255, 255, 255, .9);--ac-border: rgba(255, 255, 255, .6);--ac-text-main: #0f172a;--ac-text-muted: #64748b;--ac-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05)}.ac-page-wrap{font-family:Outfit,sans-serif;background:#fff;min-height:100vh;padding:1.5rem;color:var(--ac-text-main);position:relative;overflow-x:hidden}.ac-bg-fx{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ac-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;animation:acFloat 20s infinite alternate ease-in-out}.ac-blob-1{width:500px;height:500px;background:linear-gradient(135deg,#1e1b4b,#312e81);top:-100px;right:-50px}.ac-blob-2{width:400px;height:400px;background:#0ea5e9;bottom:-50px;left:-50px;animation-delay:-10s}@keyframes acFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(50px) scale(1.1)}}.ac-content{position:relative;z-index:1;max-width:1400px;margin:0 auto}.ac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;animation:acFadeDown .6s cubic-bezier(.16,1,.3,1)}.ac-header-text h1{font-size:2.25rem;font-weight:900;margin:0;background:var(--ac-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ac-header-text p{color:var(--ac-text-muted);font-weight:500;margin:.2rem 0 0}.ac-tabs-hub{display:flex;gap:.75rem;background:#f1f5f9;padding:.4rem;border-radius:16px;margin-bottom:1.5rem;width:fit-content}.ac-tab-trigger{padding:.6rem 1.25rem;border-radius:12px;border:none;background:transparent;color:var(--ac-text-muted);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px}.ac-tab-trigger.active{background:#fff;color:#4338ca;box-shadow:0 4px 12px rgba(0,0,0,.05)}.ac-glass-card{background:var(--ac-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ac-border);border-radius:24px;box-shadow:var(--ac-shadow);padding:1.5rem;animation:acFadeUp .8s cubic-bezier(.16,1,.3,1)}.ac-table-scroll{overflow-x:auto}.ac-modern-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.ac-modern-table th{text-align:left;padding:.75rem 1rem;color:var(--ac-text-muted);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ac-modern-table td{padding:1rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.ac-modern-table td:first-child{border-left:1px solid #f1f5f9;border-radius:16px 0 0 16px}.ac-modern-table td:last-child{border-right:1px solid #f1f5f9;border-radius:0 16px 16px 0}.ac-row{transition:transform .2s}.ac-row:hover{transform:scale(1.005)}.ac-action-circle{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justifyContent:center;border:none;cursor:pointer;transition:all .2s;margin-right:.5rem;color:#64748b;background:#f8fafc}.ac-action-circle:hover{transform:translateY(-2px)}.ac-btn-edit:hover{background:#eff6ff;color:#2563eb}.ac-btn-delete:hover{background:#fff1f2;color:#e11d48}.ac-prime-btn{padding:.7rem 1.5rem;border-radius:14px;border:none;font-weight:800;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;background:var(--ac-primary);color:#fff;box-shadow:0 8px 16px rgba(99,102,241,.2)}.ac-prime-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ac-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;animation:acFadeIn .3s ease}.ac-modal-pane{background:#fff;width:100%;max-width:480px;border-radius:28px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;animation:acZoomIn .4s cubic-bezier(.16,1,.3,1)}.ac-modal-head{padding:1.5rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.ac-modal-head h3{margin:0;font-weight:900;color:#1e293b}.ac-modal-body{padding:1.5rem}.ac-form-item{margin-bottom:1.25rem}.ac-form-item label{display:block;margin-bottom:.5rem;font-weight:700;color:#475569;font-size:.9rem}.ac-input-field{width:100%;padding:.8rem 1rem;border-radius:14px;border:2px solid #e2e8f0;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;box-sizing:border-box}.ac-input-field:focus{outline:none;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);background:#f5f3ff}.ac-modal-foot{padding:1.25rem 1.5rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem}.ac-toast-hub{position:fixed;bottom:2rem;right:2rem;z-index:1000000;animation:acSlideLeft .5s cubic-bezier(.16,1,.3,1)}.ac-toast-bar{background:#fff;padding:1rem 1.5rem;border-radius:18px;box-shadow:0 20px 40px -10px rgba(0,0,0,.2);display:flex;align-items:center;gap:.75rem;font-weight:800;border-left:8px solid linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.ac-toast-error{border-left-color:#ef4444}.ac-loader{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:acSpin .8s linear infinite}@keyframes acSpin{to{transform:rotate(360deg)}}@keyframes acFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes acFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes acFadeIn{0%{opacity:0}to{opacity:1}}@keyframes acZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes acSlideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.ac-header{flex-direction:column;align-items:flex-start;gap:1rem}.ac-tabs-hub{width:100%;overflow-x:auto}}:root{--bp-primary: #1e1b4b;--bp-secondary: #7c3aed;--bp-accent: #2563eb;--bp-success: #10b981;--bp-error: #ef4444;--bp-bg: #ffffff;--bp-surface: rgba(255, 255, 255, .8);--bp-border: rgba(226, 232, 240, .5);--bp-text: #0f172a;--bp-text-muted: #64748b;--bp-shadow: 0 10px 30px -10px rgba(0, 0, 0, .1);--bp-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.creative-bp-wrapper{min-height:100vh;background-color:var(--bp-bg);position:relative;overflow-x:hidden;padding:40px 24px;font-family:Inter,sans-serif;z-index:1}.creative-bp-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.creative-bp-bubble{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:bp-float 25s infinite alternate ease-in-out}.bp-bubble-1{width:500px;height:500px;background:var(--bp-primary);top:-200px;left:-100px}.bp-bubble-2{width:450px;height:450px;background:var(--bp-secondary);bottom:-150px;right:-100px;animation-duration:30s;animation-delay:-5s}.bp-bubble-3{width:300px;height:300px;background:var(--bp-accent);top:30%;right:10%;animation-duration:20s}@keyframes bp-float{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.creative-bp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:24px}.creative-bp-title-group h1{font-size:2.2rem;font-weight:900;color:var(--bp-text);margin:0;letter-spacing:-1.5px;background:var(--trend-sb-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.creative-bp-subtitle{color:var(--bp-text-muted);font-size:.95rem;font-weight:600;margin-top:6px}.creative-bp-btn-sync{background:#fff;border:1px solid #e2e8f0;padding:10px 24px;border-radius:12px;font-weight:700;color:var(--bp-text);cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--bp-transition);box-shadow:0 4px 10px rgba(0,0,0,.02)}.creative-bp-btn-sync:hover{border-color:var(--bp-primary);color:var(--bp-primary);transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.05)}.creative-bp-config-card{background:var(--bp-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bp-border);border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:var(--bp-shadow);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;align-items:flex-end;animation:bpEntryFadeUp .8s ease-out}@keyframes bpEntryFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.creative-bp-table-card{background:var(--bp-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bp-border);border-radius:24px;box-shadow:var(--bp-shadow);overflow:hidden;animation:bpEntryFadeUp 1s ease-out}.creative-bp-table-header{padding:24px 32px;border-bottom:1px solid var(--bp-border);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.4)}.creative-bp-table-header h3{margin:0;font-size:1.25rem;font-weight:800;color:var(--bp-text)}.creative-bp-bulk-actions{display:flex;gap:12px}.creative-bp-tag-btn{padding:8px 16px;border-radius:10px;font-weight:800;font-size:.8rem;border:none;cursor:pointer;transition:var(--bp-transition);text-transform:uppercase;letter-spacing:.5px}.tag-btn-blue{background:#eef2ff;color:#4338ca}.tag-btn-blue:hover{background:#4338ca;color:#fff;transform:scale(1.05)}.tag-btn-red{background:#fef2f2;color:#b91c1c}.tag-btn-red:hover{background:#b91c1c;color:#fff;transform:scale(1.05)}.creative-bp-table{width:100%;border-collapse:collapse}.creative-bp-table th{padding:20px 32px;background:rgba(241,245,249,.5);text-align:left;font-size:.75rem;font-weight:800;color:var(--bp-text-muted);text-transform:uppercase;letter-spacing:1px}.creative-bp-table td{padding:20px 32px;border-bottom:1px solid rgba(226,232,240,.4);transition:background .3s}.creative-bp-table tr:hover td{background:rgba(79,70,229,.02)}.creative-bp-student-cell{display:flex;align-items:center;gap:16px}.creative-bp-avatar{width:44px;height:44px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--bp-primary);box-shadow:0 4px 10px rgba(0,0,0,.04)}.creative-bp-name-sub{font-size:.75rem;color:var(--bp-text-muted);font-weight:600;font-family:JetBrains Mono,monospace}.creative-bp-due-tag{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.9rem}.creative-bp-select-mini{padding:8px 12px;border-radius:10px;border:2px solid #f1f5f9;background:#f8fafc;font-weight:700;font-size:.85rem;color:var(--bp-text);outline:none;transition:var(--bp-transition);cursor:pointer}.creative-bp-select-mini:focus{border-color:var(--bp-primary);background:#fff}.creative-bp-table-footer{padding:24px 32px;background:rgba(241,245,249,.4);display:flex;justify-content:space-between;align-items:center}.creative-bp-alert{display:flex;align-items:center;gap:12px;color:var(--bp-text-muted);font-size:.9rem;font-weight:600}.creative-bp-btn-run{padding:14px 40px;border-radius:16px;background:var(--trend-sb-primary-gradient);color:#fff;font-weight:800;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;transition:var(--bp-transition);box-shadow:0 10px 20px -5px rgba(79,70,229,.3)}.creative-bp-btn-run:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 15px 25px -5px rgba(79,70,229,.4)}.creative-bp-checkbox-wrap{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 16px;border-radius:12px;transition:var(--bp-transition)}.creative-bp-checkbox-wrap:hover{background:rgba(255,255,255,.5)}.creative-bp-checkbox-wrap input{width:20px;height:20px;cursor:pointer;accent-color:var(--bp-primary)}.creative-bp-checkbox-wrap span{font-weight:700;font-size:.9rem;color:var(--bp-text)}.creative-bp-toast{position:fixed;bottom:30px;right:30px;padding:20px 30px;border-radius:18px;display:flex;align-items:center;gap:12px;font-weight:800;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.15);z-index:2000;animation:bpSlideIn .5s cubic-bezier(.175,.885,.32,1.275)}.creative-bp-toast-success{background:var(--bp-success)}.creative-bp-toast-error{background:var(--bp-error)}@keyframes bpSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.creative-bp-header{flex-direction:column;align-items:flex-start}.creative-bp-config-card{grid-template-columns:1fr}}:root{--merp-glass-bg: rgba(255, 255, 255, .7);--merp-glass-border: rgba(255, 255, 255, .4);--merp-glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--merp-accent: #1e1b4b;--merp-accent-glow: rgba(79, 70, 229, .3);--merp-success: #10b981;--merp-warning: #f59e0b;--merp-danger: #ef4444;--merp-text-main: #1e293b;--merp-text-muted: #64748b;--merp-gradient-hero: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--merp-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--merp-radius-lg: 24px;--merp-radius-md: 16px;--merp-radius-sm: 12px}@keyframes merp-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes merp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes merp-pulse-glow{0%{box-shadow:0 0 0 0 var(--merp-accent-glow)}70%{box-shadow:0 0 0 10px rgba(79,70,229,0)}to{box-shadow:0 0 rgba(79,70,229,0)}}.merp-reports-container{padding:32px;background:#fdfdff;min-height:100vh;font-family:Outfit,Inter,system-ui,sans-serif;color:var(--merp-text-main);background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(124,58,237,.05) 0px,transparent 50%)}.merp-reports-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;animation:merp-fade-up .6s ease-out}.merp-reports-header h1{font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0;background:var(--merp-gradient-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.merp-reports-header p{font-size:16px;color:var(--merp-text-muted);margin-top:8px;font-weight:500}.merp-reports-tabs{display:inline-flex;background:var(--merp-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px;border-radius:var(--merp-radius-sm);border:1px solid var(--merp-glass-border);box-shadow:var(--merp-glass-shadow);margin-bottom:32px;position:sticky;top:16px;z-index:100}.merp-tab-btn{padding:10px 24px;border-radius:10px;font-weight:600;font-size:14px;border:none;background:transparent;color:var(--merp-text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.merp-tab-btn.active{background:var(--merp-accent);color:#fff;box-shadow:0 4px 12px var(--merp-accent-glow);transform:translateY(-1px)}.merp-tab-btn:not(.active):hover{background:rgba(0,0,0,.03);color:var(--merp-text-main)}.merp-insight-card{background:var(--merp-gradient-hero);padding:28px;border-radius:var(--merp-radius-md);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px rgba(79,70,229,.2);margin-bottom:32px;animation:merp-fade-up .8s ease-out}.merp-insight-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.1) 50%,transparent 55%);animation:merp-shimmer 6s infinite linear}.insight-content h4{font-size:22px;font-weight:700;margin:0}.insight-content p{font-size:15px;opacity:.9;margin:8px 0 0;max-width:80%;line-height:1.5}.insight-icon{font-size:48px;opacity:.3;transform:rotate(-15deg)}.merp-reports-filter-panel{background:var(--merp-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px;border-radius:var(--merp-radius-md);border:1px solid var(--merp-glass-border);box-shadow:var(--merp-glass-shadow);margin-bottom:32px}.merp-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;align-items:flex-end}.merp-search-item{grid-column:span 2}.merp-filter-item label{display:block;font-size:11px;font-weight:700;color:var(--merp-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.merp-select-wrapper,.merp-input-wrapper{position:relative;width:100%}.merp-select-wrapper select,.merp-input-wrapper input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:14px;color:var(--merp-text-main);-webkit-appearance:none;appearance:none;transition:all .3s ease;font-family:inherit}.merp-select-wrapper select:focus,.merp-input-wrapper input:focus{outline:none;border-color:var(--merp-accent);box-shadow:0 0 0 4px var(--merp-accent-glow)}.merp-select-wrapper IonIcon,.merp-input-wrapper IonIcon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--merp-text-muted)}.merp-select-wrapper IonIcon{right:12px}.merp-input-wrapper IonIcon{left:12px}.merp-input-wrapper input{padding-left:38px}.merp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.merp-summary-card{background:#fff;padding:24px;border-radius:var(--merp-radius-md);border:1px solid #f1f5f9;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.merp-summary-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -5px rgba(0,0,0,.05);border-color:var(--merp-accent-glow)}.summary-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.summary-info h3{font-size:28px;font-weight:800;margin:0;color:var(--merp-text-main)}.summary-info p{font-size:13px;color:var(--merp-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:4px 0 0}.merp-intelligence-table{background:#fff;border-radius:var(--merp-radius-md);border:1px solid #f1f5f9;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}.merp-table-row{opacity:0;animation:merp-fade-up .5s ease-out forwards}.merp-report-table td{padding:18px 24px;font-size:15px;color:var(--merp-text-main);border-bottom:1px solid #f8fafc;transition:all .2s ease}.merp-report-table tr:hover td{background:#f8fafc;transform:scale(1.002);color:var(--merp-accent)}.merp-pagination-footer{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#fdfdff;border-top:1px solid #f1f5f9}.pagination-info{font-size:13px;color:var(--merp-text-muted)}.pagination-info strong{color:var(--merp-text-main)}.pagination-controls{display:flex;align-items:center;gap:16px}.merp-page-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:var(--merp-text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.merp-page-btn:hover:not(:disabled){border-color:var(--merp-accent);color:var(--merp-accent);background:var(--merp-accent-glow)}.merp-page-btn:disabled{opacity:.5;cursor:not-allowed}.page-num-indicator{font-size:13px;color:var(--merp-text-muted)}.page-num-indicator strong{color:var(--merp-accent)}.merp-analytics-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:32px}.merp-chart-card{background:#fff;border-radius:var(--merp-radius-md);padding:24px;border:1px solid #f1f5f9}@media (max-width: 1024px){.merp-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.merp-reports-container{padding:20px}.merp-reports-header{flex-direction:column;align-items:flex-start;gap:16px}.merp-reports-header h1{font-size:28px}.merp-grid-4{grid-template-columns:1fr}.merp-reports-tabs{display:flex;overflow-x:auto;width:100%;scrollbar-width:none}.merp-reports-tabs::-webkit-scrollbar{display:none}.merp-tab-btn{white-space:nowrap;padding:8px 16px}}.merp-apply-btn{background:var(--merp-gradient-hero);color:#fff;border:none;border-radius:10px;padding:0 24px;font-weight:700;cursor:pointer;height:48px;transition:all .3s ease}.merp-apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--merp-accent-glow)}.merp-btn-outline{background:#fff;color:var(--merp-accent);border:1px solid var(--merp-accent);padding:10px 20px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.merp-btn-outline:hover{background:var(--merp-accent);color:#fff;box-shadow:0 4px 12px var(--merp-accent-glow)}.merp-btn-solid{background:var(--merp-gradient-hero);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.merp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--merp-accent-glow)}.merp-intelligence-table{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5)!important}.merp-summary-card,.merp-chart-card,.merp-intelligence-table{animation:merp-fade-up .8s ease-out forwards}.merp-grid-4>div:nth-child(1){animation-delay:.1s}.merp-grid-4>div:nth-child(2){animation-delay:.2s}.merp-grid-4>div:nth-child(3){animation-delay:.3s}.merp-grid-4>div:nth-child(4){animation-delay:.4s}@media (min-width: 1200px){.merp-analytics-grid{grid-template-columns:350px 1fr}}:root{--web-primary: #3b82f6;--web-primary-glow: rgba(59, 130, 246, .2);--web-secondary: #0ea5e9;--web-accent: #10b981;--web-danger: #ef4444;--web-warning: #f59e0b;--web-bg: #f8fafc;--web-surface: rgba(255, 255, 255, .8);--web-glass-border: rgba(255, 255, 255, .5);--web-text-title: #1e293b;--web-text-body: #475569;--web-text-muted: #94a3b8;--web-radius: 24px;--web-transition: all .4s cubic-bezier(.175, .885, .32, 1.275)}.web-cms-container{padding:30px;max-width:1400px;margin:0 auto;min-height:100vh;position:relative;z-index:1}.web-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:#fff}.web-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:webFloat 25s infinite alternate ease-in-out}.web-bubble-1{width:500px;height:500px;background:var(--web-primary);top:-100px;right:-100px}.web-bubble-2{width:400px;height:400px;background:var(--web-secondary);bottom:-100px;left:-100px;animation-delay:-5s}.web-bubble-3{width:350px;height:350px;background:var(--web-accent);top:30%;left:15%;animation-delay:-10s}@keyframes webFloat{0%{transform:translate(0) scale(1)}to{transform:translate(50px,100px) scale(1.1)}}.animate-up{animation:webFadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes webFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.web-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.web-branding h1{font-size:2.2rem;font-weight:900;color:var(--web-text-title);letter-spacing:-1px;margin:0}.web-subtitle{color:var(--web-text-muted);font-weight:700;margin-top:5px}.web-actions{display:flex;gap:12px}.web-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.web-stat-card{background:var(--web-surface);backdrop-filter:blur(20px);border:1px solid var(--web-glass-border);padding:24px;border-radius:var(--web-radius);box-shadow:0 10px 30px rgba(0,0,0,.05);display:flex;align-items:center;gap:20px;transition:var(--web-transition);cursor:pointer}.web-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.08);background:#fff}.web-stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff}.web-stat-info h3{margin:0;font-size:1.5rem;font-weight:800}.web-stat-info p{margin:0;font-size:.85rem;font-weight:700;color:var(--web-text-muted)}.web-glass-card{background:var(--web-surface);backdrop-filter:blur(25px);border:1px solid var(--web-glass-border);border-radius:30px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.05);margin-bottom:30px}.web-table{width:100%;border-collapse:separate;border-spacing:0 10px}.web-table th{padding:15px 20px;text-align:left;font-size:.8rem;font-weight:800;color:var(--web-text-muted);text-transform:uppercase}.web-row td{padding:16px 20px;background:#fbfcfd;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;transition:var(--web-transition)}.web-row:hover td{background:#fff;transform:scale(1.002)}.web-row td:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:16px;border-bottom-left-radius:16px}.web-row td:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:16px;border-bottom-right-radius:16px}.web-btn{padding:12px 24px;border-radius:16px;font-weight:800;border:none;cursor:pointer;transition:var(--web-transition);display:inline-flex;align-items:center;gap:10px}.web-btn-primary{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;box-shadow:0 10px 20px var(--web-primary-glow)}.web-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:var(--web-text-body)}.web-badge{padding:4px 12px;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase}.web-badge-success{background:#ecfdf5;color:#10b981}.web-badge-warning{background:#fffbeb;color:#f59e0b}.web-badge-danger{background:#fef2f2;color:#ef4444}.web-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.web-modal{background:#fff;width:100%;max-width:600px;border-radius:30px;padding:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.web-form-group{margin-bottom:20px}.web-form-group label{display:block;font-size:.85rem;font-weight:800;color:var(--web-text-body);margin-bottom:8px}.web-input{width:100%;padding:12px 18px;border-radius:14px;border:1px solid #e2e8f0;font-family:inherit;font-weight:600;outline:none;transition:var(--web-transition)}.web-input:focus{border-color:var(--web-primary);box-shadow:0 0 0 4px var(--web-primary-glow)}@keyframes webSpin{to{transform:rotate(360deg)}}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.1)!important}@keyframes webFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}