@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Aleo:wght@300;400;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-primary,.btn-secondary{display:inline-flex;gap:6px;white-space:nowrap}.btn-danger{background-color:#ef4444;border:none;color:#fff;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease;white-space:nowrap}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.confirm-dialog-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.confirm-dialog-content{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 20px 40px #00000026;max-width:420px;padding:24px;width:90vw}.confirm-dialog-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-weight:600;margin:0 0 12px}.confirm-dialog-message{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.5;margin:0 0 24px}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-cancel,.confirm-dialog-confirm{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-medium,#ddd);border-radius:8px;border-radius:var(--radius-md,8px);color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.confirm-dialog-cancel:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}.confirm-dialog-confirm{background:#ff6b35;background:var(--primary,#ff6b35);border-color:#ff6b35;border-color:var(--primary,#ff6b35);color:#fff}.confirm-dialog-confirm:hover{opacity:.9}.confirm-dialog-confirm.danger{background:#c62828;border-color:#c62828}.confirm-dialog-confirm.danger:hover{background:#b71c1c;border-color:#b71c1c}.mobile-menu-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:none;left:16px;padding:10px;position:fixed;top:16px;transition:var(--transition-fast);z-index:500}.mobile-menu-button:hover{background:var(--primary-dark);transform:scale(1.05)}.mobile-menu-button svg{font-size:24px}.sidebar-overlay{animation:overlayFadeIn .2s ease forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:900}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.sidebar{background:var(--bg-sidebar);box-shadow:0 2px 4px #0000000d;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;pointer-events:auto;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:950}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;padding:20px 24px}.naums-logo{height:auto;max-width:180px;object-fit:contain;width:100%}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#ffab4d,#ff4713);color:#fff;position:relative}.nav-item.active:before{background:#ffab4d;border-radius:0 4px 4px 0;box-shadow:0 0 8px #ffab4d80;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-item-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.nav-item svg{font-size:22px;height:22px;width:22px}.nav-item.active .nav-item-icon-wrapper.has-unread,.nav-item.active .nav-item-icon-wrapper.has-unread svg,.nav-item.active .nav-item-icon-wrapper.has-unread svg.MuiSvgIcon-root{color:#ffffffb3!important}.nav-item.active .nav-item-icon-wrapper.has-unread svg path,.nav-item.active .nav-item-icon-wrapper.has-unread svg.MuiSvgIcon-root path{fill:#ffffffb3!important}.nav-badge{background:#ff8c00;border:2px solid var(--bg-sidebar);border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;position:absolute;right:-6px;top:-6px}.nav-badge,.nav-badge-inline{align-items:center;box-sizing:border-box;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.nav-badge-inline{border:none;border-radius:20px;box-shadow:0 2px 4px #00000026;flex-shrink:0;margin-left:auto;position:static;transition:opacity .2s ease,visibility .2s ease}.nav-badge-inline.hidden{margin:0;min-width:0;opacity:0;padding:0;visibility:hidden;width:0}.nav-badge-inline.visible{opacity:1;visibility:visible}.nav-item.active .nav-badge-inline.active-badge{background:#4a555c}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 12px}.view-as-wrap{background:#ffab4d14;border:1px solid #ffab4d40;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:8px 12px}.view-as-label{align-items:center;color:#ffab4de6;display:flex;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;gap:4px;letter-spacing:.06em;text-transform:uppercase}.view-as-select{background:#ffffff0d;border:1px solid #ffffff26;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;outline:none;padding:5px 8px;width:100%}.view-as-select option{background:#1e1e2d;color:#fff}.view-as-select:focus{border-color:#ffab4d}.whats-new-btn{align-items:center;background:#0000;border:1px solid #ffab4d4d;border-radius:var(--radius-md);color:#ffab4de6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;padding:10px 16px;transition:var(--transition-fast);width:100%}.whats-new-btn:hover{background:#ffab4d1a;border-color:#ffab4d80;color:#ffab4d}.whats-new-btn svg{font-size:18px}.sign-out-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;transition:var(--transition-fast);width:100%}.sign-out-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.sign-out-btn svg{font-size:20px}.nav-item-group{margin-bottom:2px}.nav-item-expand{font-size:20px!important;margin-left:auto;opacity:.5;transition:transform .2s ease,opacity .2s ease}.nav-item-expand.expanded{transform:rotate(180deg)}.nav-item:hover .nav-item-expand{opacity:.8}.nav-sub-items{overflow:hidden;padding-left:16px}.nav-sub-item{color:#ffffff8c;font-size:14px;margin-bottom:2px;padding:10px 16px}.nav-sub-item svg{font-size:18px!important;height:18px!important;width:18px!important}.nav-sub-item:hover{color:#ffffffe6}.nav-sub-item.active{background:#ffab4d33;color:#ffab4d}.nav-sub-item.active:before{display:none}.nav-item:focus,.sign-out-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}.sidebar{box-shadow:4px 0 20px #00000026;transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}}@media (max-width:480px){.mobile-menu-button{left:12px;padding:8px;top:12px}.mobile-menu-button svg{font-size:22px}}.nav-item-skeleton{align-items:center;display:flex;gap:12px;margin:4px 8px;padding:10px 16px}.skeleton-icon{border-radius:6px;height:24px;width:24px}.skeleton-icon,.skeleton-text{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#ffffff14}.skeleton-text{animation-delay:.1s;border-radius:4px;height:14px;width:60%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.notification-bell{flex-shrink:0;position:relative}.notification-bell-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .15s ease;width:40px}.notification-bell-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.notification-bell-btn .MuiSvgIcon-root{font-size:22px}.notification-bell-badge{align-items:center;background:#ff8c00;border-radius:20px;box-shadow:0 1px 3px #0003;box-sizing:border-box;color:#fff;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px;pointer-events:none;position:absolute;right:4px;top:4px}.notification-bell-dropdown{display:flex;flex-direction:column;max-height:440px;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}.notification-bell-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:14px 16px}.notification-bell-header h4{color:var(--text-primary);font-size:15px;font-weight:700;margin:0}.notification-bell-header button{background:none;border:none;border-radius:var(--radius-sm);color:#ffab4d;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background .15s ease}.notification-bell-header button:hover{background:#ffab4d1a}.notification-bell-list{flex:1 1;max-height:360px;overflow-y:auto}.notification-bell-item{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .1s ease}.notification-bell-item.clickable{cursor:pointer}.notification-bell-item:last-child{border-bottom:none}.notification-bell-item:hover{background:var(--bg-secondary)}.notification-bell-item.unread{background:#ffab4d0a;border-left:3px solid #ffab4d}.notification-bell-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:2px;width:32px}.notification-bell-item-icon--cert{background:#ffab4d1f;color:#e68a00}.notification-bell-item-icon--event{background:#3498db1f;color:#3498db}.notification-bell-item-icon--invoice{background:#4caf501f;color:#4caf50}.notification-bell-item-icon--system{background:#6c757d1f;color:#6c757d}.notification-bell-item-icon--channel{background:#7955cf1f;color:#7955cf}.notification-bell-item-content{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.notification-bell-item-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.35;word-break:break-word}.notification-bell-item-body{color:var(--text-secondary);font-family:Aleo,Georgia,serif;font-size:12.5px;line-height:1.5;white-space:normal;word-break:break-word}.notification-bell-item-time{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;margin-top:2px;opacity:.75}.notification-bell-item-dot{align-self:flex-start;background:#ffab4d;border-radius:50%;flex-shrink:0;height:8px;margin-top:10px;width:8px}.notification-bell-item-delete{align-items:center;align-self:flex-start;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:4px;opacity:0;transition:opacity .15s,background .15s,color .15s;width:24px}.notification-bell-item:hover .notification-bell-item-delete{opacity:1}.notification-bell-item-delete:hover{background:#ef44441a;color:#ef4444}.notification-bell-empty{color:var(--text-secondary);font-size:13px;padding:32px 16px;text-align:center}.notification-bell-empty .MuiSvgIcon-root{color:var(--border-light);display:block;font-size:36px;margin-bottom:8px;margin-left:auto;margin-right:auto}@media (max-width:480px){.notification-bell-dropdown{right:-60px;width:calc(100vw - 24px)}}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;flex-shrink:0;justify-content:space-between;padding:10px 24px;position:relative;z-index:100}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1;min-width:0;overflow:hidden}.topbar-left .page-title-section{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left;width:100%}.topbar-left .page-title-section .back-button{align-items:center;display:inline-flex;flex-shrink:0;font-size:13px;gap:4px;margin:0;padding:0;text-align:left}.topbar-left .page-title-section .page-title,.topbar-left .page-title-section h1{word-wrap:break-word;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0;max-width:100%;overflow-wrap:break-word;text-align:left}.topbar-left .page-title-section .event-type-badge{flex-shrink:0;margin:2px 0 0}.topbar-right{align-items:center;display:flex;flex-shrink:1;gap:16px;min-width:0}.topbar-actions{flex-shrink:1;min-width:0}.topbar-actions,.topbar-actions>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.topbar-actions .btn-primary,.topbar-actions .btn-secondary,.topbar-actions a,.topbar-actions button{font-size:13px;padding:6px 14px;white-space:nowrap}.dropdown-mobile-actions{display:none}.user-info{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 10px;position:relative;transition:var(--transition-fast);z-index:200}.user-avatar-container{flex-shrink:0;height:36px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;position:relative;width:36px}.user-info:hover{background:var(--bg-secondary)}.user-avatar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid var(--border-color);border-radius:50%;content-visibility:auto;flex-shrink:0;height:36px;image-rendering:auto;max-height:36px;max-width:36px;min-height:36px;min-width:36px;object-fit:cover;position:absolute;transform:translateZ(0);-webkit-transform:translateZ(0);transition:opacity .1s ease,visibility .1s ease;width:36px;will-change:auto}.user-avatar.avatar-visible{opacity:1;visibility:visible}.user-avatar.avatar-hidden{opacity:0;pointer-events:none;visibility:hidden}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff4713);border:2px solid var(--border-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:36px;justify-content:center;max-height:36px;max-width:36px;min-height:36px;min-width:36px;position:absolute;transition:opacity .1s ease,visibility .1s ease;width:36px}.user-avatar-placeholder.placeholder-visible{opacity:1;visibility:visible}.user-avatar-placeholder.placeholder-hidden{opacity:0;pointer-events:none;visibility:hidden}.user-details{align-items:flex-start;flex-shrink:0;gap:2px}.user-name{color:var(--text-primary);font-size:13px;line-height:1}.user-name,.user-role{font-weight:600;white-space:nowrap}.user-role{border-radius:var(--radius-sm);display:inline-block;font-size:10px;line-height:1.3;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.user-role.badge-admin{background:#ffab4d26;color:#ffab4d}.user-role.badge-head{background:#3498db26;color:#3498db}.user-role.badge-staff{background:#6c757d26;color:#6c757d}.dropdown-icon{color:var(--text-secondary);font-size:18px;transition:transform .2s}.user-info.menu-open .dropdown-icon{transform:rotate(180deg)}.user-menu-dropdown{cursor:default;position:absolute;right:0;top:calc(100% + 8px)}@media (max-width:1100px){.topbar-actions .btn-primary,.topbar-actions .btn-secondary,.topbar-actions a,.topbar-actions button{font-size:12px;padding:5px 10px}}@media (max-width:768px){.topbar{align-items:flex-start;margin-left:0;padding:40px 16px 6px!important;position:relative}.topbar-left{padding-right:12px;padding-top:2px}.topbar-left h1{font-size:clamp(16px,4.5vw,20px);line-height:1.2}.topbar-right{align-self:flex-start;gap:12px;margin-top:-36px}.topbar-actions{display:none!important}.dropdown-mobile-actions{display:flex;flex-direction:column;gap:0;padding:0}.dropdown-mobile-actions button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:flex-start;padding:12px 16px;text-align:left;transition:var(--transition-fast);width:100%}.dropdown-mobile-actions button:hover{background:var(--bg-secondary)}.dropdown-icon,.user-details{display:none}.user-menu-dropdown{max-width:calc(100vw - 32px);min-width:200px}.user-info{cursor:pointer}}@media (max-width:480px){.topbar{padding:36px 12px 4px!important}.topbar-left{padding-right:8px;padding-top:2px}.topbar-left h1{font-size:clamp(14px,4vw,18px);line-height:1.2}.topbar-right{gap:8px;margin-top:-32px}}.view-as-banner{animation:view-as-slide-down .2s ease-out;background:linear-gradient(90deg,#ffab4d,#ff4713);color:#fff;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}@keyframes view-as-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.view-as-banner__inner{align-items:center;display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:10px;justify-content:center;padding:7px 16px}.view-as-banner__text strong{font-weight:700}.view-as-banner__exit{align-items:center;background:#fff3;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:4px 12px;transition:background .15s}.view-as-banner__exit:hover{background:#ffffff59}@media (max-width:768px){.view-as-banner__text{font-size:11px}}.help-widget{bottom:24px;font-family:Poppins,system-ui,sans-serif;position:fixed;right:24px;z-index:1200}.help-fab{align-items:center;background:#ffab4d;background:var(--accent-color,#ffab4d);border:none;border-radius:50%;box-shadow:0 10px 15px #0000002e;box-shadow:var(--shadow-lg,0 10px 15px #0000002e);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;margin-left:auto;position:relative;transition:transform .15s ease,box-shadow .15s ease;width:56px}.help-fab:hover{transform:scale(1.06)}.help-fab svg{font-size:28px}.help-fab-badge{align-items:center;background:#e53935;border-radius:10px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;right:-2px;top:-2px}.help-fab-badge,.help-panel{display:flex;position:absolute}.help-panel{animation:help-pop .16s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:14px;border-radius:var(--radius-lg,14px);bottom:72px;box-shadow:0 16px 40px #00000038;flex-direction:column;height:560px;max-height:calc(100vh - 120px);max-width:calc(100vw - 32px);overflow:hidden;right:0;width:380px}@keyframes help-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-panel-header{align-items:center;background:#ffab4d;background:var(--accent-color,#ffab4d);color:#fff;display:flex;gap:8px;padding:14px 12px}.help-panel-logo{display:inline-flex}.help-panel-title{flex:1 1;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.help-icon-btn:hover{background:#ffffff2e}.help-panel-body{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);flex:1 1;overflow-y:auto;padding:12px}.help-panel-footer{background:#fff;background:var(--bg-primary,#fff);border-top:1px solid #d9d8d6;border-top:1px solid var(--border-light,#d9d8d6);padding:12px}.help-empty{align-items:center;color:#616161;color:var(--text-secondary,#616161);display:flex;flex-direction:column;font-size:14px;gap:12px;line-height:1.5;padding:40px 16px;text-align:center}.help-ticket-list{list-style:none;margin:0;padding:0}.help-ticket-row{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:10px;cursor:pointer;margin-bottom:8px;padding:12px 14px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.help-ticket-row:hover{box-shadow:0 2px 8px #00000014}.help-ticket-row.unread{border-color:#ffab4d;border-color:var(--accent-color,#ffab4d)}.help-ticket-row-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.help-ticket-subject{color:#1f1f1f;color:var(--text-primary,#1f1f1f);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-ticket-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#616161;color:var(--text-secondary,#616161);display:-webkit-box;font-size:12.5px;overflow:hidden}.help-ticket-time{color:#9a9a9a;font-size:11px;margin-top:4px}.help-ticket-dot{background:#e53935;border-radius:50%;height:8px;position:absolute;right:-4px;top:14px;width:8px}.help-status{border-radius:10px;font-size:10.5px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.help-status--open{background:#fff1dd;color:#b26a00}.help-status--pending{background:#e3f2fd;color:#1565c0}.help-status--resolved{background:#e8f5e9;color:#2e7d32}.help-status--closed{background:#eee;color:#757575}.help-new-form{display:flex;flex-direction:column;gap:6px}.help-field-label{color:#616161;color:var(--text-secondary,#616161);font-size:12px;font-weight:600;margin-top:6px}.help-input,.help-textarea{background:#fff;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;box-sizing:border-box;color:#1f1f1f;color:var(--text-primary,#1f1f1f);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.help-input:focus,.help-textarea:focus{border-color:#ffab4d;border-color:var(--accent-color,#ffab4d);outline:none}.help-primary-btn{align-items:center;background:#ffab4d;background:var(--accent-color,#ffab4d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:11px 16px;transition:filter .15s ease;width:100%}.help-primary-btn:hover{filter:brightness(.96)}.help-primary-btn:disabled{cursor:not-allowed;opacity:.55}.help-send-request{margin-top:12px}.help-thread{gap:10px}.help-msg,.help-thread{display:flex;flex-direction:column}.help-msg{max-width:82%}.help-msg--me{align-items:flex-end;align-self:flex-end}.help-msg--agent{align-items:flex-start;align-self:flex-start}.help-msg-author{color:#b26a00;color:var(--accent-color,#b26a00);font-size:11px;font-weight:600;margin-bottom:2px}.help-msg-bubble{border-radius:14px;font-size:14px;line-height:1.45;padding:9px 13px;white-space:pre-wrap;word-break:break-word}.help-msg--me .help-msg-bubble{background:#ffab4d;background:var(--accent-color,#ffab4d);border-bottom-right-radius:4px;color:#fff}.help-msg--agent .help-msg-bubble{background:#fff;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-bottom-left-radius:4px;color:#1f1f1f;color:var(--text-primary,#1f1f1f)}.help-msg-time{color:#9a9a9a;font-size:10.5px;margin-top:3px}.help-reply-bar{align-items:flex-end;display:flex;gap:8px}.help-reply-input{border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:18px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:14px;max-height:96px;padding:10px 12px;resize:none}.help-reply-input:focus{border-color:#ffab4d;border-color:var(--accent-color,#ffab4d);outline:none}.help-reply-send{border-radius:50%;color:#fff;flex-shrink:0;height:40px;width:40px}.help-reply-send,.help-reply-send:hover{background:#ffab4d;background:var(--accent-color,#ffab4d)}.help-reply-send:hover{filter:brightness(.96)}.help-reply-send:disabled{cursor:not-allowed;opacity:.5}.help-new-actions{align-items:center;display:flex;gap:8px;margin-top:12px}.help-new-actions .help-send-request{flex:1 1;margin-top:0}.help-attach-btn{color:#616161;color:var(--text-secondary,#616161);flex-shrink:0}.help-attach-btn:hover{background:#0000000d;color:#ffab4d;color:var(--accent-color,#ffab4d)}.help-reply-area{display:flex;flex-direction:column;gap:6px}.help-attach-row{display:flex;flex-wrap:wrap;gap:6px}.help-attach-chip{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;display:inline-flex;gap:6px;max-width:100%;padding:4px 6px 4px 4px}.help-attach-thumb{border-radius:4px;height:28px;object-fit:cover;width:28px}.help-attach-doc{font-size:18px;text-align:center;width:28px}.help-attach-name{color:#1f1f1f;color:var(--text-primary,#1f1f1f);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-attach-x{background:#0000;border:none;color:#616161;color:var(--text-secondary,#616161);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.help-attach-x:hover{color:#e53935}.help-attach-error{color:#e53935;font-size:12px}.help-msg-atts{display:flex;flex-direction:column;gap:6px;margin-top:4px}.help-msg-att-img{border-radius:10px;cursor:pointer;display:block;max-height:220px;max-width:220px}.help-msg-att-file,.help-msg-att-img{border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6)}.help-msg-att-file{background:#fff;border-radius:8px;color:#b26a00;color:var(--accent-color,#b26a00);font-size:13px;padding:6px 10px;text-decoration:none}.help-msg-att-file:hover{text-decoration:underline}@media (max-width:480px){.help-widget{bottom:16px;right:16px}.help-panel{height:calc(100vh - 110px);width:calc(100vw - 32px)}}.app-layout{background:var(--bg-secondary)}.app-layout,.main-content{display:flex;height:100vh;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:260px;overflow:hidden}.page-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}@media (max-width:768px){.main-content{margin-left:0;max-width:100vw}.main-content,.page-content{overflow-x:hidden;width:100%}.page-content{box-sizing:border-box;max-width:100%;padding:0}}.dev-menu-toggle{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s,box-shadow .2s;width:56px;z-index:9999}.dev-menu-toggle:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.dev-menu-toggle:active{transform:scale(.95)}.dev-menu-toggle svg{font-size:28px}@keyframes pulse{0%,to{box-shadow:0 4px 12px #667eea66}50%{box-shadow:0 4px 20px #667eeab3}}.dev-menu-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.dev-menu-panel{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.dev-menu-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.dev-menu-title{align-items:center;display:flex;font-size:20px;font-weight:700;gap:12px}.dev-menu-title svg{font-size:28px}.dev-menu-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.dev-menu-close:hover{background:#ffffff4d}.dev-menu-close svg{font-size:24px}.dev-menu-body{padding:24px}.dev-menu-section{margin-bottom:20px}.dev-menu-section h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 8px}.dev-menu-hint{color:#666;font-size:14px;line-height:1.5;margin:0}.quick-login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.quick-login-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s}.quick-login-btn:hover:not(:disabled){background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-login-btn:active:not(:disabled){transform:translateY(0)}.quick-login-btn:disabled{cursor:not-allowed;opacity:.6}.quick-login-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.quick-login-icon svg{font-size:28px}.quick-login-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.quick-login-name{color:#1a1a1a;font-size:16px;font-weight:700}.quick-login-role{color:#667eea;font-size:13px;font-weight:600}.quick-login-email{color:#999;font-family:Courier New,monospace;font-size:12px}.quick-login-spinner{align-items:center;display:flex;justify-content:center}.spinner-small{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#667eea}.dev-menu-error{background:#ffebee;border:1px solid #ef5350;border-radius:8px;color:#c62828;font-size:13px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.dev-menu-error strong{font-weight:700}.dev-menu-footer{border-top:1px solid #e0e0e0;padding-top:20px}.dev-menu-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:13px;font-weight:600;padding:12px 16px;text-align:center}@media (max-width:600px){.dev-menu-panel{max-height:95vh;width:95%}.dev-menu-header{padding:16px 20px}.dev-menu-body{padding:20px}.quick-login-btn{padding:14px}.quick-login-icon{height:44px;width:44px}.quick-login-name{font-size:15px}}.login-container{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-container:before{background:radial-gradient(circle,#0056d208 0,#0000 70%);height:600px;right:-300px;top:-300px;width:600px}.login-container:after,.login-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.login-container:after{background:radial-gradient(circle,#f7b80105 0,#0000 70%);bottom:-250px;height:500px;left:-250px;width:500px}.login-card{animation:slideUp .4s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:440px;padding:48px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:32px;text-align:center}.logo-container{align-items:center;background:linear-gradient(135deg,#ffab4d,#f93);border-radius:var(--radius-lg);box-shadow:0 8px 16px #ffab4d4d;display:inline-flex;height:80px;justify-content:center;margin-bottom:16px;padding:12px;width:80px}.logo-image{height:100%;object-fit:contain;width:100%}.login-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.login-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400;margin:0}.error-message{background:#ff53701a;border:1px solid var(--danger-color);border-radius:var(--radius-md);color:var(--danger-color);font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form-group label{margin:0}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);font-size:20px!important;height:20px!important;left:14px;pointer-events:none;position:absolute;width:20px!important;z-index:1}.input-with-icon .input-field,.login-form .input-field{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:15px;font-weight:400;outline:none;padding:14px 16px 14px 48px!important;transition:var(--transition-normal);width:100%}.input-with-icon .input-field:-webkit-autofill,.input-with-icon .input-field:-webkit-autofill:active,.input-with-icon .input-field:-webkit-autofill:focus,.input-with-icon .input-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-background-clip:text;background-clip:text;caret-color:var(--text-primary);padding:14px 16px 14px 48px!important}.input-with-icon .input-field:hover{border-color:var(--border-medium)}.input-with-icon .input-field:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.input-with-icon .input-field:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.6}.input-with-icon .input-field::placeholder{color:var(--text-disabled)}.login-input-plain{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:15px;font-weight:400;outline:none;padding:14px 16px!important;transition:var(--transition-normal);width:100%}.login-input-plain:hover{border-color:var(--border-medium)}.login-input-plain:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.login-input-plain:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.6}.login-input-plain::placeholder{color:var(--text-disabled)}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-wrapper .login-input-plain{padding-right:48px!important}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;transition:var(--transition-fast);z-index:1}.password-toggle:hover{background:var(--neutral-100);color:var(--text-primary);transform:none}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;outline:none;padding:14px 24px;transition:var(--transition-normal);width:100%}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,#ffab4d,#f93);box-shadow:0 4px 12px #ffab4d4d;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffb566,#ffab4d);box-shadow:0 6px 16px #ffab4d66;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-google{background:var(--bg-primary);border:2px solid var(--border-light);box-shadow:none;color:var(--text-primary)}.btn-google:hover:not(:disabled){background:var(--neutral-50);border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(0)}.divider{align-items:center;display:flex;margin:24px 0;position:relative;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--border-light);content:"";flex:1 1}.divider span{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;padding:0 16px;text-transform:uppercase}.login-footer{margin-top:32px;text-align:center}.footer-text{font-size:13px;margin:0}.btn-link,.footer-text{color:var(--text-secondary)}.btn-link{background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;text-align:center;transition:var(--transition-fast);width:100%}.btn-link:hover{color:#ffab4d}.forgot-password-link{margin-bottom:-8px;margin-top:-8px}.reset-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 8px;text-align:center}.reset-success{padding:16px 0;text-align:center}.reset-success p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 8px}.reset-success strong{color:var(--text-primary)}@media (max-width:768px){.login-card{max-width:100%;padding:32px 24px}.login-title{font-size:24px}.logo-container{height:64px;width:64px}}@media (max-width:480px){.login-container{padding:16px}.login-card{border-radius:var(--radius-lg);padding:24px 20px}.btn{padding:12px 20px}}.activity-feed{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;padding:24px}.activity-feed-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.activity-feed-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0}.activity-feed-count{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;padding:4px 10px}.activity-feed-list{display:flex;flex-direction:column;gap:12px}.activity-feed-list--scrollable{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.activity-feed-sentinel{height:1px;pointer-events:none;visibility:hidden}.activity-feed-load-more{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:#ffab4d;cursor:pointer;display:block;font-family:Aleo,serif;font-size:13px;font-weight:600;margin-top:12px;padding:10px 16px;transition:all .2s ease;width:100%}.activity-feed-load-more:hover{background:#ffab4d14;border-color:#ffab4d}.activity-item{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:12px;padding:12px;transition:all .2s ease}.activity-item.clickable{cursor:pointer}.activity-item.clickable:hover{background:var(--bg-secondary);transform:translateX(4px)}.activity-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.activity-avatar img{height:100%;object-fit:cover;width:100%}.activity-icon{font-size:20px!important;height:20px!important;width:20px!important}.activity-content{flex:1 1;min-width:0}.activity-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.activity-description{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;line-height:1.5;margin-bottom:6px}.activity-timestamp{color:var(--text-tertiary);font-family:Aleo,serif;font-size:12px}.activity-badge{align-items:center;color:#22c55e;display:flex;flex-shrink:0}.badge-icon{font-size:18px!important;height:18px!important;width:18px!important}.activity-feed-loading{display:flex;flex-direction:column;gap:12px}.activity-item-skeleton{align-items:flex-start;display:flex;gap:12px;padding:12px}.skeleton-avatar{animation:skeleton-loading 1.5s ease-in-out infinite;background:var(--bg-secondary);border-radius:50%;flex-shrink:0;height:40px;width:40px}.activity-feed-empty{color:var(--text-secondary);padding:40px 20px;text-align:center}.activity-feed-empty p{font-family:Aleo,serif;font-size:14px;margin:0}@media (max-width:768px){.activity-feed{padding:20px}.activity-item{padding:10px}}.activity-timeline-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;padding:24px}.timeline-list{display:flex;flex:1 1;flex-direction:column;gap:0;max-height:400px;overflow-y:auto}.timeline-item{display:flex;gap:16px;padding:12px 0;position:relative;transition:all .2s ease}.timeline-item.clickable{cursor:pointer}.timeline-item.clickable:hover{background:#ffab4d0d;border-radius:var(--radius-sm);padding-left:8px;padding-right:8px}.timeline-line-container{flex-direction:column;flex-shrink:0}.timeline-dot,.timeline-line-container{align-items:center;display:flex;position:relative}.timeline-dot{background:var(--bg-primary);border:2px solid;border-radius:50%;height:40px;justify-content:center;width:40px;z-index:1}.timeline-icon{font-size:18px!important;height:18px!important;width:18px!important}.timeline-line{flex:1 1;margin-top:4px;min-height:20px;width:2px}.timeline-content{flex:1 1;min-width:0;padding-top:2px}.timeline-description{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;line-height:1.5;margin:0 0 4px}.timeline-timestamp{color:var(--text-tertiary);font-family:Aleo,serif;font-size:12px}.timeline-item-skeleton{display:flex;gap:16px;padding:12px 0}.skeleton-dot{animation:skeleton-loading 1.5s ease-in-out infinite;background:var(--bg-secondary);border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton-content{padding-top:2px}.skeleton-line{background:var(--bg-secondary)}.widget-loading{gap:0}@media (max-width:768px){.activity-timeline-widget{padding:20px}.timeline-item{padding:10px 0}}.notifications-summary-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;padding:24px}.notification-count-badge{align-items:center;background:#ff8c00;border-radius:20px;box-sizing:border-box;color:#fff;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;margin-left:8px;min-width:20px;padding:0 6px}.notifications-list{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.notification-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:12px;padding:16px;transition:all .2s ease}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:linear-gradient(135deg,#ffab4d0d,#ff47130d);border-color:#ffab4d;transform:translateX(4px)}.notification-icon-container{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon{font-size:20px!important;height:20px!important;width:20px!important}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.notification-title{color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.4;margin:0}.notification-dismiss{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.notification-dismiss:hover{background:var(--bg-primary);color:var(--text-primary)}.notification-dismiss svg{font-size:16px!important;height:16px!important;width:16px!important}.notification-message{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;line-height:1.5;margin:0 0 6px}.notification-timestamp{color:var(--text-tertiary);font-family:Aleo,serif;font-size:12px}.notification-item-skeleton{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:12px;padding:16px}.skeleton-icon{animation:skeleton-loading 1.5s ease-in-out infinite;background:var(--bg-primary);border-radius:var(--radius-sm);flex-shrink:0;height:40px;width:40px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:8px}@media (max-width:768px){.notifications-summary-widget{padding:20px}.notification-item{padding:12px}}.ft-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;padding:24px}.ft-count-badge{background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:10px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;margin-left:8px;min-width:20px;padding:2px 8px;text-align:center}.ft-tabs{border-bottom:1px solid var(--border-light);display:flex;gap:0;margin-bottom:16px}.ft-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;margin-bottom:-1px;padding:10px 16px;transition:all .15s ease}.ft-tab:hover{color:var(--text-primary)}.ft-tab.active{border-bottom-color:#ffab4d;color:#ffab4d}.ft-tab svg{font-size:16px!important}.ft-tab-count{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:11px;font-weight:700;margin-left:2px;padding:1px 7px}.ft-tab.active .ft-tab-count{background:#ffab4d26;color:#ffab4d}.ft-list{display:flex;flex:1 1;flex-direction:column;gap:14px;max-height:520px;overflow-y:auto}.ft-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:16px;padding:18px;transition:all .2s ease}.ft-item.clickable{cursor:pointer}.ft-item.clickable:hover{background:linear-gradient(135deg,#ffab4d0d,#ff47130d);border-color:#ffab4d;transform:translateX(4px)}.ft-thumb{border-radius:var(--radius-md);flex-shrink:0;height:96px;overflow:hidden;width:96px}.ft-thumb img{height:100%;object-fit:cover;width:100%}.ft-thumb-fallback{align-items:center;border-radius:var(--radius-sm);display:flex;height:100%;justify-content:center;width:100%}.ft-icon{font-size:28px!important;height:28px!important;width:28px!important}.ft-content{flex:1 1;min-width:0}.ft-item-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-item-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:Aleo,serif;font-size:13px;line-height:1.5;margin:0 0 8px;overflow:hidden;white-space:normal}.ft-item-meta{align-items:center;display:flex;gap:8px}.ft-item-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;white-space:nowrap}.ft-item-timestamp{color:var(--text-tertiary);font-family:Aleo,serif;font-size:12px}.ft-empty{color:var(--text-secondary);padding:40px 20px;text-align:center}.ft-empty p{font-family:Aleo,serif;font-size:14px;line-height:1.5;margin:0}.ft-loading{display:flex;flex-direction:column;gap:12px}.ft-item-skeleton{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:12px;padding:16px}.ft-skeleton-icon{animation:ft-skeleton-loading 1.5s ease-in-out infinite;background:var(--bg-primary);border-radius:var(--radius-sm);flex-shrink:0;height:40px;width:40px}.ft-skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.ft-skeleton-line{animation:ft-skeleton-loading 1.5s ease-in-out infinite;background:var(--bg-primary);border-radius:4px;height:14px}.ft-skeleton-line.short{width:60%}@keyframes ft-skeleton-loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.ft-widget{padding:20px}.ft-item{padding:12px}.ft-tab{font-size:12px;padding:8px 12px}}.recent-events-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;padding:24px}.widget-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.widget-title-section{align-items:center;display:flex;gap:12px}.widget-icon{color:#ffab4d;font-size:24px!important;height:24px!important;width:24px!important}.widget-title{color:var(--text-primary);font-size:18px;letter-spacing:-.2px;margin:0}.widget-title,.widget-view-all{font-family:Poppins,sans-serif;font-weight:600}.widget-view-all{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s ease}.widget-view-all:hover{background:var(--bg-secondary);border-color:#ffab4d;color:#ffab4d}.events-list{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.event-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;padding:14px;transition:all .2s ease}.event-item:hover{background:linear-gradient(135deg,#ffab4d0d,#ff47130d);border-color:#ffab4d;box-shadow:0 2px 8px #ffab4d26;transform:translateX(4px)}.event-item-content{align-items:flex-start;display:flex;gap:14px}.event-thumbnail{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;height:80px;justify-content:center;min-width:80px;overflow:hidden;width:80px}.event-thumbnail img{height:100%;object-fit:cover;width:100%}.event-thumbnail-placeholder{color:var(--text-tertiary)}.event-thumbnail-placeholder svg{font-size:32px!important;opacity:.4}.event-item-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.event-item-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.event-header-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:15px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.event-title,.event-type-label{font-family:Poppins,sans-serif;font-weight:600}.event-type-label{color:#ffab4d;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.event-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:Aleo,serif;font-size:13px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.event-badge{border-radius:12px;display:inline-block;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:4px 10px;text-transform:uppercase}.event-badge.badge-today{background:#f443361a;color:#f44336}.event-badge.badge-soon{background:#ff98001a;color:#ff9800}.event-badge.badge-week{background:#ffab4d1a;color:#ffab4d}.event-item-details{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:4px}.event-detail{align-items:center;color:var(--text-secondary);display:flex;font-family:Aleo,serif;font-size:12px;gap:6px;white-space:nowrap}.event-detail svg{color:var(--text-tertiary);flex-shrink:0;font-size:14px!important;height:14px!important;width:14px!important}.widget-loading{display:flex;flex-direction:column;gap:12px}.event-item-skeleton{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px}.skeleton-line{animation:skeleton-loading 1.5s ease-in-out infinite;background:var(--bg-primary);border-radius:4px;height:14px;margin-bottom:8px}.skeleton-line.short{width:60%}.widget-empty{color:var(--text-secondary);padding:40px 20px;text-align:center}.widget-empty p{font-family:Aleo,serif;font-size:14px;margin:0}@media (max-width:768px){.recent-events-widget{padding:20px}.event-item{padding:12px}.event-thumbnail{height:60px;min-width:60px;width:60px}.event-title{font-size:14px}.event-description{font-size:12px}.event-detail{font-size:11px}.event-item-details{gap:6px 8px}}.dashboard-kpi-card{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-kpi-card:before{background:linear-gradient(90deg,#ffab4d,#ff4713);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-kpi-card.clickable{cursor:pointer}.dashboard-kpi-card.clickable:hover{border-color:var(--border-medium);box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a;transform:translateY(-2px)}.dashboard-kpi-card.clickable:hover:before{opacity:1}.dashboard-kpi-card.clickable:active{transform:translateY(0)}.dashboard-kpi-card.clickable:focus{outline:2px solid #ffab4d;outline-offset:2px}.kpi-card-icon{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:var(--radius-md);box-shadow:0 4px 12px #ffab4d40;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.dashboard-kpi-card:hover .kpi-card-icon{box-shadow:0 4px 16px #ffab4d59;transform:scale(1.05)}.kpi-card-icon svg{font-size:28px!important;height:28px!important;width:28px!important}.kpi-card-content{flex:1 1;min-width:0}.kpi-card-header{margin-bottom:8px}.kpi-card-title{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kpi-card-title,.kpi-card-value{font-family:Poppins,sans-serif;line-height:1.2;margin:0}.kpi-card-value{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px}.kpi-card-subtitle{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;line-height:1.4;margin-top:8px}.kpi-card-loading{margin:8px 0}.kpi-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,#ffffff1a 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:4px;height:20px;width:60px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.dashboard-kpi-card{gap:16px;padding:20px}.kpi-card-icon{height:48px;width:48px}.kpi-card-icon svg{font-size:24px!important;height:24px!important;width:24px!important}.kpi-card-value{font-size:28px}}.so-strip{align-items:stretch;display:flex;gap:0;height:100%;overflow-x:auto}.so-stat{cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:12px 16px;position:relative;transition:background .12s}.so-stat,.so-stat:first-child{border-left:3px solid #ffab4d;border-left:3px solid var(--so-accent,#ffab4d)}.so-stat:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.so-stat--alert .so-val{color:#dc2626}.so-val{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.so-lbl{font-size:11px;font-weight:500;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.so-analytics,.so-lbl{color:var(--text-secondary);font-family:Poppins,sans-serif}.so-analytics{align-items:center;border-left:1px solid #e5e7eb;border-left:1px solid var(--border-light,#e5e7eb);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:0 18px;transition:color .12s;white-space:nowrap}.so-analytics:hover{color:#ffab4d}.so-stat--skeleton{border-left-color:#e5e7eb!important;border-left-color:var(--border-light,#e5e7eb)!important;cursor:default}.so-skel-val{border-radius:4px;height:20px;width:40px}.so-skel-lbl,.so-skel-val{animation:so-shimmer 1.5s ease-in-out infinite;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.so-skel-lbl{animation-delay:.15s;border-radius:3px;height:11px;margin-top:4px;width:56px}@keyframes so-shimmer{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:900px){.so-strip{flex-wrap:wrap}.so-stat{flex-basis:calc(33.3% - 1px);flex-grow:0;flex-shrink:0}.so-analytics{border-left:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);flex:0 0 100%;justify-content:center;padding:10px}}@media (max-width:480px){.so-stat{flex-basis:calc(50% - 1px);flex-grow:0;flex-shrink:0}}.ht-tour-overlay{background:#0000008c;inset:0;position:fixed;transition:background .2s ease;z-index:9999}.ht-tour-overlay--clear{background:#0000}.ht-tour-spotlight{border:3px solid #ffab4d;border-radius:8px;box-shadow:0 0 0 4px #ffab4d73,0 0 0 9999px #0009;pointer-events:none;position:fixed;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;z-index:10000}.ht-tour-popover{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000059;font-family:Poppins,sans-serif;padding:18px 20px 14px;position:fixed;transition:top .25s ease,left .25s ease;width:340px;z-index:10001}.ht-tour-popover.center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.ht-tour-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s;width:26px}.ht-tour-close:hover{background:#f3f4f6}.ht-tour-step-counter{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.ht-tour-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin:4px 0 8px;padding-right:24px}.ht-tour-content{color:#6b7280;font-family:Aleo,serif;font-size:13.5px;line-height:1.55;margin:0 0 16px}.ht-tour-actions{align-items:center;display:flex;gap:6px;justify-content:space-between}.ht-tour-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:4px;padding:7px 14px;transition:all .15s ease}.ht-tour-btn.primary{background:#f97316;color:#fff}.ht-tour-btn.primary:hover{background:#ea580c}.ht-tour-btn.secondary{background:#f3f4f6;color:#1f2937}.ht-tour-btn.secondary:hover{background:#e5e7eb}.ht-tour-btn:disabled{cursor:not-allowed;opacity:.4}.ht-tour-skip{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:4px 8px;transition:color .15s}.ht-tour-skip:hover{color:#1f2937}.ht-launcher-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .15s;width:36px}.ht-launcher-btn:hover{background:#f973160f;border-color:#f97316;color:#f97316}.phm-overlay{align-items:center;animation:phm-fade-in .18s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9998}@keyframes phm-fade-in{0%{opacity:0}to{opacity:1}}.phm-modal{animation:phm-slide-up .22s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;font-family:Poppins,sans-serif;max-height:85vh;overflow-y:auto;width:100%}@keyframes phm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.phm-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.phm-header h2{color:#1f2937;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.phm-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.phm-close:hover{background:#f3f4f6}.phm-body{padding:8px 24px 20px}.phm-tour-launch-btn{align-items:center;background:linear-gradient(135deg,#f97316,#fb923c);border:none;border-radius:12px;box-shadow:0 2px 8px #f973164d;color:#fff;cursor:pointer;display:flex;gap:12px;margin:8px 0 16px;padding:14px 16px;text-align:left;transition:transform .15s ease,box-shadow .15s ease;width:100%}.phm-tour-launch-btn:hover{box-shadow:0 4px 12px #f9731666;transform:translateY(-1px)}.phm-tour-launch-btn svg{flex-shrink:0;font-size:28px!important}.phm-tour-launch-text{display:flex;flex-direction:column;gap:2px}.phm-tour-launch-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.phm-tour-launch-sub{font-family:Aleo,serif;font-size:12px;opacity:.9}.phm-section{border-bottom:1px solid #e5e7eb}.phm-section:last-child{border-bottom:none}.phm-section-header{align-items:center;background:#0000;border:none;color:#1f2937;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 0;text-align:left;transition:color .15s;width:100%}.phm-section-header:hover{color:#f97316}.phm-section-content{color:#6b7280;font-family:Aleo,serif;font-size:13px;line-height:1.6;padding:0 0 14px}.phm-section-content ul{margin:0;padding:0 0 0 18px}.phm-section-content li{margin-bottom:6px}.phm-section-content li:last-child{margin-bottom:0}.toast{align-items:center;animation:toastSlideIn .3s ease-out;background:var(--bg-primary);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a;display:flex;font-family:Aleo,serif;gap:12px;max-width:500px;min-width:320px;padding:16px 20px;position:relative}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:24px}.toast-content{flex:1 1;min-width:0}.toast-message{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:color .2s ease,background .2s ease}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-close svg{font-size:18px}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}@media (max-width:768px){.toast{max-width:none;min-width:auto}}.toast-container{bottom:24px;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none;position:fixed;right:24px;z-index:10000}.toast-container>*{pointer-events:auto}@media (max-width:768px){.toast-container{bottom:16px;left:16px;right:16px}}.react-grid-layout{transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-layout{position:relative;transition:height .3s ease}.react-grid-item{transition:transform .2s ease,width .2s ease,height .2s ease}.react-grid-item.react-draggable-dragging,.react-grid-item.resizing{transition:none!important;z-index:100}.react-grid-item.react-grid-placeholder{background:#ffab4d!important;background:var(--accent-color,#ffab4d)!important;border:2px dashed #ffab4d!important;border:2px dashed var(--accent-color,#ffab4d)!important;border-radius:12px;opacity:.12!important}.react-grid-item>.react-resizable-handle{height:20px;width:20px;z-index:10}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #9ca3af!important;border-bottom:2px solid var(--text-secondary,#9ca3af)!important;border-right:2px solid #9ca3af!important;border-right:2px solid var(--text-secondary,#9ca3af)!important;bottom:5px!important;height:7px!important;right:5px!important;width:7px!important}.widget-chrome{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px}.widget-chrome,.widget-chrome--edit-mode{background:#fff;background:var(--bg-card,#fff);box-shadow:0 1px 3px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden}.widget-chrome--edit-mode{border:2px dashed #e5e7eb;border:2px dashed var(--border-light,#e5e7eb);border-radius:12px;position:relative;transition:border-color .15s,box-shadow .15s}.widget-chrome--edit-mode:hover{border-color:#ffab4d;border-color:var(--accent-color,#ffab4d);box-shadow:0 0 0 1px #ffab4d,0 2px 8px #ffab4d26;box-shadow:0 0 0 1px var(--accent-color,#ffab4d),0 2px 8px #ffab4d26}.widget-chrome__header{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);border-radius:10px 10px 0 0;display:flex;flex-shrink:0;gap:6px;min-height:34px;padding:5px 10px}.widget-drag-handle{align-items:center;border-radius:4px;color:var(--text-secondary);cursor:grab;display:flex;padding:3px;transition:background .1s}.widget-drag-handle:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.widget-drag-handle:active{cursor:grabbing}.widget-chrome__name{color:var(--text-secondary);flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-chrome__actions{align-items:center;display:flex;gap:4px}.widget-chrome__config-btn,.widget-chrome__remove-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .1s,color .1s;width:26px}.widget-chrome__config-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:var(--text-primary)}.widget-chrome__remove-btn:hover{background:#fee2e2;color:#dc2626}.widget-chrome__content{flex:1 1;min-height:0;overflow:auto;padding:0}.widget-chrome__content--editing{opacity:.75;pointer-events:none}.widget-config-popover{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;padding:12px 14px;position:fixed;z-index:200}.widget-config-popover__title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;margin:0 0 10px}.widget-config-popover__field{margin-bottom:10px}.widget-config-popover__field:last-child{margin-bottom:0}.widget-config-popover__field label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.widget-config-popover__field input[type=number],.widget-config-popover__field select{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;font-family:inherit;font-size:13px;outline:none;padding:6px 8px;transition:border-color .15s;width:100%}.widget-config-popover__field input[type=number]:focus,.widget-config-popover__field select:focus{border-color:#ffab4d;border-color:var(--accent-color,#ffab4d)}.widget-config-popover__field input[type=checkbox]{accent-color:#ffab4d;accent-color:var(--accent-color,#ffab4d)}.edit-mode-toolbar{align-items:center;animation:toolbar-slide-down .25s ease-out;background:#ffab4d;background:var(--accent-color,#ffab4d);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 20px}@keyframes toolbar-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-mode-toolbar__left{align-items:center;display:flex;gap:8px}.edit-mode-toolbar__dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.edit-mode-toolbar__label{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.edit-mode-toolbar__center,.edit-mode-toolbar__right{display:flex;gap:8px}.edit-mode-toolbar__btn{align-items:center;background:#fff3;border:2px solid #fff9;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:5px;padding:6px 14px;transition:background .15s,border-color .15s}.edit-mode-toolbar__btn:hover{background:#ffffff59;border-color:#fff}.edit-mode-toolbar__btn--done{background:#fff;border-color:#fff;color:#ffab4d;color:var(--accent-color,#ffab4d)}.edit-mode-toolbar__btn--done:hover{background:#fff;opacity:.9}.edit-mode-toolbar__btn--secondary{background:#0000;border-color:#fff6}.edit-mode-toolbar__btn:disabled{cursor:not-allowed;opacity:.45}.edit-mode-toolbar__status{align-items:center;background:#ffffff2e;border-radius:999px;color:#fff;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:6px;margin-left:10px;padding:4px 10px;transition:background .2s ease,opacity .2s ease}.edit-mode-toolbar__status--saving{background:#ffffff38}.edit-mode-toolbar__status--saving svg{animation:cloud-sync-spin 1.4s linear infinite}.edit-mode-toolbar__status--saved{background:#ffffff40;color:#fff}@keyframes cloud-sync-spin{to{transform:rotate(1turn)}}.layout-preset-menu{display:inline-flex;position:relative}.layout-preset-menu__panel{animation:customizeHintIn .18s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;box-shadow:0 12px 32px #0000002e;padding:8px;position:absolute;right:0;top:calc(100% + 6px);width:280px;z-index:30}.layout-preset-menu__hint{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.4;margin:4px 8px 8px}.layout-preset-menu__item{align-items:flex-start;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:2px;padding:10px 12px;text-align:left;transition:background .12s;width:100%}.layout-preset-menu__item:hover{background:#fff4e5}.layout-preset-menu__item-label{color:var(--text-primary);font-size:13.5px;font-weight:600}.layout-preset-menu__item-desc{color:var(--text-secondary);font-size:12px;font-weight:400}.widget-chrome{position:relative}.widget-chrome__view-menu{opacity:0;position:absolute;right:8px;top:8px;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease;z-index:2}.widget-chrome:hover .widget-chrome__view-menu,.widget-chrome__view-menu--open{opacity:1;transform:translateY(0)}.widget-chrome__view-menu-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:28px}.widget-chrome__view-menu-btn:hover{background:#fff;border-color:#d1d5db;border-color:var(--border-medium,#d1d5db);color:var(--text-primary)}.widget-chrome__view-menu-panel{animation:customizeHintIn .18s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;box-shadow:0 12px 32px #0000002e;padding:6px;position:absolute;right:0;top:calc(100% + 4px);width:200px}.widget-chrome__view-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:8px 10px;text-align:left;transition:background .1s;width:100%}.widget-chrome__view-menu-item:hover{background:#fff4e5;color:#b8550a}.widget-chrome__view-menu-item--danger{color:#b91c1c}.widget-chrome__view-menu-item--danger:hover{background:#ef444414;color:#991b1b}.dashboard-empty-hint{align-items:center;background:linear-gradient(135deg,#fff4e580,#ffebcf66);border:1.5px dashed #ffab4d73;border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:12px 0 0;padding:22px 24px}.dashboard-empty-hint__text{display:flex;flex-direction:column;gap:2px}.dashboard-empty-hint__title{color:#8e4007;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.dashboard-empty-hint__sub{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12.5px;font-weight:400}.dashboard-empty-hint__cta{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff8c2a);border:none;border-radius:999px;box-shadow:0 2px 6px #ff8c2a4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:transform .12s,box-shadow .12s}.dashboard-empty-hint__cta:hover{box-shadow:0 4px 10px #ff8c2a59;transform:translateY(-1px)}.widget-catalog-overlay{animation:overlay-fade-in .15s ease;background:#0003;inset:0;position:fixed;z-index:999}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.widget-catalog-drawer{animation:drawer-slide-in .2s ease-out;background:#fff;background:var(--bg-card,#fff);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:360px;z-index:1000}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.widget-catalog-drawer__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.widget-catalog-drawer__header h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;margin:0}.widget-catalog-drawer__close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .1s;width:32px}.widget-catalog-drawer__close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.widget-catalog-drawer__search{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;padding:12px 20px}.widget-catalog-drawer__search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;outline:none}.widget-catalog-drawer__search input::placeholder{color:var(--text-secondary)}.widget-catalog-drawer__body{flex:1 1;overflow-y:auto;padding:8px 0}.widget-catalog-group{margin-bottom:8px;padding:0 20px}.widget-catalog-group__title{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0;padding:10px 0 6px;text-transform:uppercase}.widget-catalog-group--recommended{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--border-light,#e5e7eb);margin-bottom:8px;padding-bottom:8px}.widget-catalog-group__title--featured{align-items:center;color:#b8550a;display:inline-flex;font-size:12.5px;gap:6px;letter-spacing:0;text-transform:none}.widget-catalog-item{align-items:center;border-radius:8px;cursor:default;display:flex;gap:10px;padding:10px 12px;transition:background .1s}.widget-catalog-item:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.widget-catalog-item--disabled{opacity:.6}.widget-catalog-item__icon{align-items:center;background:#fff8f0;border-radius:8px;color:#ffab4d;color:var(--accent-color,#ffab4d);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.widget-catalog-item__info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.widget-catalog-item__name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.widget-catalog-item__desc{color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-catalog-item__add{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:3px;padding:5px 10px;transition:background .1s,border-color .1s}.widget-catalog-item__add:hover:not(:disabled){background:#fff8f0;border-color:#ffab4d;border-color:var(--accent-color,#ffab4d);color:#ffab4d;color:var(--accent-color,#ffab4d)}.widget-catalog-item__add:disabled{color:var(--text-secondary);cursor:default;opacity:.7}.customize-dashboard-btn,.customize-dashboard-btn-wrap{display:inline-flex;position:relative}.customize-dashboard-btn{align-items:center;background:linear-gradient(135deg,#fff4e5,#ffe6cc);border:1px solid #ffab4d59;border-radius:999px;box-shadow:0 1px 2px #ffab4d2e;color:#b8550a;cursor:pointer;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;gap:6px;padding:8px 16px;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s;white-space:nowrap}.customize-dashboard-btn:hover{background:linear-gradient(135deg,#ffe9c9,#ffd7a8);border-color:#ffab4d;border-color:var(--accent-color,#ffab4d);box-shadow:0 4px 10px #ffab4d47;color:#8e4007;transform:translateY(-1px)}.customize-dashboard-btn:active{box-shadow:0 1px 2px #ffab4d2e;transform:translateY(0)}.customize-dashboard-btn--active{background:linear-gradient(135deg,#ffab4d,#ff8c2a);border-color:#ff8c2a;box-shadow:0 2px 6px #ff8c2a59;color:#fff}.customize-dashboard-btn--active:hover{background:linear-gradient(135deg,#f93,#ff7a14);border-color:#ff7a14;color:#fff}.customize-dashboard-btn--pulse:before{animation:customizePulse 1.9s cubic-bezier(.4,0,.6,1) infinite;border-radius:999px;box-shadow:0 0 0 0 #ff8c2a8c;content:"";inset:-3px;pointer-events:none;position:absolute}@keyframes customizePulse{0%{box-shadow:0 0 0 0 #ff8c2a8c}70%{box-shadow:0 0 0 14px #ff8c2a00}to{box-shadow:0 0 0 0 #ff8c2a00}}.customize-dashboard-btn__hint{align-items:center;animation:customizeHintIn .35s ease-out;background:#1f2937;border-radius:8px;box-shadow:0 8px 24px #00000040;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:500;gap:8px;padding:8px 12px;position:absolute;right:0;top:calc(100% + 10px);white-space:nowrap;z-index:30}.customize-dashboard-btn__hint:before{background:#1f2937;border-radius:1px;content:"";height:10px;position:absolute;right:22px;top:-5px;transform:rotate(45deg);width:10px}.customize-dashboard-btn__hint-pill{background:#ffab4d;border-radius:4px;color:#1f2937;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.customize-dashboard-btn__hint-close{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:inline-flex;padding:0 2px}.customize-dashboard-btn__hint-close:hover{color:#fff}@keyframes customizeHintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.widget-chrome .accreditation-health-widget,.widget-chrome .activity-feed,.widget-chrome .activity-timeline-widget,.widget-chrome .dashboard-kpi-card,.widget-chrome .ft-widget,.widget-chrome .info-card,.widget-chrome .notifications-summary-widget,.widget-chrome .overview-widget,.widget-chrome .recent-events-widget,.widget-chrome .stats-overview-widget{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;height:100%}.widget-chrome .activity-feed-list,.widget-chrome .activity-feed-list--scrollable,.widget-chrome .events-list,.widget-chrome .ft-list,.widget-chrome .notifications-list,.widget-chrome .timeline-list{flex:1 1;max-height:none!important;overflow-y:auto}.widget-chrome .dashboard-kpi-card{justify-content:center;padding:16px 20px!important}.widget-chrome .welcome-section{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:16px 24px}.widget-chrome__content:has(.welcome-section){overflow:hidden}.widget-chrome .info-card{padding:20px!important}.widget-chrome .info-card-empty{align-items:center;display:flex;flex:1 1;justify-content:center}.widget-chrome .info-card-content{display:flex;flex:1 1;flex-direction:column}.widget-chrome:has(.school-info-card){background:#0000!important;border:none!important;box-shadow:none!important}.widget-chrome .school-info-card{box-sizing:border-box;height:100%;margin-bottom:0}.widget-chrome .accreditation-health-widget{padding:20px!important}.widget-chrome .activity-feed-empty,.widget-chrome .ft-empty,.widget-chrome .info-card-empty,.widget-chrome .widget-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;justify-content:center;min-height:80px}@media (max-width:768px){.edit-mode-toolbar{flex-direction:column;gap:8px;padding:10px 14px}.edit-mode-toolbar__center,.edit-mode-toolbar__right{justify-content:center;width:100%}.widget-catalog-drawer{max-width:100vw;width:100%}}.dashboard-missing-widget{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px dashed #cbd5e1;border:1px dashed var(--border-light,#cbd5e1);border-radius:10px;box-sizing:border-box;display:flex;font-family:Poppins,sans-serif;gap:12px;height:100%;padding:16px 18px;width:100%}.dashboard-missing-widget__icon{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.dashboard-missing-widget__body{display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-missing-widget__title{color:var(--text-primary);font-size:14px;font-weight:600}.dashboard-missing-widget__detail{color:var(--text-secondary);font-size:13px;line-height:1.45}.dashboard-missing-widget__id{color:var(--text-secondary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;margin-top:2px;opacity:.7}.dashboard-container{background:var(--bg-secondary);display:flex;min-height:100vh}.btn-signout:focus,.stat-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn-signout{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.btn-signout:hover{background:var(--neutral-100);border-color:var(--border-medium);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.btn-signout:active{background:var(--neutral-200);transform:translateY(0)}.dashboard-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.dashboard-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1 auto;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;width:100%}.welcome-section{margin-bottom:40px}.welcome-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0 0 12px}.welcome-subtitle{color:var(--neutral-700);font-family:Aleo,serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}.alert{animation:slideDown .3s ease-out;border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:24px;overflow:hidden;padding:18px 24px;position:relative}.alert-compact{gap:14px;min-height:auto;padding:14px 20px}.alert-compact .alert-icon{align-self:center;font-size:18px!important;height:20px;margin-top:0;max-height:20px;max-width:20px;min-height:20px;min-width:20px;width:20px}.alert-compact .alert-content h4{font-size:15px;margin-bottom:0}.alert-compact .alert-content p{font-size:14px}.alert-header{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.alert-header h4{flex:1 1;margin:0;min-width:0}.alert-collapse,.alert-expand{align-items:center;background:#f7b8011f;border:none;border-radius:6px;color:#d69400;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.1px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.alert-collapse:hover,.alert-expand:hover{background:#f7b80133;box-shadow:0 2px 4px #f7b80133;color:#b8860b;transform:translateY(-1px)}.alert-collapse:active,.alert-expand:active{transform:translateY(0)}.alert-details{border-top:1px solid #f7b80133;display:block;margin:12px 0 0;padding-top:12px}.alert:before{background:currentColor;border-radius:var(--radius-lg) 0 0 var(--radius-lg);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-warning{background:linear-gradient(135deg,#ffeb99,#ffe58f);border:1px solid #f7b80159;box-shadow:0 2px 8px #f7b8011a,0 1px 3px #0000000d;color:#d69400}.alert-icon{align-items:center;background:none;border-radius:0;color:#d69400!important;display:flex;flex-shrink:0;font-size:20px!important;height:24px;justify-content:center;line-height:1;margin-top:0;max-height:24px;max-width:24px;min-height:24px;min-width:24px;opacity:.95;overflow:hidden;width:24px}.alert-content{flex:1 1;min-width:0}.alert-content h4{color:#b8860b;font-size:15px;font-weight:600;letter-spacing:-.1px;line-height:1.4;margin:0}.alert-content p{color:#a67c00;font-size:14px;font-weight:400;line-height:1.6;margin:0;opacity:.9}.alert-dismiss{align-items:center;background:#f7b8011f;border:none;border-radius:6px;color:#d69400;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:8px;min-height:28px;min-width:28px;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.alert-dismiss:hover{background:#f7b80133;color:#b8860b;transform:scale(1.05)}.alert-dismiss:active{transform:scale(.95)}.alert svg:not(.alert-icon){flex-shrink:0;font-size:16px!important}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;cursor:pointer;gap:20px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card,.stat-card:hover{background:var(--bg-primary)}.stat-card:hover{border-color:var(--border-medium);box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a;transform:translateY(-2px)}.stat-card:active{transform:translateY(0)}.stat-icon{border-radius:var(--radius-md);box-shadow:0 4px 12px #ffab4d40;flex-shrink:0;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.stat-card:hover .stat-icon,.stat-icon{background:linear-gradient(135deg,#ffab4d,#ff4713)}.stat-card:hover .stat-icon{box-shadow:0 4px 16px #ffab4d59;transform:none}.stat-icon-svg{font-size:28px!important;height:28px!important;width:28px!important}.stat-empty-message{color:var(--text-disabled);font-size:11px;font-style:italic;font-weight:400;margin:4px 0 0;opacity:.7}.stat-content{flex:1 1}.stat-number{font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 6px}.stat-label,.stat-number{color:var(--text-primary);font-family:Poppins,sans-serif}.stat-label{font-size:16px;font-weight:600;letter-spacing:-.1px;margin:0}.feature-section{margin-top:48px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{box-shadow:0 4px 12px #00000014,0 8px 16px #0000000a;transform:translateY(-2px)}.feature-icon{color:#ffab4d!important;font-size:24px!important;height:24px!important;margin-bottom:4px;width:24px!important}.feature-card h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 4px}.feature-card p{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;font-weight:400;line-height:1.65;margin:0}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-content{box-sizing:border-box;max-width:100vw;padding:16px;width:100%}.stats-grid{grid-template-columns:1fr;max-width:100%;width:100%}.page-title{font-size:16px}.dashboard-content>*{box-sizing:border-box;max-width:100%}}@media (max-width:480px){.dashboard-content{padding:12px}.feature-grid{grid-template-columns:1fr}}.school-info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:24px;padding:32px;transition:all .2s ease}.school-info-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.school-info-card--compact{align-items:center;display:flex;flex-wrap:wrap;gap:20px;padding:16px 20px}.school-info-card--compact .school-info-header{flex-shrink:0;gap:14px;margin-bottom:0}.school-info-card--compact .school-info-logo,.school-info-card--compact .school-info-logo-placeholder{height:44px;width:44px}.school-info-card--compact .school-info-details h3{font-size:16px;margin:0 0 2px}.school-info-card--compact .school-info-location{font-size:13px}.school-info-card--compact .school-info-stats{border:none;display:flex;flex-shrink:0;gap:20px;margin:0;padding:0}.school-info-card--compact .info-stat{gap:8px}.school-info-card--compact .info-stat svg{font-size:18px}.school-info-card--compact .info-stat strong{font-size:15px;line-height:1.3}.school-info-card--compact .info-stat span{font-size:11px}.school-info-card--compact .edit-school-btn{font-size:13px;margin-left:auto;padding:8px 16px}.school-info-header{align-items:center;display:flex;gap:24px;margin-bottom:24px}.school-info-logo{object-fit:contain}.school-info-logo,.school-info-logo-placeholder{border-radius:var(--radius-md);height:80px;width:80px}.school-info-logo-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-tertiary);display:flex;justify-content:center}.school-info-details h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.school-info-location{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px}.school-info-stats{grid-gap:24px;border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:24px 0}.info-stat{align-items:center;display:flex;gap:12px}.info-stat svg{color:#ffab4d;font-size:24px}.info-stat div{display:flex;flex-direction:column}.info-stat strong{color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.2}.info-stat span{color:var(--text-secondary);font-size:13px}.edit-school-btn{align-items:center;background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.edit-school-btn:hover{background-color:#e68a2e}.info-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden}.info-card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:20px 24px}.info-card-header svg{color:#ffab4d;font-size:24px}.info-card-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.info-card-loading{align-items:center;display:flex;justify-content:center;padding:60px 24px}.info-card-content{cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:24px;transition:background .2s ease}.info-card-content:hover{background:var(--bg-secondary)}.info-card-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;min-width:0}.info-card-title-row h5{flex:1 1;font-size:18px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-card-content h5{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.info-card-date{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:12px}.info-card-date svg{font-size:16px}.info-card-excerpt{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.info-card-btn{align-items:center;background:#0000;border:1px solid #ffab4d;border-radius:var(--radius-md);color:#ffab4d;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.info-card-btn:hover{background:#ffab4d;color:#fff}.info-card-empty{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;font-size:14px;justify-content:center;min-height:120px;padding:60px 24px;text-align:center}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.quick-stat{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.quick-stat:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.quick-stat>svg{color:#ffab4d;font-size:32px}.quick-stat>div{flex:1 1}.quick-stat strong{color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px}.quick-stat p{color:var(--text-secondary);font-size:13px;margin:0}.quick-stat>svg:last-child{color:var(--text-tertiary);font-size:20px}.dashboard-two-column{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-bottom:40px}.dashboard-left-column,.dashboard-right-column{display:flex;flex-direction:column;gap:24px}.dashboard-tables-section{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.table-action-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.table-action-btn:hover{background:var(--bg-primary);color:var(--text-primary);transform:scale(1.1)}.table-action-btn.approve{color:#22c55e}.table-action-btn.approve:hover{background:#22c55e1a}.table-action-btn.reject{color:#ef4444}.table-action-btn.reject:hover{background:#ef44441a}.status-badge{border-radius:12px;letter-spacing:.5px;text-transform:uppercase}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.pending{background:#ffab4d1a;color:#ffab4d}.status-badge.inactive{background:#8e8e931a;color:#757575}.role-badge{background:#ffab4d1a;color:#ffab4d;display:inline-block}.priority-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.priority-badge.urgent{background:#f443361a;color:#f44336}.priority-badge.high{background:#ff98001a;color:#ff9800}.priority-badge.normal{background:#2196f31a;color:#2196f3}.priority-badge.low{background:#9e9e9e1a;color:#9e9e9e}.dashboard-table-priority{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center;padding:4px 10px;white-space:nowrap}.dashboard-table-priority--urgent{background:#f44336f2;color:#fff}.dashboard-table-priority--high{background:#ff9800f2;color:#fff}.dashboard-table-priority--normal{background:#2196f3f2;color:#fff}.dashboard-table-priority--low{background:#9e9e9ef2;color:#fff}.loading-state{padding:60px 20px}.spinner{border-top:3px solid #ffab4d}.portal-overview-section{margin-bottom:40px}.overview-section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 24px}.overview-widgets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.overview-widgets-grid--two-col{grid-template-columns:repeat(2,1fr)}.overview-widget-column{display:flex;flex-direction:column;gap:24px}@media (max-width:1200px){.dashboard-two-column{grid-template-columns:1fr}.overview-widgets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.overview-widgets-grid{grid-template-columns:1fr}.school-info-card--compact{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.school-info-card--compact .school-info-stats{flex-wrap:wrap;gap:12px}.school-info-card--compact .edit-school-btn{justify-content:center;margin-left:0;width:100%}.school-info-header{flex-direction:column;text-align:center}.dashboard-two-column,.info-cards-grid,.quick-stats,.school-info-stats{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.accreditation-health-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;padding:16px 20px;transition:box-shadow .2s,border-color .2s}.accreditation-health-widget:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000f}.accreditation-health-widget .widget-header{align-items:center;color:var(--text-primary);display:flex;gap:8px;margin-bottom:12px}.accreditation-health-widget .widget-header h3{font-size:14px;font-weight:600;margin:0}.accred-stats-row{display:flex;flex-wrap:wrap;gap:16px}.accred-stat{align-items:center;display:flex;flex-direction:column;min-width:60px}.accred-stat-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.accred-stat-label{color:var(--text-secondary);font-size:11px;white-space:nowrap}.accred-stat--warning .accred-stat-value{color:#e68a00}.accred-stat--danger .accred-stat-value{color:#f44336}.schools-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.search-section{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.schools-content{flex:1 1;overflow-y:auto;padding:24px 32px}.top-bar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-title-section h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.page-subtitle{margin:0}.search-section{align-items:flex-start;background:#0000;border-bottom:none;display:flex;flex-wrap:wrap;gap:16px;padding:24px 32px}.search-container{flex:1 1;min-width:300px;position:relative}.search-icon{color:var(--text-secondary);font-size:20px!important;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;height:48px;padding:0 48px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.clear-search{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:var(--transition-fast)}.clear-search:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-stats{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;font-weight:500}.filter-container{align-items:center;background:#0000;border:none;display:flex;min-width:200px;position:relative}.filter-icon{color:var(--text-secondary);font-size:20px!important;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.filter-select.naums-select{background-image:var(--naums-select-chevron);background-position:right 16px center;background-repeat:no-repeat;background-size:12px 12px;border:2px solid var(--border-light);border-radius:var(--radius-lg);box-sizing:border-box;height:48px;padding-left:48px;padding-right:40px;width:100%}.filter-select.naums-select:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a}.loading-state{gap:16px;padding:80px 20px}.loading-state p{color:var(--text-secondary);font-size:15px}.empty-state{gap:12px;padding:80px 20px}.empty-state h3{color:var(--text-primary);font-family:Poppins,sans-serif;margin:0}.empty-state p{color:var(--text-secondary);font-size:15px}.schools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.school-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;min-width:0;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.school-card:hover{border-color:#ffab4d;box-shadow:0 8px 24px #0000001a,0 4px 12px #0000000f;transform:translateY(-3px)}.school-card-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.school-logo,.school-logo-placeholder{border-radius:12px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.school-logo-placeholder{align-items:center;background:linear-gradient(135deg,#7366ff,#a69eff);box-shadow:0 2px 8px #7366ff33;color:#fff;display:flex;justify-content:center}.school-card-title{flex:1 1;min-width:0}.school-card-title h3{word-wrap:break-word;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.35;margin:0 0 3px;overflow-wrap:break-word}.school-location{font-weight:500;line-height:1.4}.school-card-edit-btn{align-items:center;background:#ff99331a;border:none;border-radius:8px;color:#f93;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:0;transition:all .2s ease;width:32px}.school-card:hover .school-card-edit-btn{opacity:1}.school-card-edit-btn:hover{background:#f93;color:#fff}.school-card-details{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:10px;display:flex;flex-direction:column;gap:0;padding:4px 0}.school-detail-row{align-items:center;display:flex;font-family:Aleo,serif;min-height:36px;padding:8px 14px}.school-detail-row svg{color:#ffab4d;flex-shrink:0;font-size:18px!important;margin-right:10px}.school-detail-label{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;width:86px}.school-detail-value{color:var(--text-primary);flex:1 1;font-size:13.5px;font-weight:600;min-width:0;text-align:right}.grade-badges{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.grade-badge{align-items:center;background:#ffab4d1f;border-radius:5px;color:var(--text-primary);display:inline-flex;font-size:12px;font-weight:600;line-height:1.4;padding:2px 8px}.grade-badge-empty{color:var(--text-secondary);font-size:13.5px;font-weight:600}.badge{align-items:center;background:#ffab4d14;border-radius:6px;color:#ff4713;display:inline-flex;font-size:clamp(.625rem,1vw,.6875rem);font-weight:600;gap:4px;letter-spacing:.2px;line-height:1.2;padding:4px 10px}.badge svg{font-size:14px!important}.badge-large{font-size:13px;padding:6px 12px}.modal-content{max-width:700px}.modal-header-actions{gap:12px}.modal-edit-btn{align-items:center;background-color:#f93;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 24px;transition:background-color .2s ease}.modal-edit-btn:hover{background-color:#e68a2e}.modal-delete-btn{align-items:center;background-color:#ef4444;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 24px;transition:background-color .2s ease}.modal-delete-btn:hover{background-color:#dc2626}.modal-body{padding:32px}.school-logo-large{border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;height:128px;margin:0 auto 32px;overflow:hidden;width:128px}.school-logo-large img{height:100%;object-fit:cover;width:100%}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;letter-spacing:-.1px;margin:0 0 16px}.detail-item{display:flex;gap:12px;margin-bottom:12px}.detail-item:last-child{margin-bottom:0}.detail-item svg{color:#ffab4d;flex-shrink:0;font-size:20px!important;margin-top:2px}.detail-item strong{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.detail-item div{flex:1 1}.detail-item a,.detail-item div>div{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.5}.detail-item a{color:#ffab4d;text-decoration:none;transition:var(--transition-fast)}.detail-item a:hover{text-decoration:underline}.detail-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.accreditation-list{display:flex;flex-wrap:wrap;gap:10px}.filter-dropdown-trigger{border-radius:var(--radius-lg);height:48px;min-width:160px;padding:12px 16px}.filter-dropdown-menu{max-height:300px}@media (max-width:768px){.page-title,.page-title-section h1{font-size:24px}.search-section{align-items:stretch;box-sizing:border-box;flex-direction:column;gap:12px;max-width:100%;padding:16px;width:100%}.filter-container,.search-container{min-width:0;width:100%}.schools-content{box-sizing:border-box;max-width:100%;padding:16px;width:100%}.schools-grid{gap:16px;grid-template-columns:1fr;max-width:100%;width:100%}.school-card{padding:16px}.school-card-edit-btn{opacity:1}.modal-content{border-radius:var(--radius-lg);max-width:100%}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-title,.page-title-section h1{font-size:20px}.top-bar{padding:16px 20px}.modal-body,.modal-header{padding:20px}}.schools-view-toggle{align-items:stretch;border:1px solid var(--border-light);border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;margin-left:auto;overflow:hidden}.schools-view-btn{align-items:center;background:var(--bg-primary);border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;min-height:42px;transition:background .15s ease,color .15s ease;width:40px}.schools-view-btn+.schools-view-btn{border-left:1px solid var(--border-light)}.schools-view-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.schools-view-btn.active{background:#ffab4d;color:#fff}.schools-list-wrap{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.schools-list-table{border-collapse:collapse;font-size:14px;width:100%}.schools-list-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.schools-list-table thead th.num{text-align:right}.schools-list-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 16px;vertical-align:middle;white-space:nowrap}.schools-list-table tbody tr:last-child td{border-bottom:none}.schools-list-table td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.schools-list-row{cursor:pointer;transition:background .12s ease}.schools-list-row:hover{background:var(--bg-secondary)}.schools-list-school{align-items:center;display:flex;gap:12px}.schools-list-logo{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.schools-list-logo--placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;justify-content:center}.schools-list-name{align-items:center;display:flex;flex-wrap:wrap;gap:2px}.schools-list-name-text{font-weight:600}.schools-list-table .grade-badges{display:flex;flex-wrap:wrap;gap:4px}.schools-list-actions{text-align:right;width:56px}.back-button{font-family:Aleo,serif;font-size:14px;font-weight:500;gap:6px;padding:0;transition:all .2s ease}.back-button svg{font-size:18px!important}.campus-report{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;margin:0 auto 32px;padding:24px 32px;width:100%}.campus-report-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.2px;margin:0 0 4px}.campus-report-subtitle{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.campus-report-section{border-bottom:1px solid var(--border-light);margin-bottom:12px;padding-bottom:12px}.campus-report-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.campus-report-section h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;margin:0 0 8px}.visibility-settings-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:16px;padding:20px}.visibility-settings-panel h3{font-size:15px;font-weight:600;margin:0 0 4px}.visibility-grid{font-size:13px;margin-top:12px}.visibility-header,.visibility-row{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:1fr repeat(4,56px);padding:4px 0}.visibility-header{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-weight:600;margin-bottom:4px;padding-bottom:8px}.visibility-role-label{font-size:12px;text-align:center}.visibility-section-label{font-size:13px}.visibility-toggle{text-align:center}.visibility-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.visibility-row:hover{background:var(--bg-primary);border-radius:var(--radius-sm)}.campus-demographics-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0;-webkit-user-select:none;user-select:none}.campus-demographics-header:hover{opacity:.8}.campus-demographics-header h3{letter-spacing:.5px;margin:0;text-transform:uppercase}.campus-report-grid{grid-gap:0 32px;display:grid;gap:0 32px;grid-template-columns:1fr 1fr}.campus-report-grid .campus-report-section{margin-bottom:8px;min-width:0;padding-bottom:8px}.campus-hero-row{grid-gap:0 32px;border-bottom:1px solid var(--border-light);display:grid;gap:0 32px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding-bottom:12px}.campus-hero-row .campus-report-section{border-bottom:none;margin-bottom:0;min-width:0;padding-bottom:0}.campus-report-charts{min-height:0}.campus-chart-wrap{margin:0 auto;max-width:100%;width:100%}.campus-mini-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.campus-mini-chart{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px}.campus-mini-chart-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0 0 8px;text-transform:uppercase}.report-dl{grid-gap:3px;gap:3px;margin:0}.report-dl,.report-row{display:grid;min-width:0}.report-row{grid-gap:8px;align-items:baseline;gap:8px;grid-template-columns:minmax(80px,150px) 1fr}.report-row dt{color:var(--text-secondary);font-size:12px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-row dd{color:var(--text-primary);font-size:13px;margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word}.form-section h2{letter-spacing:-.2px}.form-section-col h3{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.school-details-full{border-top:1px solid var(--border-light);margin-top:24px;padding-top:12px}.school-details-full h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.form-row--single{grid-template-columns:1fr}.logo-preview-container{border-bottom:2px solid var(--border-light);margin-bottom:24px;padding-bottom:24px}.logo-preview-container>label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.logo-preview{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;display:flex;height:128px;justify-content:center;overflow:hidden;width:128px}.logo-preview img{height:100%;object-fit:cover;width:100%}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;font-weight:400;height:48px;padding:0 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.form-group input::placeholder{color:var(--text-secondary);font-family:Aleo,serif;opacity:.5}.checkbox-group{flex-wrap:wrap;margin-top:12px}.checkbox-group.grades-grid{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(auto-fill,70px);margin-top:8px}.checkbox-group.accreditation-grid{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,auto));margin-top:8px}.checkbox-group.accreditation-grid .checkbox-label{min-width:100px!important;padding:0 16px!important;width:auto!important}.checkbox-group.accreditation-grid .checkbox-label,.checkbox-group.grades-grid .checkbox-label{align-items:center!important;border-radius:8px!important;display:flex!important;flex:none!important;font-size:13px!important;font-weight:600!important;height:44px!important;justify-content:center!important}.checkbox-group.grades-grid .checkbox-label{min-width:0!important;min-width:auto!important;padding:0!important;width:70px!important}.checkbox-label{gap:8px;justify-content:center;padding:10px 16px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.checkbox-label:hover{border-color:#ffab4d;box-shadow:0 2px 8px #ffab4d26;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{display:none}.checkbox-label:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#ffab4d,#f93);border-color:#ffab4d;box-shadow:0 4px 12px #ffab4d4d;color:#fff;font-weight:600}.checkbox-group.grades-grid .checkbox-label:hover{box-shadow:0 3px 10px #ffab4d40;transform:scale(1.05)}.checkbox-group.grades-grid .checkbox-label:has(input[type=checkbox]:checked){transform:scale(1.02)}.loading-container{gap:16px}.spinner{border:3px solid var(--border-light);border-top:3px solid #0056d2;height:40px;width:40px}.loading-container p{font-size:15px;margin:0}.file-upload-btn{background:linear-gradient(135deg,#ffab4d,#f93);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #ffab4d33;color:#fff;font-family:Poppins,sans-serif;padding:12px 20px}.file-upload-btn:hover{background:linear-gradient(135deg,#f93,#f82);box-shadow:0 4px 12px #ffab4d4d}.document-list{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:16px;padding:16px}.document-item{background:var(--bg-primary);border:1px solid #0000;border-radius:var(--radius-sm);margin-bottom:8px}.document-item:last-child{margin-bottom:0}.document-item:hover{border-color:var(--border-light);box-shadow:0 2px 4px #0000000d}.document-name{font-family:Aleo,serif}a.document-name:hover{color:#ffab4d;text-decoration:underline}.remove-document-btn{background:var(--danger-color);border:none;color:#fff;margin-left:12px}.remove-document-btn:hover{background:#c33;transform:scale(1.1)}@media (max-width:1100px){.campus-hero-row,.campus-report-grid{gap:0 20px}.campus-mini-charts-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.edit-content{padding:16px}.campus-report{padding:20px 16px;width:100%}.campus-hero-row,.campus-report-grid{grid-template-columns:1fr}.form-section{padding:24px 20px}.checkbox-group.accreditation-grid,.form-row,.form-section--two-cols{grid-template-columns:1fr}.form-actions{padding:20px}.checkbox-group{gap:8px}.checkbox-group.grades-grid{gap:8px;grid-template-columns:repeat(auto-fill,60px)}.checkbox-group.grades-grid .checkbox-label{font-size:12px!important;height:40px!important;width:60px!important}.report-row{grid-template-columns:minmax(70px,120px) 1fr}}@media (max-width:480px){.campus-report{padding:16px 12px}.campus-mini-charts-grid{gap:10px;grid-template-columns:1fr}.report-row{gap:1px;grid-template-columns:1fr}.report-row dt{white-space:normal}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.accreditation-panel{margin-bottom:24px}.accreditation-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.accreditation-panel-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.accreditation-panel-table{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.accreditation-panel-table table{border-collapse:collapse;font-size:13px;width:100%}.accreditation-panel-table thead th{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.accreditation-panel-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 16px;vertical-align:middle}.accreditation-panel-table tbody tr:last-child td{border-bottom:none}.accred-row-expanded,.accreditation-panel-table tbody tr:hover{background:var(--bg-secondary)}.accred-agency-name{font-weight:600}.accred-cert-num{color:var(--text-secondary);font-size:12px;margin-top:2px}.accred-status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;white-space:nowrap}.accred-status--active{background:#4caf501f;color:#4caf50}.accred-status--expiring{background:#ffab4d26;color:#e68a00}.accred-status--expired{background:#f443361f;color:#f44336}.accred-status--pending{background:#2196f31f;color:#2196f3}.accred-days{color:var(--text-secondary);font-size:11px;margin-top:2px}.accred-filter-bar{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-radius:10px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:12px 16px}.accred-filter-group{align-items:center;display:flex;gap:8px}.accred-filter-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.accred-filter-toggles{display:flex;gap:4px}.accred-filter-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s ease}.accred-filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.accred-filter-btn.active{background:#f97316;border-color:#f97316;color:#fff}.accred-sort-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;padding:5px 10px}.accred-actions{display:flex;gap:6px}.cert-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:6px;transition:all .15s ease;width:32px}.cert-action-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.cert-action-btn--delete:hover{background:#f4433614;border-color:#f443364d;color:#f44336;color:var(--danger-color,#f44336)}.cert-action-btn svg{font-size:18px!important}.accreditation-panel-empty{background:var(--bg-primary);border:1px dashed var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:14px;padding:32px 16px;text-align:center}.accreditation-panel-legacy{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 20px}.accreditation-panel-legacy-note{color:var(--text-secondary);font-size:12px;font-style:italic;margin:0 0 12px}.accreditation-panel-legacy-dl{grid-gap:4px;display:grid;gap:4px;margin:0}.accreditation-panel-legacy-row{grid-gap:8px;align-items:baseline;display:grid;gap:8px;grid-template-columns:200px 1fr}.accreditation-panel-legacy-row dt{color:var(--text-secondary);font-size:13px;font-weight:600}.accreditation-panel-legacy-row dd{color:var(--text-primary);font-size:13px;margin:0}.accred-detail-row td{border-bottom:1px solid var(--border-light)!important;padding:0!important}.accred-detail-content{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:16px 24px 20px}.accred-detail-notes{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.accred-detail-tabs{display:flex;gap:4px;margin-bottom:12px}.accred-tab{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s ease}.accred-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.accred-tab--active{background:#ffab4d;border-color:#ffab4d;color:#fff}.accred-tab--active:hover{background:#e69a3d;color:#fff}.cert-modal select{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 14px;transition:border-color .15s ease;width:100%}.cert-modal select:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.accred-status--provisional{background:#673ab71f;color:#673ab7}.accred-credential-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.accred-credential--accred{background:#2196f31a;color:#1976d2}.accred-credential--cert{background:#9c27b01a;color:#7b1fa2}.accred-radio-group{display:flex;gap:8px}.accred-radio-option{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .15s ease}.accred-radio-option input[type=radio]{display:none}.accred-radio-option:hover{background:var(--bg-secondary)}.accred-radio-option--selected{background:#ffab4d14;border-color:#ffab4d;color:#e68a00}.accred-documents{padding:12px 0}.accred-doc-upload{align-items:center;display:flex;gap:10px;margin-bottom:12px}.accred-doc-hint{color:var(--text-secondary);font-size:11px}.accred-doc-empty{color:var(--text-secondary);font-size:13px;padding:20px;text-align:center}.accred-doc-list{display:flex;flex-direction:column;gap:4px}.accred-doc-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;font-size:13px;gap:8px;padding:8px 12px}.accred-doc-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accred-doc-date{color:var(--text-secondary);font-size:11px;white-space:nowrap}.accred-doc-action{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.accred-doc-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.accred-doc-action--delete:hover{color:#f44336}@media (max-width:768px){.accreditation-panel-table{font-size:12px}.accreditation-panel-table tbody td,.accreditation-panel-table thead th{padding:10px 12px}.accred-detail-content{padding:12px 16px 16px}}.school-profile-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.school-profile-content{flex:1 1;overflow-y:auto;padding:0}.sp-tab-navigation{background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;padding:16px 32px}.sp-tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.sp-tab-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sp-tab-btn.active{background-color:#f97316;box-shadow:0 2px 8px #f973164d;color:#fff}.sp-tab-btn svg{font-size:20px}.sp-tab-content{flex:1 1;overflow-y:auto;padding:24px 32px}.sp-placeholder{font-family:Aleo,serif;font-size:16px;height:200px;justify-content:center}.sp-back-button,.sp-placeholder{align-items:center;color:var(--text-secondary);display:flex}.sp-back-button{background:none;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;gap:4px;margin-bottom:4px;padding:4px 0;transition:color .2s}.sp-back-button:hover{color:var(--text-primary)}.sp-overview{display:flex;flex-direction:column;gap:16px}.sp-hero-banner-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;overflow:hidden}.sp-hero-banner-area{background:linear-gradient(135deg,#f0f0f0,#e2e2e2);height:200px;overflow:hidden;position:relative;width:100%}.sp-hero-banner-img{height:100%;object-fit:cover;width:100%}.sp-hero-banner-placeholder{align-items:center;background:linear-gradient(135deg,#f8f8f8,#eee);color:var(--text-secondary);display:flex;flex-direction:column;font-family:Aleo,serif;font-size:14px;gap:8px;height:100%;justify-content:center;width:100%}.sp-hero-banner-upload-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:8px;bottom:12px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;position:absolute;right:12px;transition:background .2s}.sp-hero-banner-upload-btn:hover{background:#000000bf}.sp-hero-banner-upload-btn:disabled{cursor:not-allowed;opacity:.6}.sp-hero-identity{padding:12px 20px 14px}.sp-hero-logo-name{align-items:center;display:flex;gap:16px}.sp-hero-logo{background:var(--bg-primary);object-fit:cover}.sp-hero-logo,.sp-hero-logo-placeholder{border:3px solid var(--bg-primary);border-radius:14px;box-shadow:0 2px 8px #0000001f;flex-shrink:0;height:64px;margin-top:-40px;width:64px}.sp-hero-logo-placeholder{align-items:center;background:#fff5eb;display:flex;justify-content:center}.sp-hero-name-location{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-hero-school-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:22px;font-weight:600;line-height:1.3;margin:0}.sp-hero-location{color:var(--text-secondary);display:flex;font-size:14px;margin:0}.sp-hero-location,.sp-hero-website{align-items:center;font-family:Aleo,serif;gap:4px}.sp-hero-website{color:#f97316;display:inline-flex;font-size:13px;margin-top:2px;text-decoration:none;transition:color .2s}.sp-hero-website:hover{color:#ea580c;text-decoration:underline}.sp-overview-body{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}.sp-overview-main{gap:16px}.sp-overview-main,.sp-overview-sidebar{display:flex;flex-direction:column;min-width:0}.sp-overview-sidebar{gap:12px}.sp-overview-sidebar .sp-info-3col{grid-template-columns:1fr}.sp-overview-sidebar .sp-info-3col .sp-hos-card{grid-column:auto}.sp-sidebar-card{padding:0}.sp-sidebar-card .sp-sidebar-section{border-top:1px solid var(--border-light);padding:12px 16px}.sp-sidebar-card .sp-sidebar-section:first-child{border-top:none}.sp-sidebar-section-title{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.sp-sidebar-section--facts{align-items:center;display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 16px}.sp-sidebar-card .sp-info-row{border-bottom:none;padding:4px 0}.sp-sidebar-card .sp-info-row:first-of-type{padding-top:0}.sp-sidebar-card .sp-info-row:last-of-type{padding-bottom:0}.sp-about-card--empty .sp-about-card-empty-msg{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;line-height:1.5;margin:0;padding:8px 0 4px}.sp-quick-facts{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:14px;display:flex;flex-wrap:wrap;gap:8px 28px;padding:10px 18px}.sp-fact{align-items:center;display:inline-flex;font-family:Poppins,sans-serif;gap:8px;min-height:28px}.sp-fact-icon{color:#ffab4d;flex-shrink:0;font-size:16px!important}.sp-fact-label{color:var(--text-secondary);font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sp-fact-value{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;font-weight:500}.sp-info-3col{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.sp-info-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 280px}.sp-info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:14px;padding:14px 18px}.sp-tags-card{display:flex;flex-direction:column;gap:4px}.sp-info-card-title{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.sp-info-row{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:7px 0}.sp-info-row:last-child{border-bottom:none;padding-bottom:0}.sp-info-row:first-of-type{padding-top:0}.sp-info-icon{color:#ffab4d;flex-shrink:0;font-size:16px!important;margin-top:2px}.sp-info-content{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sp-info-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.4px;line-height:1.2;text-transform:uppercase}.sp-info-value{color:var(--text-primary);font-family:Aleo,serif;font-size:13.5px;line-height:1.35}.sp-info-value--multiline{display:flex;flex-direction:column;gap:1px;position:relative}.sp-edit-inline-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;padding:4px;position:absolute;right:0;top:0;transition:all .15s}.sp-info-row:hover .sp-edit-inline-btn{opacity:1}.sp-edit-inline-btn:hover{background:#f9731614;color:#f97316}.sp-inline-edit{display:flex;flex-direction:column;gap:8px}.sp-inline-input{background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:6px 10px;transition:border-color .2s}.sp-inline-input:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.sp-inline-actions{display:flex;gap:6px}.sp-inline-cancel,.sp-inline-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.sp-inline-save{background:#f97316;color:#fff}.sp-inline-save:hover{background:#ea580c}.sp-inline-save:disabled{cursor:not-allowed;opacity:.5}.sp-inline-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.sp-inline-cancel:hover{background:var(--border-light)}.sp-hos-card{display:flex;flex-direction:column}.sp-hos-profile{align-items:center;display:flex;flex-direction:row;gap:12px;text-align:left}.sp-hos-photo{border:2px solid var(--border-light);border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.sp-hos-photo-placeholder{align-items:center;background:#fff5eb;border-radius:50%;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.sp-hos-photo-placeholder svg{font-size:26px!important}.sp-hos-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sp-hos-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.25}.sp-hos-title{font-size:12px;font-weight:500;line-height:1.25}.sp-hos-contact-row,.sp-hos-title{color:var(--text-secondary);font-family:Aleo,serif}.sp-hos-contact-row{align-items:center;display:flex;font-size:12.5px;gap:5px;line-height:1.3;min-width:0;width:100%}.sp-hos-contact-row a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-hos-contact-row svg{color:#ffab4d}.sp-hos-contact-row a{color:var(--text-primary);text-decoration:none;transition:color .2s}.sp-hos-contact-row a:hover{color:#f97316}.sp-hos-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:row;font-family:Aleo,serif;font-size:14px;gap:12px;justify-content:flex-start;padding:8px 0}.sp-overview-hero{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;padding:24px}.sp-overview-hero-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.sp-overview-logo{object-fit:cover}.sp-overview-logo,.sp-overview-logo-placeholder{border-radius:14px;flex-shrink:0;height:72px;width:72px}.sp-overview-logo-placeholder{align-items:center;background:#fff5eb;display:flex;justify-content:center}.sp-overview-hero-info{display:flex;flex-direction:column;gap:2px}.sp-overview-school-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:22px;font-weight:600;margin:0}.sp-overview-location{color:var(--text-secondary);font-family:Aleo,serif;font-size:15px;margin:0}.sp-overview-link{align-items:center;color:#f97316;display:inline-flex;font-family:Aleo,serif;font-size:14px;gap:4px;text-decoration:none;transition:color .2s}.sp-overview-link:hover{color:#ea580c;text-decoration:underline}.sp-overview-details{border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;padding-top:16px}.sp-overview-detail-row{align-items:flex-start;display:flex;gap:12px}.sp-overview-detail-label{color:var(--text-secondary);flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;min-width:130px}.sp-overview-detail-value{color:var(--text-primary);font-family:Aleo,serif;font-size:14px}.sp-overview-badges{display:flex;flex-wrap:wrap;gap:6px}.sp-overview-badge{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:2px 10px}.sp-overview-badge--accent{background:#fff5eb;border-color:#ffab4d;color:#c2410c}.sp-overview-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.sp-overview-metric-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px}.sp-overview-metric-value{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:26px;font-weight:600;line-height:1.2}.sp-overview-metric-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.sp-overview-metric-sub{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;margin-top:2px}.sp-overview-chart-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;padding:24px}.sp-overview-chart-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px}.sp-overview-charts-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:1100px){.sp-overview-body{grid-template-columns:1fr}.sp-overview-sidebar .sp-info-3col{grid-template-columns:1fr 1fr}.sp-overview-sidebar .sp-info-3col .sp-hos-card{grid-column:1/-1}}@media (max-width:900px){.sp-info-grid,.sp-overview-sidebar .sp-info-3col{grid-template-columns:1fr}.sp-overview-sidebar .sp-info-3col .sp-hos-card{grid-column:auto}.sp-quick-facts{gap:8px 16px}}@media (max-width:768px){.sp-overview-metrics{grid-template-columns:repeat(2,1fr)}.sp-hero-banner-area{height:150px}.sp-overview-detail-row{flex-direction:column;gap:4px}.sp-overview-detail-label{min-width:0;min-width:auto}.sp-overview-charts-row{grid-template-columns:1fr}}.sp-annual{display:flex;flex-direction:column;gap:24px}.sp-annual-empty{color:var(--text-secondary);flex-direction:column;font-family:Aleo,serif;font-size:15px;justify-content:center;padding:64px 24px}.sp-annual-empty,.sp-annual-topbar{align-items:center;display:flex;gap:16px}.sp-annual-topbar{justify-content:space-between}.sp-annual-topbar-left{align-items:center;display:flex;gap:12px}.sp-annual-year-select{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;padding:8px 12px}.sp-annual-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:20px 24px}.sp-annual-section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0}.sp-annual-toggle-group{display:flex;gap:8px}.sp-annual-toggle-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:6px 18px;transition:all .2s}.sp-annual-toggle-btn:hover{background:var(--bg-hover)}.sp-annual-toggle-btn.active{background:#f97316;border-color:#f97316;color:#fff}.sp-annual-table{border-collapse:collapse;font-family:Aleo,serif;font-size:14px;width:100%}.sp-annual-table th{border-bottom:2px solid var(--border-light);color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.4px;padding:8px 10px;text-align:left;text-transform:uppercase}.sp-annual-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:8px 10px;vertical-align:middle}.sp-annual-table tfoot td{border-bottom:none;border-top:2px solid var(--border-light);font-family:Poppins,sans-serif;font-size:13px}.sp-annual-table input[type=date]{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:4px 8px}.sp-annual-table input[type=checkbox]{accent-color:#f97316;cursor:pointer;height:18px;width:18px}.sp-annual-num-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:4px 8px;text-align:right;width:100px}.sp-annual-num-input--wide{width:160px}.sp-annual-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:4px 8px}.sp-annual-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sp-annual-field{display:flex;flex-direction:column;gap:4px}.sp-annual-field label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.sp-annual-inline-add{align-items:center;display:flex;gap:8px}.sp-annual-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.sp-annual-btn--primary{background:#f97316;color:#fff}.sp-annual-btn--primary:hover{background:#ea580c}.sp-annual-btn--primary:disabled{cursor:not-allowed;opacity:.6}.sp-annual-btn--danger{background:none;border:1px solid #dc2626;color:#dc2626}.sp-annual-btn--danger:hover{background:#dc2626;color:#fff}.sp-annual-btn--small{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary);font-size:13px;padding:6px 12px}.sp-annual-btn--small:hover{background:var(--bg-hover)}.sp-annual-btn--ghost{border:none;color:var(--text-secondary)}.sp-annual-btn--ghost:hover{background:none;color:var(--text-primary)}.sp-annual-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .2s;width:30px}.sp-annual-icon-btn--danger:hover{background:#fef2f2;color:#dc2626}.sp-annual-actions{align-items:center;display:flex;gap:12px;padding-top:8px}.sp-wizard-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.sp-wizard-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:20px;max-width:440px;padding:32px;width:100%}.sp-wizard-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0}.sp-wizard-field{display:flex;flex-direction:column;gap:6px}.sp-wizard-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.sp-wizard-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:Aleo,serif;font-size:15px;padding:10px 12px}.sp-wizard-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626;outline:none}.sp-wizard-toggle-group{display:flex;gap:8px}.sp-wizard-toggle-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.sp-wizard-toggle-btn:hover{background:var(--bg-hover)}.sp-wizard-toggle-btn.active{background:#f97316;border-color:#f97316;color:#fff}.sp-wizard-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:Aleo,serif;font-size:14px;gap:8px}.sp-wizard-checkbox-label input[type=checkbox]{accent-color:#f97316;cursor:pointer;height:18px;width:18px}.sp-wizard-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.sp-wizard-btn{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.sp-wizard-btn:disabled{cursor:not-allowed;opacity:.6}.sp-wizard-btn--cancel{background:none;border:1px solid var(--border-light);color:var(--text-secondary)}.sp-wizard-btn--cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.sp-wizard-btn--create{background:#f97316;color:#fff}.sp-wizard-btn--create:hover{background:#ea580c}@media (max-width:768px){.sp-annual-grid{grid-template-columns:1fr}.sp-annual-topbar{align-items:stretch;flex-direction:column}}.sp-docs{gap:24px}.sp-docs,.sp-docs-upload-area{display:flex;flex-direction:column}.sp-docs-upload-area{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-light);border-radius:12px;cursor:pointer;gap:8px;justify-content:center;padding:32px 24px;transition:all .2s}.sp-docs-upload-area:hover{background:#fff5eb;border-color:#f97316}.sp-docs-upload-hint{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;font-weight:500;margin:0}.sp-docs-upload-sub{font-size:13px;margin:0}.sp-docs-empty,.sp-docs-upload-sub{color:var(--text-secondary);font-family:Aleo,serif}.sp-docs-empty{align-items:center;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;padding:64px 24px}.sp-docs-empty p{margin:0}.sp-docs-list{display:flex;flex-direction:column;gap:8px}.sp-docs-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:box-shadow .2s}.sp-docs-row:hover{box-shadow:0 2px 8px #0000000f}.sp-docs-row-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.sp-docs-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sp-docs-row-name{color:#f97316;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.sp-docs-row-name:hover{color:#ea580c;text-decoration:underline}.sp-docs-row-date{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px}.sp-docs-badge{border-radius:10px;flex-shrink:0;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.sp-docs-badge--pdf{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.sp-docs-badge--png{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.sp-docs-remove-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s;width:30px}.sp-docs-remove-btn:hover{background:#fef2f2;color:#dc2626}.sp-settings{gap:24px}.sp-settings,.sp-settings-section{display:flex;flex-direction:column}.sp-settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;gap:14px;padding:20px 24px}.sp-settings-section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0}.sp-settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sp-settings-field{display:flex;flex-direction:column;gap:4px}.sp-settings-field--full{grid-column:1/-1}.sp-settings-field label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.sp-settings-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.sp-settings-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626;outline:none}.sp-settings-input:disabled{background:#f9fafb;background:var(--bg-hover,#f9fafb);cursor:not-allowed;opacity:.7}select.sp-settings-input{cursor:pointer}.sp-settings-label-hint{color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:6px}.sp-logo-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.sp-logo-tile{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:6px;overflow:visible;padding:8px 8px 6px;position:relative;transition:border-color .15s;width:100px}.sp-logo-tile--primary{border-color:#ffab4d}.sp-logo-tile-img{background:#f9f9f9;border-radius:8px;height:72px;object-fit:contain;width:72px}.sp-logo-tile-badge{background:#ffab4d;border-radius:20px;color:#fff;font-size:10px;font-weight:600;left:50%;padding:2px 7px;pointer-events:none;position:absolute;top:-9px;transform:translateX(-50%);white-space:nowrap}.sp-logo-tile-actions{display:none;gap:3px;position:absolute;right:4px;top:4px}.sp-logo-tile:hover .sp-logo-tile-actions{display:flex}.sp-logo-tile-btn{align-items:center;background:#ffffffeb;border:none;border-radius:50%;box-shadow:0 1px 3px #00000026;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;transition:background .1s;width:22px}.sp-logo-tile-btn--star{color:#bbb}.sp-logo-tile-btn--star.active,.sp-logo-tile-btn--star:hover{color:#ffab4d}.sp-logo-tile-btn--delete:hover{background:#fee2e2;color:#dc2626}.sp-logo-tile-label{background:#0000;border:1px solid #0000;border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:11px;outline:none;padding:2px 4px;text-align:center;transition:border-color .15s;width:100%}.sp-logo-tile-label:focus{background:#f9f9f9;border-color:var(--border-light)}.sp-logo-tile-label--readonly{border:none;color:var(--text-secondary);display:block;font-size:11px;text-align:center}.sp-logo-tile--add{align-items:center;background:#0000;border:2px dashed var(--border-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:106px;justify-content:center;padding:0;transition:border-color .15s,background .15s;width:100px}.sp-logo-tile--add:hover{background:#fff8f0;border-color:#ffab4d}.sp-logo-add-icon{color:var(--text-secondary);font-size:22px;line-height:1}.sp-logo-tile--add:hover .sp-logo-add-icon{color:#ffab4d}.sp-logo-add-text{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px}.sp-logo-add-spinner{color:var(--text-secondary);font-size:11px}.sp-settings-logo-placeholder{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;padding:8px 0}.sp-settings-grade-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.sp-settings-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:Aleo,serif;font-size:14px;gap:6px}.sp-settings-checkbox-label input[type=checkbox]{accent-color:#f97316;cursor:pointer;height:16px;width:16px}.sp-settings-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.sp-settings-btn{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.sp-settings-btn:disabled{cursor:not-allowed;opacity:.6}.sp-settings-btn--primary{background:#f97316;color:#fff}.sp-settings-btn--primary:hover{background:#ea580c}.sp-settings-btn--cancel{background:none;border:1px solid var(--border-light);color:var(--text-secondary)}.sp-settings-btn--cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.sp-settings-btn--small{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary);font-size:13px;padding:6px 14px}.sp-settings-btn--small:hover{background:var(--bg-hover)}@media (max-width:768px){.sp-settings-grid{grid-template-columns:1fr}.sp-settings-grade-grid{grid-template-columns:repeat(2,1fr)}}.sp-annual-staff-total{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:8px;color:var(--text-secondary);display:inline-block;font-family:Poppins,sans-serif;font-size:15px;margin-bottom:12px;padding:8px 12px}.sp-annual-staff-total strong{color:var(--text-primary);font-weight:600}.sp-overview-badge--cert{align-items:center;background:#2e7d3214;border-color:#2e7d3233;color:#2e7d32;display:inline-flex;gap:4px}.sp-overview-charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}@media (max-width:900px){.sp-overview-charts-row{grid-template-columns:1fr}}.sp-info-right-col{display:flex;flex-direction:column;gap:12px}.sp-hero-member-number{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-light);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:5px;margin-top:8px;padding:3px 10px}.sp-settings-section-hint{color:var(--text-secondary);font-size:12px;margin:-4px 0 12px}.sp-notes{padding:8px 0}.sp-notes-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.sp-notes-title-row{align-items:center;display:flex;gap:10px}.sp-notes-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.sp-notes-meta{color:var(--text-secondary);font-size:12px}.sp-notes-save-btn{align-items:center;background:#ffab4d;background:var(--accent,#ffab4d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:opacity .15s}.sp-notes-save-btn:disabled{cursor:not-allowed;opacity:.5}.sp-notes-save-btn:hover:not(:disabled){opacity:.85}.sp-notes-body{background:#fff;background:var(--bg-primary,#fff);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.sp-notes-textarea{background:#0000;border:none;box-sizing:border-box;color:var(--text-primary);font-family:Aleo,Georgia,serif;font-size:14px;line-height:1.7;min-height:420px;outline:none;padding:20px;resize:vertical;width:100%}.sp-notes-readonly{min-height:200px;padding:20px}.sp-notes-pre{color:var(--text-primary);font-family:Aleo,Georgia,serif;font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.sp-notes-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:10px;padding:48px 24px;text-align:center}.sp-notes-unsaved{color:#f97316;font-size:12px;font-style:italic;margin-top:8px}.sp-activity{display:flex;flex-direction:column;gap:28px;padding:8px 0}.sp-activity-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid var(--border-light);border-radius:12px;padding:24px}.sp-activity-section-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.sp-activity-section-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.sp-activity-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:800px){.sp-activity-metrics{grid-template-columns:repeat(2,1fr)}}.sp-activity-metric{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:16px}.sp-activity-metric-value{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.sp-activity-metric-label{color:var(--text-secondary);font-size:12px;font-weight:500}.sp-activity-meta-row{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:16px;padding-top:16px}.sp-activity-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.sp-activity-status{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.sp-activity-status--active{background:#10b9811a;color:#10b981}.sp-activity-status--inactive{background:#9ca3af26;color:#6b7280}.sp-activity-status--pending{background:#f973161a;color:#f97316}.sp-activity-status--disabled{background:#ef44441a;color:#ef4444}.sp-activity-timeline{display:flex;flex-direction:column;gap:0}.sp-activity-timeline-item{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:14px;padding:14px 0}.sp-activity-timeline-item:last-child{border-bottom:none}.sp-activity-timeline-icon{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-top:2px;width:30px}.sp-activity-timeline-content{flex:1 1;min-width:0}.sp-activity-timeline-label{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.sp-activity-timeline-date,.sp-activity-timeline-sub{color:var(--text-secondary);font-size:12px}.sp-activity-timeline-date{flex-shrink:0;white-space:nowrap}.sp-activity-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:10px;padding:40px 24px;text-align:center}.sp-activity-empty-hint{color:var(--text-secondary);font-size:12px;margin:0}.sp-activity-message-note{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:18px}.sp-activity-message-note p{color:var(--text-secondary);font-size:13px;line-height:1.55;margin:0}.sp-activity-link-btn{align-items:center;align-self:flex-start;background:#ffab4d;background:var(--accent,#ffab4d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:opacity .15s}.sp-activity-link-btn:hover{opacity:.85}.sp-linked{padding:8px 0}.sp-linked-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.sp-linked-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.sp-linked-count{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);font-size:13px;padding:2px 10px}.sp-linked-list{display:flex;flex-direction:column;gap:12px}.sp-linked-card{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:16px;padding:16px;transition:box-shadow .15s}.sp-linked-card:hover{box-shadow:0 2px 12px #00000012}.sp-linked-card--hos{background:#ffab4d0a;border-color:#ffab4d66}.sp-linked-avatar{flex-shrink:0}.sp-linked-photo{border-radius:50%;height:48px;object-fit:cover;width:48px}.sp-linked-photo-placeholder{align-items:center;background:#ffab4d1a;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.sp-linked-info{flex:1 1;min-width:0}.sp-linked-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.sp-linked-name{color:var(--text-primary);font-size:15px;font-weight:600}.sp-linked-badge{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.sp-linked-badge--hos{background:#ffab4d26;color:#c97300}.sp-linked-badge--primary{background:#ffab4d40;color:#b56800;font-weight:600}.sp-linked-badge--staff{background:#3b82f61a;color:#2563eb}.sp-linked-badge--teacher{background:#10b9811a;color:#059669}.sp-linked-badge--admin{background:#8b5cf61a;color:#7c3aed}.sp-linked-badge--custom{background:#9ca3af26;color:#6b7280}.sp-linked-contact-row{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:3px}.sp-linked-contact-row a{color:var(--text-secondary);text-decoration:none}.sp-linked-contact-row a:hover{color:var(--accent);text-decoration:underline}.sp-linked-profile-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.sp-linked-profile-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.sp-linked-divider{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 0 8px;text-transform:uppercase}.sp-linked-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:10px;padding:60px 24px;text-align:center}.sp-linked-empty-hint{color:var(--text-secondary);font-size:12px;margin:0;max-width:400px}.sp-linked-error,.sp-linked-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:12px;padding:48px 24px;text-align:center}.sp-about-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;margin:20px 0;padding:20px 24px}.sp-about-card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;margin-bottom:14px;padding-bottom:12px}.sp-about-card-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0}.sp-about-sections{display:flex;flex-direction:column;gap:16px}.sp-about-section-label{color:#ffab4d;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.sp-about-section-content{color:var(--text-primary);font-family:Aleo,serif;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.sp-private-notes-card{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;margin:20px 0;padding:16px 20px}.sp-private-notes-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.sp-private-notes-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin:0}.sp-private-notes-badge{background:#64748b1f;border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;margin-left:auto;padding:2px 8px;text-transform:uppercase}.sp-private-notes-content{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;line-height:1.6;white-space:pre-wrap}.sp-private-notes-empty{color:var(--text-secondary);font-size:13px;font-style:italic;margin:0}.link-input-popover{align-items:center;animation:linkInputSlideIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;display:flex;gap:4px;left:0;min-width:300px;padding:6px 8px;position:absolute;top:calc(100% + 6px);z-index:100}@keyframes linkInputSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.link-input-field{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Aleo,serif;font-size:13px;outline:none;padding:6px 10px;transition:border-color .15s ease}.link-input-field:focus{border-color:#ffab4d}.link-input-field::placeholder{color:var(--text-secondary);opacity:.5}.link-input-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.link-input-apply{background:#ffab4d;color:#fff}.link-input-apply:hover{background:#f93}.link-input-remove{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary)}.link-input-remove:hover{background:#fee;border-color:#ef4444;color:#ef4444}.link-input-btn svg{font-size:16px!important}.editor-toolbar{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border-light);border:solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;border-width:2px 2px 1px;display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.editor-toolbar-group{align-items:center;border-right:1px solid var(--border-light);display:flex;gap:2px;padding-right:8px}.editor-toolbar-group:last-child{border-right:none}.editor-toolbar-preview{margin-left:auto;padding-right:0}.editor-toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:all .15s ease;width:32px}.editor-toolbar-btn:hover:not(:disabled){background:#ffab4d1a;color:var(--text-primary)}.editor-toolbar-btn.is-active{background:#ffab4d26;color:#ffab4d}.editor-toolbar-btn:disabled{cursor:not-allowed;opacity:.3}.editor-toolbar-btn svg{font-size:18px!important}.heading-btn{gap:1px;padding:0 6px;width:auto}.heading-level{font-size:10px;font-weight:700;line-height:1;margin-top:2px}.heading-level,.preview-btn{font-family:Poppins,sans-serif}.preview-btn{font-weight:600;gap:4px;padding:0 10px;width:auto}.preview-btn,.preview-label{font-size:12px}.upload-spinner{animation:toolbar-spin .6s linear infinite;border:2px solid var(--border-light);border-radius:50%;border-top:2px solid #ffab4d;height:16px;width:16px}.editor-toolbar-btn.is-uploading{opacity:.6;pointer-events:none}@keyframes toolbar-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.editor-toolbar{gap:2px;padding:6px 8px}.editor-toolbar-group{padding-right:6px}.editor-toolbar-btn{height:28px;width:28px}.editor-toolbar-btn svg{font-size:16px!important}.preview-label{display:none}}.article-preview-container{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.article-preview-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 16px;text-transform:uppercase}.article-preview-header svg{color:#ffab4d;font-size:16px!important}.article-preview-body{min-height:300px;padding:32px}.article-preview-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 24px}.article-preview-cover-image{border-radius:var(--radius-md);margin:0 0 24px;overflow:hidden}.article-preview-cover-image img{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.article-preview-body .article-content-body{color:var(--text-primary);font-family:Aleo,serif;font-size:18px;line-height:1.8}.article-preview-body .article-content-body h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:32px 0 16px}.article-preview-body .article-content-body h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:28px 0 12px}.article-preview-body .article-content-body h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:600;line-height:1.4;margin:24px 0 10px}.article-preview-body .article-content-body p{margin:0 0 16px}.article-preview-body .article-content-body blockquote{border-left:4px solid #ffab4d;color:var(--text-secondary);font-style:italic;margin:20px 0;padding-left:20px}.article-preview-body .article-content-body ol,.article-preview-body .article-content-body ul{margin:16px 0;padding-left:28px}.article-preview-body .article-content-body li{margin-bottom:6px}.article-preview-body .article-content-body a{color:#ffab4d;text-decoration:underline;transition:color .15s ease}.article-preview-body .article-content-body a:hover{color:#f93}.article-preview-body .article-content-body img{border-radius:var(--radius-md);display:block;height:auto;margin:20px 0;max-width:100%}.article-preview-body .article-content-body code{background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.article-preview-body .article-content-body pre{background:var(--bg-secondary);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.rich-text-editor-wrapper{display:flex;flex-direction:column}.rich-text-editor-wrapper .tiptap{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;color:var(--text-primary);font-family:Aleo,serif;font-size:16px;line-height:1.7;max-height:600px;min-height:300px;outline:none;overflow-y:auto;padding:16px 20px}.rich-text-editor-wrapper:focus-within .editor-toolbar{border-color:#ffab4d}.rich-text-editor-wrapper:focus-within .tiptap{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a}.rich-text-editor-wrapper .tiptap h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:24px 0 12px}.rich-text-editor-wrapper .tiptap h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:20px 0 10px}.rich-text-editor-wrapper .tiptap h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:600;line-height:1.4;margin:16px 0 8px}.rich-text-editor-wrapper .tiptap p{margin:0 0 12px}.rich-text-editor-wrapper .tiptap blockquote{border-left:4px solid #ffab4d;color:var(--text-secondary);font-style:italic;margin:16px 0;padding-left:16px}.rich-text-editor-wrapper .tiptap ol,.rich-text-editor-wrapper .tiptap ul{margin:12px 0;padding-left:24px}.rich-text-editor-wrapper .tiptap li{margin-bottom:4px}.rich-text-editor-wrapper .tiptap a{color:#ffab4d;cursor:pointer;text-decoration:underline}.rich-text-editor-wrapper .tiptap a:hover{color:#f93}.rich-text-editor-wrapper .tiptap>img{border-radius:var(--radius-md);cursor:default;display:block;height:auto;margin:16px 0;max-width:100%}.rich-text-editor-wrapper .tiptap .resizable-image-wrapper{display:block;margin:16px 0}.resizable-image-container{display:inline-block;line-height:0;max-width:100%;position:relative}.resizable-image-container img{border-radius:var(--radius-md);cursor:default;display:block}.resizable-image-wrapper.ProseMirror-selectednode .resizable-image-container{border-radius:var(--radius-md);outline:3px solid #ffab4d;outline-offset:2px}.resizable-image-handle{opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.resizable-image-wrapper.ProseMirror-selectednode .resizable-image-handle{opacity:1;pointer-events:auto}.resizable-image-handle--right{cursor:ew-resize;height:100%;right:-4px;top:0;width:8px}.resizable-image-handle--right:after{background:#ffab4d;border-radius:2px;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.resizable-image-handle--corner{background:#ffab4d;border:2px solid #fff;border-radius:2px;bottom:-4px;box-shadow:0 1px 3px #0003;cursor:nwse-resize;height:14px;right:-4px;width:14px}.resizable-image-container.resizing{-webkit-user-select:none;user-select:none}.resizable-image-container.resizing img{pointer-events:none}.rich-text-editor-wrapper .tiptap code{background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.rich-text-editor-wrapper .tiptap pre{background:var(--bg-secondary);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.rich-text-editor-wrapper .tiptap pre code{background:none;padding:0}.rich-text-editor-wrapper .tiptap p.is-editor-empty:first-child:before{color:var(--text-secondary);content:attr(data-placeholder);float:left;font-family:Aleo,serif;height:0;opacity:.5;pointer-events:none}.rich-text-editor-wrapper .tiptap u{text-decoration:underline}.rich-text-editor-wrapper .tiptap s{text-decoration:line-through}@media (max-width:768px){.rich-text-editor-wrapper .tiptap{font-size:15px;min-height:200px;padding:12px 16px}.rich-text-editor-wrapper .tiptap h1{font-size:26px}.rich-text-editor-wrapper .tiptap h2{font-size:22px}.rich-text-editor-wrapper .tiptap h3{font-size:18px}}.visual-builder-v2{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.vb-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;padding:12px 20px}.vb-header,.vb-header-label{align-items:center;display:flex}.vb-header-label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:8px;letter-spacing:.3px;text-transform:uppercase}.vb-header-hint{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;font-style:italic}.vb-canvas{background:var(--bg-primary);max-height:600px;min-height:300px;overflow-y:auto;padding:32px}.vb-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 24px;opacity:.5;pointer-events:none}.vb-block{border:2px solid #0000;border-radius:6px;cursor:default;padding:4px 8px;position:relative;transition:all .15s ease}.vb-block--hovered{border-color:#ffab4d40}.vb-block--editing{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.vb-block--dragging{opacity:.4}.vb-block--dragover{background:#ffab4d0f;border-color:#ffab4d;border-style:dashed}.vb-editable{cursor:text;outline:none}.vb-editable:focus{outline:none}.vb-placeholder{color:var(--text-secondary);font-style:italic;opacity:.6}.vb-heading{border-radius:4px;color:var(--text-primary);cursor:text;font-family:Poppins,sans-serif;font-weight:700;transition:background .15s ease}.vb-heading:hover:not(.vb-editable){background:#ffab4d0a}.vb-h1{font-size:32px;letter-spacing:-.5px;line-height:1.2;margin:32px 0 16px}.vb-h2{font-size:24px;line-height:1.3;margin:28px 0 12px}.vb-h2,.vb-h3{font-weight:600}.vb-h3{font-size:20px;line-height:1.4;margin:24px 0 10px}.vb-block:first-child .vb-heading{margin-top:0}.vb-heading-editor{align-items:flex-start;display:flex;gap:10px}.vb-level-select{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;margin-top:4px;padding:6px 10px}.vb-level-select:focus{border-color:#ffab4d;outline:none}.vb-heading-editor .vb-heading{flex:1 1}.vb-paragraph{border-radius:4px;color:var(--text-primary);cursor:text;font-family:Aleo,serif;font-size:18px;line-height:1.8;min-height:1.8em;transition:background .15s ease}.vb-paragraph:hover:not(.vb-editable){background:#ffab4d0a}.vb-paragraph p{margin:0 0 16px}.vb-paragraph p:last-child{margin-bottom:0}.vb-paragraph strong{font-weight:700}.vb-paragraph em{font-style:italic}.vb-paragraph a{color:#ffab4d;text-decoration:underline;transition:color .15s ease}.vb-paragraph a:hover{color:#f93}.vb-paragraph ol,.vb-paragraph ul{margin:16px 0;padding-left:28px}.vb-paragraph li{margin-bottom:6px}.vb-paragraph img{border-radius:var(--radius-md);display:block;height:auto;margin:20px 0;max-width:100%}.vb-paragraph code{background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.vb-paragraph pre{background:var(--bg-secondary);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.vb-blockquote{border-left:4px solid #ffab4d;border-radius:0 4px 4px 0;color:var(--text-secondary);cursor:text;font-family:Aleo,serif;font-size:18px;font-style:italic;line-height:1.8;margin:20px 0;min-height:1.8em;padding-left:20px;transition:background .15s ease}.vb-blockquote:hover:not(.vb-editable){background:#ffab4d0a}.vb-image-wrapper{margin:20px 0}.vb-image-display{position:relative}.vb-image-display img{border-radius:var(--radius-md);display:block;height:auto;max-width:100%}.vb-change-image{background:#ffab4df2;border:none;border-radius:6px;bottom:12px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;position:absolute;right:12px;transition:all .2s ease}.vb-change-image:hover{background:#f93}.vb-image-upload{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px;transition:all .2s ease;width:100%}.vb-image-upload:hover{background:#ffab4d0d;border-color:#ffab4d}.vb-image-upload span{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.vb-upload-spinner{align-items:center;display:flex;flex-direction:column;gap:12px}.vb-spinner{animation:vb-spin .8s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top:3px solid #ffab4d;height:32px;width:32px}@keyframes vb-spin{to{transform:rotate(1turn)}}.vb-toolbar{background:var(--bg-primary);border:2px solid #ffab4d;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;gap:3px;padding:3px;position:absolute;right:8px;top:-14px;z-index:10}.vb-tool{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.vb-tool:hover{background:#ffab4d26;color:#ffab4d}.vb-tool svg{font-size:18px!important}.vb-tool.drag-handle{cursor:grab}.vb-tool.drag-handle:active{cursor:grabbing}.vb-tool.vb-tool--done{background:linear-gradient(135deg,#ffab4d,#ff4713);color:#fff}.vb-tool.vb-tool--done:hover{background:linear-gradient(135deg,#f93,#e63900)}.vb-tool.vb-tool--delete:hover{background:#fee;color:#ef4444}.vb-add-menu{position:relative}.vb-add-menu:hover .vb-add-dropdown{display:block}.vb-add-dropdown{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;margin-top:4px;min-width:160px;padding:4px;position:absolute;right:0;top:100%;z-index:100}.vb-add-dropdown button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.vb-add-dropdown button:hover{background:#ffab4d1a;color:#ffab4d}.vb-add-dropdown button svg{font-size:18px!important}.vb-add-end{border:2px dashed var(--border-light);border-radius:8px;display:flex;justify-content:center;margin-top:32px;padding:16px;transition:all .2s ease}.vb-add-end:hover{background:#ffab4d05;border-color:#ffab4d}.vb-add-end-btn{align-items:center;background:#0000;border:2px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.vb-add-end-btn:hover{background:#ffab4d1a;border-color:#ffab4d;color:#ffab4d}.vb-add-end-btn svg{font-size:20px!important}@media (max-width:768px){.vb-canvas{padding:20px}.vb-title{font-size:26px}.vb-header-hint{display:none}.vb-h1{font-size:26px}.vb-h2{font-size:22px}.vb-h3{font-size:18px}.vb-blockquote,.vb-paragraph{font-size:16px}.vb-tool{height:32px;width:32px}}.code-editor-wrapper{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.code-editor-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 16px}.code-editor-label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.code-editor-hint{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;font-style:italic}@media (max-width:768px){.code-editor-hint{display:none}}.multi-mode-editor{display:flex;flex-direction:column;gap:0}.mode-selector{background:var(--bg-secondary);border-bottom:2px solid var(--border-light);border:solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;border-width:2px 2px 1px;display:flex;gap:4px;padding:8px 12px}.mode-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.mode-btn:hover{background:#ffab4d1a;color:var(--text-primary)}.mode-btn.active{background:linear-gradient(135deg,#ffab4d,#ff4713);border-color:#0000;box-shadow:0 2px 8px #ffab4d40;color:#fff}.mode-btn svg{font-size:18px!important}.mode-content{width:100%}.multi-mode-editor .rich-text-editor-wrapper .editor-toolbar{border-radius:0;border-top:none}.multi-mode-editor .rich-text-editor-wrapper .tiptap{border-radius:0 0 var(--radius-md) var(--radius-md)}.multi-mode-editor .code-editor-wrapper,.multi-mode-editor .visual-builder-v2{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}@media (max-width:640px){.mode-selector{gap:2px;padding:6px 8px}.mode-btn{font-size:12px;padding:6px 12px}.mode-btn span{display:none}.mode-btn svg{font-size:20px!important}}.event-sections-manager{display:flex;flex-direction:column;gap:0}.section-card{background:var(--bg-primary);border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;margin-bottom:16px;overflow:visible;transition:all .15s ease}.section-card--dragging{opacity:.4}.section-card--dragover{background:#ffab4d0f;border-color:#ffab4d;border-style:dashed}.section-card-header{align-items:center;border-bottom:2px solid #0000;cursor:pointer;display:flex;gap:8px;padding:14px 16px;transition:border-color .15s ease;-webkit-user-select:none;user-select:none}.section-card-header.expanded{border-bottom-color:var(--border-light)}.section-card-drag-handle{align-items:center;color:var(--text-secondary);cursor:grab;display:flex;opacity:.5;transition:opacity .15s ease}.section-card-drag-handle:hover{opacity:1}.section-card-drag-handle svg{font-size:20px!important}.section-card-type-icon{align-items:center;color:#ffab4d;display:flex}.section-card-type-icon svg{font-size:20px!important}.section-card-title-input{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;min-width:0;padding:4px 8px;transition:background .15s ease}.section-card-title-input:focus{background:var(--bg-secondary);outline:none}.section-card-title-input::placeholder{color:var(--text-secondary);opacity:.5}.section-card-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.section-card-action{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.section-card-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.section-card-action--delete:hover{background:#ef44441a;color:#ef4444}.section-card-body{padding:20px}.add-section-wrapper{margin-top:8px;position:relative}.add-section-btn{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.add-section-btn:hover{background:#ffab4d0a;border-color:#ffab4d;color:#ffab4d}.add-section-btn svg{font-size:20px!important}.add-section-dropdown{animation:dropdownSlideIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;left:0;overflow:hidden;position:absolute;right:0;z-index:100}.add-section-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;font-family:Aleo,serif;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.add-section-option:last-child{border-bottom:none}.add-section-option:hover{background:#ffab4d14;color:#ffab4d}.add-section-option svg{color:#ffab4d;font-size:20px!important}.section-item-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:12px;padding:16px;transition:border-color .15s ease}.section-item-card:hover{border-color:#d1d5db;border-color:var(--border-medium,#d1d5db)}.section-item-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.section-item-delete{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:auto;transition:all .15s ease;width:32px}.section-item-delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.section-item-delete svg{font-size:18px!important}.section-item-fields{display:flex;flex-direction:column;gap:12px}.section-item-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.section-item-field{display:flex;flex-direction:column;gap:4px}.section-item-field label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.section-item-field input,.section-item-field select,.section-item-field textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:10px 12px;transition:border-color .15s ease}.section-item-field input:focus,.section-item-field select:focus,.section-item-field textarea:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.section-item-field input::placeholder,.section-item-field textarea::placeholder{color:var(--text-secondary);opacity:.5}.section-item-field textarea{line-height:1.5;min-height:60px;resize:vertical}.section-item-field select{cursor:pointer;height:40px}.speaker-photo-area,.sponsor-logo-area{flex-shrink:0;height:72px;width:72px}.speaker-photo-upload,.sponsor-logo-upload{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;height:72px;justify-content:center;transition:all .15s ease;width:72px}.sponsor-logo-upload{border-radius:var(--radius-md)}.speaker-photo-upload:hover,.sponsor-logo-upload:hover{border-color:#ffab4d;color:#ffab4d}.speaker-photo-upload svg{font-size:24px!important}.speaker-photo-upload span{font-family:Poppins,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase}.speaker-photo-preview,.sponsor-logo-preview{height:72px;position:relative;width:72px}.speaker-photo-preview img{border:2px solid var(--border-light);border-radius:50%;height:72px;object-fit:cover;width:72px}.sponsor-logo-preview img{background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-md);height:72px;object-fit:contain;width:72px}.speaker-photo-change{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;bottom:-4px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%);transition:all .15s ease;white-space:nowrap}.speaker-photo-change:hover{border-color:#ffab4d;color:#ffab4d}.section-add-item-btn{align-items:center;background:#0000;border:2px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.section-add-item-btn:hover{background:#ffab4d0a;border-color:#ffab4d;color:#ffab4d}.section-add-item-btn svg{font-size:18px!important}.schedule-item-number{color:#ffab4d;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.description-section-editor{min-height:200px}.editor-char-counter{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;padding:4px 12px;text-align:right}.editor-char-counter.near-limit{color:#c2710c}.editor-char-counter.at-limit{color:#dc2626;font-weight:600}@media (max-width:640px){.section-item-row{grid-template-columns:1fr}.section-card-header{padding:12px}.section-card-body{padding:16px}}.event-detail-section{margin-bottom:32px}.event-detail-section-title{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 16px;padding-bottom:10px}.event-section-description{color:var(--text-primary);font-family:Aleo,serif;font-size:15px;line-height:1.7}.event-section-description img{border-radius:var(--radius-md);margin:12px 0;max-width:100%}.event-section-description a{color:#ffab4d;text-decoration:none}.event-section-description a:hover{text-decoration:underline}.event-section-speakers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.event-speaker-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px;transition:border-color .15s ease}.event-speaker-card:hover{border-color:#ffab4d}.event-speaker-photo{flex-shrink:0}.event-speaker-photo img{border:2px solid var(--border-light);border-radius:50%;height:64px;object-fit:cover;width:64px}.event-speaker-photo-placeholder{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.event-speaker-photo-placeholder svg{font-size:32px!important}.event-speaker-info{flex:1 1;min-width:0}.event-speaker-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px}.event-speaker-title{color:#ffab4d;font-family:Aleo,serif;font-size:14px;font-weight:500;margin:0 0 2px}.event-speaker-org{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;margin:0 0 8px}.event-speaker-bio{color:var(--text-primary);font-family:Aleo,serif;font-size:13px;line-height:1.5;margin:0}.event-section-sponsors{display:flex;flex-direction:column;gap:24px}.event-sponsors-tier-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.event-sponsors-row{display:flex;flex-wrap:wrap;gap:16px}.event-sponsor-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;min-width:120px;padding:16px 20px;transition:border-color .15s ease}.event-sponsor-card:hover{border-color:#ffab4d}.event-sponsor-logo{height:60px;object-fit:contain;width:80px}.event-sponsor-logo-placeholder{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:#ffab4d;display:flex;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.event-sponsor-name{color:var(--text-primary);font-family:Aleo,serif;font-size:13px;font-weight:500;text-align:center}.event-sponsor-name a{color:#ffab4d;text-decoration:none}.event-sponsor-name a:hover{text-decoration:underline}.event-section-schedule{display:flex;flex-direction:column}.event-schedule-item{display:flex;gap:16px;position:relative}.event-schedule-timeline{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:6px;width:20px}.event-schedule-dot{background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:50%;flex-shrink:0;height:12px;width:12px;z-index:1}.event-schedule-line{background:var(--border-light);flex:1 1;margin:4px 0;width:2px}.event-schedule-content{flex:1 1;min-width:0;padding-bottom:24px}.event-schedule-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 6px}.event-schedule-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.event-schedule-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-family:Aleo,serif;font-size:13px;gap:4px}.event-schedule-meta-item svg{color:#ffab4d;font-size:16px!important}.event-schedule-pd{background:#ffab4d1a;border-radius:12px;color:#ffab4d;font-weight:600;padding:2px 8px}.event-schedule-description{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;line-height:1.6;margin:0}.event-section-faqs{display:flex;flex-direction:column;gap:8px}.event-faq-item{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s ease}.event-faq-item--open{border-color:#ffab4d}.event-faq-question{align-items:center;background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;gap:12px;justify-content:space-between;padding:14px 16px;text-align:left;transition:background .15s ease;width:100%}.event-faq-question:hover{background:#ffab4d0f}.event-faq-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.event-faq-arrow--open{transform:rotate(180deg)}.event-faq-answer{background:var(--bg-primary);border-top:1px solid var(--border-light);padding:16px}.event-faq-answer p{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap}@media (max-width:640px){.event-section-speakers-grid{grid-template-columns:1fr}.event-speaker-card{align-items:center;flex-direction:column;text-align:center}.event-sponsors-row{justify-content:center}}.dm-page{background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.dm-tab-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:12px 32px}.dm-tab-group{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.dm-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.dm-tab:hover{border-color:#d1d5db;color:#111827}.dm-tab.active{background:#111827;border-color:#111827;color:#fff}.dm-tab-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:10px;font-weight:700;padding:1px 6px}.dm-tab.active .dm-tab-count{background:#ffffff2e;color:#fff}.dm-search-container{flex-shrink:0;position:relative;width:200px}.dm-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;color:#111827;font-family:inherit;font-size:12px;padding:7px 28px 7px 32px;transition:all .15s ease;width:100%}.dm-search-input::placeholder{color:#9ca3af}.dm-search-input:focus{background:#fff;border-color:#f7941d;box-shadow:0 0 0 3px #f7941d14;outline:none}.dm-search-icon{font-size:15px!important;left:9px;pointer-events:none}.dm-search-clear,.dm-search-icon{color:#9ca3af;position:absolute;top:50%;transform:translateY(-50%)}.dm-search-clear{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:3px;right:5px;transition:all .15s ease}.dm-search-clear:hover{background:#f3f4f6;color:#111827}.dm-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px 32px 48px}.dm-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1.5fr 1fr}.dm-main{min-width:0}.dm-sidebar-col{align-self:start;display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:0}.dm-section-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.07em;margin:20px 0 10px;text-transform:uppercase}.dm-section-label:first-child{margin-top:0}.dm-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.dm-loading p{color:#6b7280;font-size:14px;margin:0}.dm-empty{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:80px 20px;text-align:center}.dm-empty h3{color:#111827;font-size:18px;font-weight:600;margin:0}.dm-empty p{color:#6b7280;font-size:14px;margin:0}.dm-spinner{animation:dmSpin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#f7941d;height:36px;width:36px}@keyframes dmSpin{to{transform:rotate(1turn)}}.dm-urgent-cards{gap:12px;margin-bottom:12px}.dm-urgent-card,.dm-urgent-cards{display:flex;flex-direction:column}.dm-urgent-card{animation:dmFadeUp .3s cubic-bezier(.22,1,.36,1) both;background:#fff;border:2px solid #fecaca;border-radius:12px;cursor:pointer;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.dm-urgent-card:hover{border-color:#f87171;box-shadow:0 4px 16px #dc262614}.dm-urgent-card.coming-soon{border-color:#fed7aa}.dm-urgent-card.coming-soon:hover{border-color:#fdba74;box-shadow:0 4px 16px #f7941d14}.dm-urgent-card.featured{border-color:#e5e7eb}.dm-urgent-card.featured:hover{border-color:#d1d5db;box-shadow:0 4px 16px #0000000f}.dm-urgent-image{background:#f3f4f6;flex-shrink:0;height:184px;overflow:hidden;width:100%}.dm-urgent-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.dm-urgent-card:hover .dm-urgent-image img{transform:scale(1.03)}.dm-urgent-placeholder{align-items:center;background:#f3f4f6;display:flex;height:100%;justify-content:center;width:100%}.dm-urgent-dot{animation:dmPulse 2s ease-in-out infinite;background:#dc2626;border-radius:50%;flex-shrink:0;height:10px;width:10px}.dm-urgent-dot.orange{background:#f7941d}@keyframes dmPulse{0%{box-shadow:0 0 0 0 #dc262666}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 0 0 #dc262600}}.dm-urgent-body{display:flex;flex-direction:column;gap:7px;padding:16px 18px}.dm-urgent-header{align-items:center;display:flex;gap:8px}.dm-urgent-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dm-urgent-flag{background:#fef2f2;border-radius:4px;color:#dc2626;display:inline-flex;font-size:10px;font-weight:800;padding:2px 8px;text-transform:uppercase}.dm-urgent-title{-webkit-line-clamp:2;color:#111827;font-size:19px;font-weight:700;line-height:1.3}.dm-urgent-desc,.dm-urgent-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.dm-urgent-desc{-webkit-line-clamp:4;color:#6b7280;font-size:13.5px;line-height:1.55}.dm-urgent-details{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.dm-urgent-detail{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:5px}.dm-urgent-detail svg{color:#9ca3af;flex-shrink:0}.dm-urgent-meta{color:#9ca3af;font-size:11px}.dm-urgent-footer{align-items:center;border-top:1px solid #f5f5f5;display:flex;justify-content:space-between;margin-top:4px;padding-top:10px}.dm-urgent-cta{align-items:center;color:#dc2626;display:inline-flex;font-size:13px;font-weight:600;gap:4px}.dm-urgent-card.coming-soon .dm-urgent-cta,.dm-urgent-card.featured .dm-urgent-cta{color:#f7941d}.dm-urgent-card:hover .dm-urgent-cta{gap:7px}.dm-carousel-section{margin-bottom:16px}.dm-carousel-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.dm-carousel-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dm-carousel-title{color:#111827;font-size:13px;font-weight:700}.dm-carousel-count{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:10px;font-weight:700;padding:1px 7px}.dm-carousel-nav{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .15s ease;width:26px}.dm-carousel-nav:hover{border-color:#d1d5db;color:#111827}.dm-carousel-track{-ms-overflow-style:none;display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.dm-carousel-track::-webkit-scrollbar{display:none}.dm-carousel-card{animation:dmFadeUp .3s cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid #e5e7eb;border-radius:9px;cursor:pointer;flex-shrink:0;max-width:240px;min-width:240px;overflow:hidden;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.dm-carousel-card:hover{box-shadow:0 3px 10px #0000000d;transform:translateY(-1px)}.dm-ccard-image{background:#f3f4f6;height:90px;overflow:hidden}.dm-ccard-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.dm-carousel-card:hover .dm-ccard-image img{transform:scale(1.03)}.dm-ccard-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.dm-ccard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:12.5px;font-weight:700}.dm-ccard-desc,.dm-ccard-title{line-height:1.3;margin:0;overflow:hidden}.dm-ccard-desc{color:#9ca3af;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dm-ccard-date{color:#b5b5b5;font-size:10.5px}.dm-feed{display:flex;flex-direction:column;gap:8px}.dm-feed-img-card{animation:dmFadeUp .3s cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;transition:box-shadow .2s ease}.dm-feed-img-card:hover{box-shadow:0 3px 12px #0000000d}.dm-feed-img{background:#f3f4f6;flex-shrink:0;overflow:hidden;width:140px}.dm-feed-img img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.dm-feed-img-card:hover .dm-feed-img img{transform:scale(1.03)}.dm-feed-body{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0;padding:12px 14px}.dm-feed-title{color:#111827;font-size:15px;font-weight:700;line-height:1.3;margin:0}.dm-feed-title.summit{font-size:17px}.dm-feed-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.45;margin:0;overflow:hidden}.dm-feed-meta{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.dm-feed-meta svg{flex-shrink:0}.dm-feed-ago{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;font-size:10px;font-weight:700;padding:1px 7px}.dm-feed-text-row{align-items:center;animation:dmFadeUp .3s cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:box-shadow .2s ease}.dm-feed-text-row:hover{box-shadow:0 2px 8px #0000000a}.dm-feed-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dm-feed-text-body{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.dm-feed-text-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dm-feed-text-title{color:#111827;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-feed-text-title.summit{font-size:15px}.dm-feed-text-desc{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-feed-text-chevron{color:#d1d5db;flex-shrink:0;transition:color .15s ease}.dm-feed-text-row:hover .dm-feed-text-chevron{color:#f7941d}.dm-sidebar-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.dm-sidebar-panel.urgent{border:2px solid #fecaca}.dm-sidebar-panel.coming-soon{border:2px solid #fed7aa}.dm-sidebar-panel-header{align-items:center;border-bottom:1px solid #f3f4f6;color:#9ca3af;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;padding:12px 16px;text-transform:uppercase}.dm-sidebar-panel.urgent .dm-sidebar-panel-header{border-bottom-color:#fef2f2;color:#dc2626}.dm-sidebar-panel.coming-soon .dm-sidebar-panel-header{border-bottom-color:#fff7ed;color:#f7941d}.dm-sidebar-item{border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 16px;transition:background .15s ease}.dm-sidebar-item:last-child{border-bottom:none}.dm-sidebar-item:hover{background:#fafafa}.dm-sidebar-panel.urgent .dm-sidebar-item:hover{background:#fef2f2}.dm-sidebar-panel.coming-soon .dm-sidebar-item:hover{background:#fff7ed}.dm-sidebar-item-top{align-items:center;display:flex;gap:6px}.dm-sidebar-item-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dm-sidebar-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:12.5px;font-weight:700;line-height:1.35;margin:0;overflow:hidden}.dm-sidebar-item-title.urgent-title{font-size:13px}.dm-sidebar-item-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:11.5px;line-height:1.35;margin:0;overflow:hidden}.dm-sidebar-item-date{color:#b5b5b5;font-size:10.5px}.dm-badge{align-items:center;border:1px solid;border-radius:5px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 9px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.dm-past-row{align-items:center;animation:dmFadeUp .3s cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid #e5e7eb;border-radius:7px;cursor:pointer;display:flex;gap:10px;opacity:.5;padding:10px 12px;transition:opacity .2s ease}.dm-past-row:hover{opacity:.75}.dm-past-title{color:#111827;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}.dm-past-days,.dm-past-title{font-weight:600;white-space:nowrap}.dm-past-days{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;flex-shrink:0;font-size:10px;padding:1px 7px}.dm-past-meta{color:#b5b5b5;flex-shrink:0;font-size:12px;margin-left:auto;white-space:nowrap}.dm-past-chevron{color:#d1d5db;flex-shrink:0;transition:color .15s ease}.dm-past-row:hover .dm-past-chevron{color:#f7941d}.dm-countdown{background:#fff7ed;border:1px solid #fed7aa;border-radius:5px;color:#f7941d;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}@keyframes dmFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dm-grid.dm-grid-detail-mode{grid-template-columns:2fr 1fr}.dm-detail-panel{animation:dmFadeUp .3s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.dm-detail-hero{border-radius:10px;margin-bottom:20px;max-height:320px;overflow:hidden}.dm-detail-hero img{display:block;height:100%;object-fit:cover;width:100%}.dm-detail-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.dm-detail-title{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0 0 20px}.dm-detail-meta{grid-gap:16px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.dm-detail-meta-item{align-items:flex-start;display:flex;gap:10px}.dm-detail-meta-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.dm-detail-meta-value{color:#374151;font-size:14px;font-weight:500;line-height:1.4}.dm-detail-rsvp{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.dm-detail-rsvp-status{align-items:center;color:#059669;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px}.dm-detail-description{color:#4b5563;font-size:15px;line-height:1.7;margin-bottom:24px}.dm-detail-description p{margin:0 0 12px}.dm-detail-sessions{margin-top:24px}.dm-detail-sessions-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.dm-detail-session-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin-bottom:8px;padding:12px 16px}.dm-detail-session-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.dm-detail-session-meta{color:#6b7280;font-size:12px}.dm-detail-session-desc{color:#6b7280;font-size:13px;line-height:1.5;margin:6px 0 0}.dm-event-list-item{border-left:3px solid #0000;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .15s ease}.dm-event-list-item:hover{background:#f3f4f6}.dm-event-list-item.active{background:#fff8f0;border-left-color:#ffab4d}.dm-event-list-item.past{opacity:.55}.dm-event-list-item.past:hover{opacity:.8}.dm-event-list-top{align-items:center;display:flex;gap:6px;margin-bottom:4px}.dm-event-list-title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 2px}.dm-event-list-date{color:#9ca3af;font-size:12px}@media (max-width:900px){.dm-grid,.dm-grid.dm-grid-detail-mode{grid-template-columns:1fr}.dm-sidebar-col{position:static}.dm-detail-meta{grid-template-columns:1fr}}@media (max-width:768px){.dm-tab-bar{flex-wrap:wrap;gap:10px;padding:10px 20px}.dm-search-container{width:100%}.dm-content{padding:16px 20px 40px}.dm-feed-img{width:110px}}@media (max-width:480px){.dm-tab-bar{padding:8px 16px}.dm-tab-group{flex-wrap:nowrap;overflow-x:auto}.dm-tab{font-size:11px;padding:5px 10px}.dm-content{padding:12px 16px 32px}.dm-carousel-card{max-width:200px;min-width:200px}.dm-feed-img-card{flex-direction:column}.dm-feed-img{height:120px;width:100%}.dm-past-row{flex-wrap:wrap;gap:6px}.dm-past-meta{margin-left:0}}.events-page-wrapper{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}.events-page-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.event-type-badge{background:#f7941d1a;border:1px solid #f7941d40;border-radius:5px;color:#f7941d;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase}.event-detail-fullscreen{margin:0 auto;max-width:840px;padding:32px 24px 48px}.event-detail-fullscreen .event-detail-hero-image{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:32px;max-height:320px;object-fit:cover;width:100%}.event-detail-fullscreen .event-detail-header{margin-bottom:28px}.event-detail-fullscreen .event-detail-title{word-wrap:break-word;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.25;margin:0 0 8px;overflow-wrap:break-word}.event-detail-fullscreen .event-detail-meta{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:24px;margin-bottom:28px;padding:20px 24px}.event-detail-fullscreen .event-detail-meta-item{align-items:flex-start;display:flex;flex:1 1 200px;gap:12px;min-width:0}.event-detail-fullscreen .event-detail-meta-item svg{color:#f7941d;flex-shrink:0;font-size:22px;margin-top:2px}.event-detail-fullscreen .event-detail-meta-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.event-detail-fullscreen .event-detail-meta-value{word-wrap:break-word;color:#111827;font-size:15px;line-height:1.5;overflow-wrap:break-word}.event-detail-fullscreen .event-detail-section{margin-bottom:32px}.event-detail-fullscreen .event-detail-section-title{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:6px;text-transform:uppercase}.event-detail-fullscreen .event-detail-description{word-wrap:break-word;color:#111827;font-size:16px;line-height:1.75;margin:0;overflow-wrap:break-word;white-space:pre-wrap}.event-detail-fullscreen .event-detail-description.article-content-rich{white-space:normal}.event-detail-fullscreen .event-detail-description.article-content-rich p{margin:0 0 16px}.event-detail-fullscreen .event-detail-description.article-content-rich h1,.event-detail-fullscreen .event-detail-description.article-content-rich h2,.event-detail-fullscreen .event-detail-description.article-content-rich h3{color:#111827;font-weight:600;margin:24px 0 12px}.event-detail-fullscreen .event-detail-description.article-content-rich h1{font-size:28px}.event-detail-fullscreen .event-detail-description.article-content-rich h2{font-size:22px}.event-detail-fullscreen .event-detail-description.article-content-rich h3{font-size:18px}.event-detail-fullscreen .event-detail-description.article-content-rich blockquote{border-left:4px solid #f7941d;color:#6b7280;font-style:italic;margin:20px 0;padding-left:20px}.event-detail-fullscreen .event-detail-description.article-content-rich ol,.event-detail-fullscreen .event-detail-description.article-content-rich ul{margin:16px 0;padding-left:28px}.event-detail-fullscreen .event-detail-description.article-content-rich li{margin-bottom:6px}.event-detail-fullscreen .event-detail-description.article-content-rich img{border-radius:var(--radius-md);display:block;height:auto;margin:20px 0;max-width:100%}.event-detail-fullscreen .event-detail-description.article-content-rich a{color:#f7941d;text-decoration:underline}.event-detail-fullscreen .event-detail-description.article-content-rich a:hover{color:#e8850e}.event-detail-fullscreen .event-detail-capacity{color:#6b7280;font-size:15px;margin:0}.event-detail-fullscreen .event-detail-sessions{list-style:none;margin:0;padding:0}.event-detail-fullscreen .event-detail-session-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-md);margin-bottom:12px;padding:16px 20px}.event-detail-fullscreen .event-detail-session-card:last-child{margin-bottom:0}.event-detail-fullscreen .event-detail-session-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.event-detail-fullscreen .event-detail-session-meta{color:#6b7280;font-size:13px;margin:0 0 8px}.event-detail-fullscreen .event-detail-session-desc{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.event-detail-fullscreen .event-detail-link{color:#f7941d;font-weight:500;text-decoration:none;word-break:break-all}.event-detail-fullscreen .event-detail-link:hover{text-decoration:underline}.event-detail-fullscreen .event-detail-rsvp-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:28px;padding:16px 20px}.event-detail-fullscreen .event-detail-rsvp-status{align-items:center;color:#2e7d32;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px}.event-detail-fullscreen .event-detail-rsvp-status svg{color:#2e7d32;font-size:22px}.btn-rsvp{align-items:center;background:linear-gradient(135deg,#f7941d,#e8850e);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 28px;transition:all .2s ease;white-space:nowrap}.btn-rsvp:hover:not(:disabled){box-shadow:0 4px 12px #f7941d4d;transform:translateY(-1px)}.btn-rsvp:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-cancel-rsvp{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:var(--radius-md);color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-cancel-rsvp:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.btn-cancel-rsvp:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background:#000000d9;padding:0;z-index:9999}.modal-content{border-radius:0;box-shadow:none;height:100vh;max-height:100vh}.modal-header-top{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:0;padding:16px 32px;z-index:10}.modal-title-section{background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:20px 24px 24px}.modal-title-section h2{color:#111827;font-size:32px}.modal-delete-btn,.modal-edit-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.modal-edit-btn{background:linear-gradient(135deg,#f7941d,#e8850e)}.modal-edit-btn:hover{box-shadow:0 4px 10px #f7941d4d;transform:translateY(-1px)}.modal-delete-btn{background:#fef2f2;color:#dc2626}.modal-delete-btn:hover{background:#fee2e2}.modal-close{border-radius:var(--radius-sm);color:#6b7280;transition:all .15s ease}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-image{border-radius:var(--radius-md);margin-bottom:24px;overflow:hidden;width:100%}.modal-image img{display:block;height:auto;width:100%}.event-details{display:flex;flex-direction:column;gap:24px}.detail-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{align-items:flex-start;display:flex;gap:12px}.meta-item svg{color:#f7941d;flex-shrink:0;font-size:20px;margin-top:2px}.meta-item strong{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.meta-item div{color:#111827;font-size:14px}.event-content{border-top:1px solid #e5e7eb;padding-top:24px}.event-content h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.event-content p{color:#6b7280;font-size:15px;line-height:1.7;margin:0}.event-attendees{border-top:1px solid #e5e7eb;padding-top:24px}.event-attendees h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.event-attendees p{color:#6b7280;font-size:15px;margin:0}@media (max-width:768px){.event-detail-fullscreen{padding:20px 16px 40px}.event-detail-fullscreen .event-detail-title{font-size:22px}.event-detail-fullscreen .event-detail-meta{flex-direction:column;gap:16px}.event-detail-fullscreen .event-detail-rsvp-section{align-items:stretch;flex-direction:column;gap:12px}}.event-attendees-section{border-top:1px solid var(--border-light);margin-top:32px;padding-top:24px}.event-attendees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.event-attendees-header .event-detail-section-title{margin-bottom:0}.event-attendees-empty{color:var(--text-secondary);font-size:13px;padding:32px 16px;text-align:center}.event-attendees-table{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.event-attendees-table table{border-collapse:collapse;font-size:13px;width:100%}.event-attendees-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.event-attendees-table td,.event-attendees-table th{border-bottom:1px solid var(--border-light);padding:10px 14px}.event-attendees-table td{color:var(--text-primary)}.event-attendees-table tr:last-child td{border-bottom:none}.event-attendees-table tr:hover td{background:var(--bg-secondary)}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{align-items:center;background-image:none;display:flex;gap:8px;justify-content:space-between;padding-right:36px;text-align:left;width:100%}.custom-dropdown-trigger-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-trigger-chevron{background:var(--naums-select-chevron) no-repeat center;background-size:12px 12px;flex-shrink:0;height:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform var(--transition-fast);width:12px}.custom-dropdown-trigger--open .custom-dropdown-trigger-chevron{transform:translateY(-50%) rotate(180deg)}.custom-dropdown-trigger--open{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffab4d26}.custom-dropdown-panel{max-height:280px;overflow-y:auto}.custom-dropdown-option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:var(--transition-fast);width:100%}.custom-dropdown-option:hover{background:var(--bg-secondary)}.custom-dropdown-option--selected{color:var(--text-primary);font-weight:600}.custom-dropdown-option-check{align-items:center;color:var(--accent-color);display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;justify-content:center;width:18px}.custom-dropdown-option-label{flex:1 1;min-width:0}.form-group .custom-dropdown,.form-group .custom-dropdown .custom-dropdown-trigger{width:100%}.create-announcement-page-wrapper,.create-user-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.page-title-section{flex-direction:column;gap:8px}.back-button{color:var(--text-secondary);display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:4px;padding:2px 0;transition:color .2s ease;width:-webkit-fit-content;width:fit-content}.back-button:hover{color:#ffab4d}.back-button svg{font-size:16px!important;transition:transform .2s ease}.back-button:hover svg{transform:translateX(-2px)}.btn-remove-image{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px}.btn-remove-image:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.layout-toggle-bar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 32px}.layout-toggle-char-counter{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px}.layout-toggle-char-counter.near-limit{color:#c2710c;font-weight:600}.layout-toggle-char-counter.at-limit{color:#dc2626;font-weight:600}.layout-toggle{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:8px;display:flex;gap:4px;padding:4px}.layout-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.layout-toggle-btn:hover{background:#ffab4d1a;color:var(--text-primary)}.layout-toggle-btn.active{background:linear-gradient(135deg,#ffab4d,#ff4713);box-shadow:0 2px 6px #ffab4d40;color:#fff}.layout-toggle-btn svg{font-size:18px!important}.edit-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-x:visible;overflow-y:auto;padding:24px 32px;position:relative}.edit-form{margin:0 auto;max-width:900px;overflow:visible;padding-bottom:120px;position:relative;width:100%}.preview-column{display:none}.edit-content.single-column .edit-form{margin:0 auto;max-width:900px}.edit-content.single-column .preview-column{display:none}@media (min-width:1200px){.edit-content:not(.single-column){grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.edit-content:not(.single-column) .edit-form{margin:0;max-width:none}.edit-content:not(.single-column) .preview-column{display:block}.edit-content:not(.single-column) .editor-toolbar-preview{display:none}}.form-section{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;margin-bottom:24px;overflow:visible;padding:32px;position:relative}.form-section--two-cols{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-section-col{min-width:0}.form-section h2{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.3px;margin:0 0 24px;padding-bottom:12px}.form-section--two-cols h2{border-bottom:1px solid var(--border-light);font-size:16px;font-weight:600;letter-spacing:0;margin:0 0 12px;padding-bottom:8px}.status-notifications-group{display:flex;flex-direction:column;gap:8px}.checkbox-label--compact{background:var(--bg-primary);border:2px solid var(--accent-color);border-radius:var(--radius-md);color:var(--accent-color);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.checkbox-label--compact:hover{background:#ffab4d1a;border-color:var(--highlight-color);color:var(--highlight-color)}.checkbox-label--compact input[type=checkbox]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.checkbox-label--compact:has(input:checked){background:linear-gradient(135deg,#ffab4d,#ff4713);border-color:#0000;box-shadow:0 4px 12px #ffab4d40;color:#fff}.checkbox-label--compact:has(input:checked):hover{box-shadow:0 6px 16px #ffab4d59;transform:translateY(-1px)}.checkbox-label--compact:has(input:checked) .toggle-button-text{color:#fff}.status-notifications-hint{color:var(--text-secondary);display:block;font-size:12px;margin-top:6px}.section-title{border-bottom:2px solid var(--border-light);margin:0 0 24px;padding-bottom:12px}.form-row{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group label .required{color:#ff4713;margin-left:2px}.field-hint{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;font-style:italic;margin-top:4px}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;font-weight:400;padding:12px 16px;position:relative;transition:all .2s ease}.form-group .naums-select,.form-group input{height:48px}.form-group textarea{line-height:1.6;min-height:200px}.form-group input:focus,.form-group textarea:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);font-family:Aleo,serif;opacity:.5}.checkbox-field label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-field input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;height:20px;width:20px}.checkbox-field span{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;font-weight:500}.checkbox-group{grid-gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.checkbox-label{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;padding:12px 16px;transition:all .2s ease}.checkbox-label:hover{background:var(--bg-primary);border-color:var(--border-medium)}.checkbox-label input[type=checkbox]{height:20px;width:20px}.checkbox-label input[type=checkbox]:checked+span{color:#ff4713;font-weight:600}.target-audience-group.checkbox-group{display:flex;flex-direction:column;gap:12px}.toggle-button-content{align-items:center;display:inline-flex;gap:10px;justify-content:center}.toggle-check-icon{color:#fff}.form-actions{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;gap:16px;padding:24px 32px}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.btn-primary{background-color:#f93}.btn-primary:hover:not(:disabled){background-color:#e68a2e}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.edit-content{padding:20px}.form-section{padding:24px 20px}.form-row,.form-section--two-cols{grid-template-columns:1fr}.form-actions{padding:20px}.checkbox-group{grid-template-columns:1fr}.layout-toggle-bar{padding:10px 20px}.layout-toggle-btn span{display:none}.layout-toggle-btn{padding:8px 10px}}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:Aleo,serif;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.custom-select-trigger:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.custom-select-trigger:focus{outline:none}.custom-select-trigger.open,.custom-select-trigger:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a}.custom-select-trigger:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.custom-select-value{color:var(--text-primary);flex:1 1}.custom-select-arrow{color:var(--text-secondary);font-size:20px!important;transition:transform .2s ease}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{animation:dropdownSlideIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;font-family:Aleo,serif;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#ffab4d14;color:#ffab4d}.custom-select-option.selected{background:#ffab4d1f;color:#ffab4d;font-weight:600}.custom-select-option .check-icon{color:#ffab4d;font-size:18px!important}@media (max-width:480px){.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.file-upload-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.file-upload-btn:hover{background:var(--bg-primary);border-color:#ffab4d;box-shadow:0 2px 8px #ffab4d26;transform:translateY(-1px)}.file-upload-btn:active{transform:translateY(0)}.document-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.document-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.document-item:hover{background:var(--bg-tertiary);border-color:#ffab4d}.document-name{color:var(--text-primary);flex:1 1;font-size:14px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.document-name:hover{color:#ffab4d}.remove-document-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.remove-document-btn:hover{background:#fee;border-color:#ef4444;color:#ef4444}.cover-image-upload-area{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 24px;text-align:center;transition:all .2s ease}.cover-image-upload-area:hover{background:#ffab4d0a;border-color:#ffab4d}.cover-image-upload-area span{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.cover-image-upload-area small{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px}.cover-image-upload-area .upload-status{align-items:center;color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:10px}.spinner-small{animation:spin .6s linear infinite;border:2px solid var(--border-light);border-top:2px solid #ffab4d;height:20px;width:20px}.cover-image-preview{border:2px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative}.cover-image-preview img{display:block;max-height:300px;object-fit:cover;width:100%}.btn-remove-cover{align-items:center;background:#fffffff2;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0000001f;color:#ef4444;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;position:absolute;right:10px;top:10px;transition:all .2s ease}.btn-remove-cover:hover{background:#ef4444;border-color:#ef4444;color:#fff}.btn-remove-cover svg{font-size:16px!important}.announcements-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.announcements-page-wrapper.article-page{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.page-title{color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.topic-education{background:#2196f3f2;color:#fff}.topic-news{background:#9c27b0f2;color:#fff}.topic-event{background:#ff9800f2;color:#fff}.topic-policy{background:#f44336f2;color:#fff}.topic-announcement{background:#4caf50f2;color:#fff}.topic-general{background:#9e9e9ef2;color:#fff}.topic-badge-inline{border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.topic-badge-inline.topic-education{background:#2196f326;border:1px solid #2196f34d;color:#1976d2}.topic-badge-inline.topic-news{background:#9c27b026;border:1px solid #9c27b04d;color:#7b1fa2}.topic-badge-inline.topic-event{background:#ff980026;border:1px solid #ff98004d;color:#f57c00}.topic-badge-inline.topic-policy{background:#f4433626;border:1px solid #f443364d;color:#d32f2f}.topic-badge-inline.topic-announcement{background:#4caf5026;border:1px solid #4caf504d;color:#388e3c}.topic-badge-inline.topic-general{background:#9e9e9e26;border:1px solid #9e9e9e4d;color:#616161}.spinner{border:3px solid #e5e7eb;border-top-color:#f7941d;height:36px;width:36px}.article-container{grid-gap:48px;box-sizing:border-box;display:grid;gap:48px;grid-template-columns:1fr 340px;margin:0 auto;max-width:1200px;padding:40px 32px 80px;width:100%}.article-main{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:48px}.article-header{margin-bottom:32px}.article-title-large{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:42px;font-weight:700;letter-spacing:-.8px;line-height:1.2;margin:0 0 20px}.article-meta-bar{align-items:center;border-bottom:2px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:14px;gap:12px;padding-bottom:24px}.article-meta-bar .meta-item{align-items:center;display:flex;gap:6px}.article-meta-bar svg{color:#ffab4d}.article-featured-image{border-radius:0;height:450px;margin-bottom:40px;margin-left:-48px;overflow:hidden;width:calc(100% + 96px)}.article-featured-image img{height:100%;object-fit:cover;width:100%}.article-content-body{color:var(--text-primary);font-family:Aleo,serif;font-size:18px;line-height:1.8;margin-bottom:40px;white-space:pre-wrap}.article-content-body.article-content-rich{white-space:normal}.article-content-rich h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:32px 0 16px}.article-content-rich h2{font-size:24px;line-height:1.3;margin:28px 0 12px}.article-content-rich h2,.article-content-rich h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600}.article-content-rich h3{font-size:20px;line-height:1.4;margin:24px 0 10px}.article-content-rich p{margin:0 0 16px}.article-content-rich blockquote{border-left:4px solid #ffab4d;color:var(--text-secondary);font-style:italic;margin:20px 0;padding-left:20px}.article-content-rich ol,.article-content-rich ul{margin:16px 0;padding-left:28px}.article-content-rich li{margin-bottom:6px}.article-content-rich a{color:#ffab4d;text-decoration:underline;transition:color .15s ease}.article-content-rich a:hover{color:#f93}.article-content-rich img{border-radius:var(--radius-md);display:block;height:auto;margin:20px 0;max-width:100%}.article-content-rich code{background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.article-content-rich pre{background:var(--bg-secondary);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.article-sidebar{align-self:flex-start;display:flex;flex-direction:column;gap:32px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:4px;position:-webkit-sticky;position:sticky;top:24px}.article-sidebar::-webkit-scrollbar{width:6px}.article-sidebar::-webkit-scrollbar-track{background:#0000}.article-sidebar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.article-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.sidebar-section{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.sidebar-heading{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.sidebar-heading svg{color:#ffab4d}.sidebar-articles{display:flex;flex-direction:column;gap:16px}.sidebar-article{border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s ease}.sidebar-article:hover{background:var(--bg-secondary)}.sidebar-article-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.sidebar-article-image img{height:100%;object-fit:cover;width:100%}.sidebar-article-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.sidebar-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.sidebar-article-date{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:4px}.sidebar-article-date svg{font-size:14px!important}.sidebar-article-simple{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s ease}.sidebar-article-simple:hover{background:var(--bg-secondary)}.sidebar-topic-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.sidebar-article-simple-content{flex:1 1}.sidebar-article-simple-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 6px}.sidebar-article-date-small{color:var(--text-tertiary);font-size:12px}.sidebar-empty-message{color:var(--text-tertiary);font-family:Aleo,serif;font-size:14px;font-style:italic;margin:0;padding:24px 16px;text-align:center}.attachments-section{border-top:2px solid var(--border-light);margin-top:40px;padding-top:32px}.attachments-section h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.attachment-link:hover{background:var(--bg-primary);border-color:#ffab4d;color:#ff4713}.attachment-link svg{color:#ffab4d;font-size:20px!important}.urgent-badge{align-items:center;background:linear-gradient(135deg,#f44,#c00);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.5px;margin-right:8px;padding:3px 8px;vertical-align:middle}.urgent-badge svg{font-size:14px!important}@media (max-width:1024px){.article-container{grid-template-columns:1fr;padding:24px 20px 60px}.article-sidebar{max-height:none;order:-1;position:static}}@media (max-width:768px){.article-main{padding:24px}.article-title-large{font-size:32px}.article-featured-image{height:300px;margin-left:-24px;width:calc(100% + 48px)}.article-meta-bar{flex-wrap:wrap}}@media (max-width:480px){.article-container{padding:20px 16px 60px}.article-main{padding:20px}.article-title-large{font-size:26px}.article-featured-image{height:220px;margin-left:-20px;width:calc(100% + 40px)}}.documents-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.documents-content{flex:1 1;overflow-y:auto;padding:24px 32px}.doc-category-sections{display:flex;flex-direction:column;gap:16px}.doc-category-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.doc-category-header{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:14px 20px;text-align:left;transition:background .15s ease;width:100%}.doc-category-header:hover{background:#f9fafb}.doc-category-chevron{color:var(--text-secondary);flex-shrink:0;font-size:22px!important;transform:rotate(-90deg);transition:transform .2s ease}.doc-category-chevron.expanded{transform:rotate(0deg)}.doc-category-icon{align-items:center;display:flex;justify-content:center}.doc-category-icon svg{font-size:20px}.doc-category-name{flex:1 1}.doc-category-count{background:#f1f5f9;border-radius:9999px;color:#64748b;font-size:12px;font-weight:700;line-height:1.5;padding:2px 10px}.doc-category-body{border-top:1px solid #f1f5f9;padding:4px 20px 20px}.doc-cards-grid{display:flex;flex-wrap:wrap;gap:12px}.doc-card{align-items:flex-start;animation:docCardFadeUp .25s ease both;background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;width:240px}@keyframes docCardFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.doc-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.doc-card-icon{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.doc-card-icon svg{color:#64748b;font-size:18px}.doc-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.doc-card-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.3}.doc-card-desc,.doc-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.doc-card-desc{color:#94a3b8;font-size:12px;line-height:1.4}.doc-card-meta{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:5px;margin-top:2px}.doc-card-meta svg{color:#94a3b8}.doc-card-meta-dot{background:#cbd5e1;border-radius:50%;height:3px;width:3px}.doc-card-download{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;transition:all .15s ease;width:28px}.doc-card-download:hover{background:#f93;border-color:#f93;color:#fff}.modal-overlay{padding:clamp(12px,3vw,32px)}.modal-content{max-height:92vh;max-width:100%;overflow-x:hidden}.modal-content.document-modal{max-width:1200px;width:min(1200px,92vw)}.modal-header-top{background:var(--bg-primary);display:flex;justify-content:flex-end;padding:12px 32px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.modal-title-section{align-items:center;background:var(--bg-primary);border-bottom:2px solid var(--border-light);display:flex;flex-direction:column;gap:12px;padding:20px 32px 24px;position:-webkit-sticky;position:sticky;text-align:center;top:52px;z-index:1}.modal-title-section h2{word-wrap:break-word;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.4px;line-height:1.3;margin:0}.document-category-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.document-category-badge svg{font-size:16px}.document-category-badge.large{border-radius:24px;font-size:13px;max-width:100%;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.document-category-badge.large svg{font-size:18px}.modal-delete-btn,.modal-duplicate-btn,.modal-edit-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.modal-edit-btn{background:#ffab4d;color:#fff}.modal-edit-btn:hover{background:#f93}.modal-duplicate-btn{background:#6b7280;color:#fff}.modal-duplicate-btn:hover{background:#4b5563}.modal-delete-btn{background:#ef4444;color:#fff}.modal-delete-btn:hover{background:#dc2626}.modal-body{overflow-x:hidden;padding:24px 32px 32px}.document-modal{max-height:100%;max-width:100%;width:100%}.document-detail-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:2fr 1fr}.document-detail-grid>*{min-width:0}.document-detail-main{display:flex;flex-direction:column;gap:24px;min-width:0}.document-detail-sidebar{display:flex;flex-direction:column;gap:20px;min-width:0}.btn-edit-large{align-items:center;background:#8c88a3;border:none;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;width:100%}.btn-edit-large:hover{background:#736e8f}.btn-download-large{align-items:center;border-radius:10px;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;width:100%}.btn-download-large svg{font-size:24px}.document-preview{align-items:center;background:#f5f7fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;width:100%}.document-preview-embed{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 2px #0000000f;overflow:hidden;width:100%}.document-preview-embed-header{align-items:center;background:#fafafa;border-bottom:1px solid var(--border-light);display:flex;gap:12px;justify-content:space-between;min-width:0;padding:12px 14px}.document-preview-embed-title{color:var(--text-primary);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-preview-embed-open{background:#fff;border:1px solid var(--border-light);border-radius:10px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:6px 10px}.document-preview-embed-open:hover{background:var(--bg-secondary)}.document-preview-iframe{border:0}.document-preview-iframe,.document-preview-image{background:#fff;display:block;height:clamp(320px,50vh,520px);width:100%}.document-preview-image{object-fit:contain}.document-preview-unavailable{color:#666;font-size:13px;line-height:1.4;overflow-wrap:anywhere;padding:14px}.document-preview svg{color:#4a4f55;font-size:64px}.preview-text{display:flex;flex-direction:column;gap:4px}.preview-text strong{color:#1a1a1a;font-size:14px;word-break:break-word}.preview-text span{color:#666;font-size:12px}.document-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;min-width:0}.document-tag{background:#f5f5f5;border-radius:12px;color:#666;font-size:12px;font-weight:500;max-width:100%;overflow-wrap:anywhere;padding:4px 12px}.document-tag.large{border-radius:16px;font-size:13px;padding:6px 14px}.file-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));min-width:0}.file-info-item{display:flex;flex-direction:column;gap:4px;min-width:0}.file-info-item strong{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.file-info-item div{color:#1a1a1a;font-size:14px;font-weight:500;max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.detail-section{border-radius:12px;box-shadow:0 1px 2px #0000000f;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 18px}.detail-section h3{border-bottom:2px solid #e0e0e0;color:#1a1a1a;font-size:16px;font-weight:700;margin:0;padding-bottom:8px}.detail-section p{color:#666;font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere;word-break:break-word}@media (max-width:768px){.doc-card{width:100%}.doc-category-body{padding:4px 12px 16px}.doc-category-header{font-size:14px;padding:12px 14px}.document-detail-grid{grid-template-columns:1fr}.modal-header-top{padding:12px 20px 8px}.modal-title-section{padding:20px 20px 24px}.modal-title-section h2{font-size:24px}.modal-body{padding:20px}}.search-actions-bar{align-items:stretch;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:16px}.search-container-main{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex:2 1;height:48px;min-width:300px;padding:0 16px;position:relative;transition:all .2s ease}.search-container-main:focus-within{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.search-container-main .search-icon{color:var(--text-tertiary);flex-shrink:0;font-size:20px;margin-right:16px}.search-container-main .search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:15px;margin:0;outline:none;padding:0;text-align:center;width:100%}.search-container-main .search-input::placeholder{color:var(--text-tertiary);text-align:center}.search-container-main .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.search-container-main .clear-search:hover{background:var(--bg-secondary);color:var(--text-secondary)}.actions-container{align-items:center;display:flex;gap:12px}.filter-container-inline{align-items:center;background:#0000;border:none;display:flex;gap:8px;height:auto;padding:0;position:relative}.filter-icon-inline{color:var(--text-secondary);font-size:20px!important;left:12px;pointer-events:none;position:absolute;z-index:1}.filter-container-inline .filter-select.naums-select--minimal{background-color:var(--bg-primary);background-image:var(--naums-select-chevron);background-position:right 16px center;background-repeat:no-repeat;background-size:12px 12px;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:14px;height:48px;min-width:180px;padding:0 40px 0 44px}.btn-upload-document{align-items:center;background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 24px;transition:background-color .2s ease;white-space:nowrap}.btn-upload-document:hover{background-color:#e68a2e}.results-count{color:var(--text-secondary);font-size:14px;padding:0 4px}@media (max-width:968px){.search-actions-bar{gap:12px}.search-container-main{min-width:200px}.filter-container-inline .filter-select{font-size:13px;min-width:130px}.btn-upload-document{font-size:13px;padding:12px 16px}}@media (max-width:768px){.page-title{font-size:18px}.search-actions-bar{flex-wrap:wrap;gap:12px}.search-container-main{flex:1 1 100%;min-width:0;width:100%}.search-container-main .search-input{font-size:14px}.actions-container{flex:1 1 100%;justify-content:space-between;width:100%}.filter-container-inline{flex:1 1;max-width:calc(100% - 60px);min-width:0;padding-left:12px}.filter-container-inline .filter-select{background-position:right 12px center;font-size:14px;min-width:0;padding-left:44px;padding-right:32px;width:100%}.filter-icon-inline{left:12px}.btn-upload-document span{display:none}.btn-upload-document{flex-shrink:0;padding:12px}}.filter-custom-dropdown-inline{display:inline-block;flex:1 1;min-width:0;position:relative}.filter-dropdown-trigger-inline{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;height:48px;padding:12px 16px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.filter-dropdown-trigger-inline:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.filter-dropdown-trigger-inline.open{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.filter-dropdown-trigger-inline.open .filter-dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{border-radius:var(--radius-md)}@media (max-width:480px){.page-title{font-size:16px}.search-actions-bar{gap:10px}.filter-container-inline .filter-select{font-size:13px}}.doc-repo-page{--dr-orange:#f7941d;--dr-orange-hover:#e08619;--dr-page-bg:#f4f5f7;--dr-card-bg:#fff;--dr-border:#e8e9ec;--dr-text-primary:#1a1a2e;--dr-text-secondary:#6b7280;--dr-text-muted:#9ca3af;--dr-row-hover:#ffab4d3d;--dr-row-selected:#ffab4d52;--dr-font-body:"Manrope",-apple-system,BlinkMacSystemFont,sans-serif;--dr-font-heading:"Fraunces",Georgia,serif;background-color:var(--dr-page-bg);font-family:var(--dr-font-body);height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 40px}.doc-repo-page,.dr-title-section{display:flex;flex-direction:column}.dr-title-section{gap:2px}.dr-page-title{color:var(--dr-text-primary);font-family:var(--dr-font-heading);font-size:22px;font-weight:700;line-height:1.3;margin:0}.dr-page-subtitle{color:var(--dr-text-muted);font-family:var(--dr-font-body);font-size:13px;font-weight:400;margin:0}.dr-breadcrumb{align-items:center;display:flex;gap:6px;margin-bottom:4px}.dr-breadcrumb,.dr-breadcrumb-link{font-family:var(--dr-font-body);font-size:12px}.dr-breadcrumb-link{background:none;border:none;color:var(--dr-orange);cursor:pointer;font-weight:500;padding:0}.dr-breadcrumb-link:hover{text-decoration:underline}.dr-breadcrumb-sep{color:var(--dr-text-muted);font-size:11px}.dr-breadcrumb-current{color:var(--dr-text-secondary);font-weight:500}.dr-topbar-actions{align-items:center;display:flex;gap:10px}.dr-topbar-search{align-items:center;background:var(--dr-page-bg);border:1px solid var(--dr-border);border-radius:8px;display:flex;max-width:280px;min-width:200px;padding:0 10px;transition:border-color .2s,box-shadow .2s}.dr-topbar-search:focus-within{border-color:var(--dr-orange);box-shadow:0 0 0 3px #f7941d1f}.dr-topbar-search-icon{color:var(--dr-text-muted);flex-shrink:0;font-size:16px!important}.dr-topbar-search-input{background:#0000;border:none;color:var(--dr-text-primary);flex:1 1;font-family:var(--dr-font-body);font-size:13px;outline:none;padding:8px}.dr-topbar-search-input::placeholder{color:var(--dr-text-muted)}.dr-search-clear{align-items:center;background:var(--dr-border);border:none;border-radius:50%;color:var(--dr-text-secondary);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;width:18px}.dr-search-clear svg{font-size:12px!important}.dr-search-clear:hover{background:#d1d5db}.dr-sort-dropdown{position:relative}.dr-sort-btn{align-items:center;background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:8px;color:var(--dr-text-secondary);cursor:pointer;display:flex;font-family:var(--dr-font-body);font-size:13px;font-weight:500;gap:5px;padding:7px 12px;transition:border-color .15s,background .15s;white-space:nowrap}.dr-sort-btn:hover{background:var(--dr-page-bg);border-color:#d1d5db}.dr-sort-btn svg{font-size:17px!important}.dr-sort-chevron{transition:transform .2s}.dr-sort-chevron.open{transform:rotate(180deg)}.dr-sort-menu{animation:drDropdownIn .15s ease;background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:10px;box-shadow:0 8px 24px #0000001a;min-width:170px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:100}@keyframes drDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dr-sort-item{align-items:center;background:#0000;border:none;color:var(--dr-text-primary);cursor:pointer;display:flex;font-family:var(--dr-font-body);font-size:13px;gap:8px;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.dr-sort-item:hover{background:var(--dr-page-bg)}.dr-sort-item.active{background:#fff8f0}.dr-sort-check{color:var(--dr-orange);font-size:15px!important}.dr-contribute-btn{align-items:center;background:#f7941d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:8px 22px;transition:background .2s;white-space:nowrap}.dr-contribute-btn:hover{background:#e08619}.dr-categories-row{display:flex;flex-wrap:wrap;gap:10px;padding:20px 24px 12px}.dr-folder-card{align-items:center;background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:10px;color:var(--dr-text-primary);cursor:pointer;display:flex;font-family:var(--dr-font-body);font-size:13px;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.dr-folder-card:after{background:var(--dr-orange);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s ease;width:0}.dr-folder-card.active:after,.dr-folder-card:hover:after{width:calc(100% - 16px)}.dr-folder-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.dr-folder-card.active{background:#fff9f2;border-color:var(--dr-orange)}.dr-folder-icon{color:var(--dr-orange);flex-shrink:0;font-size:18px!important}.dr-folder-name{color:var(--dr-text-primary)}.dr-folder-count{background:var(--dr-page-bg);border-radius:10px;color:var(--dr-text-muted);font-size:11px;font-weight:600;padding:2px 7px}.dr-folder-card.active .dr-folder-count{background:#f7941d1f;color:var(--dr-orange)}.dr-subfolder-strip{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.dr-subfolder-chip{align-items:center;background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:20px;color:var(--dr-text-secondary);cursor:pointer;display:flex;font-family:var(--dr-font-body);font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .15s}.dr-subfolder-chip:hover{border-color:var(--dr-orange);color:var(--dr-text-primary)}.dr-subfolder-chip.active{background:#fff8f0;border-color:var(--dr-orange);color:var(--dr-orange)}.dr-subfolder-icon{font-size:14px!important}.dr-subfolder-badge{background:var(--dr-page-bg);border-radius:8px;color:var(--dr-text-muted);font-size:10px;font-weight:600;padding:1px 6px}.dr-subfolder-chip.active .dr-subfolder-badge{background:#f7941d1f;color:var(--dr-orange)}.dr-subfolder-chip.dr-new-folder{border-style:dashed;color:var(--dr-text-muted)}.dr-subfolder-chip.dr-new-folder:hover{border-color:var(--dr-orange);color:var(--dr-orange)}.dr-content-area{gap:0;margin:0 24px}.dr-content-area,.dr-list-panel{display:flex;flex:1 1;min-height:0}.dr-list-panel{background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:12px 0 0 12px;flex-direction:column;min-width:0;overflow:hidden}.dr-list-body{flex:1 1;min-height:0;overflow-y:auto}.dr-list-header{align-items:center;border-bottom:1px solid var(--dr-border);display:flex;justify-content:space-between;padding:16px 20px}.dr-list-header-left{align-items:center;display:flex;gap:10px}.dr-list-title{color:var(--dr-text-primary);font-family:var(--dr-font-heading);font-size:16px;font-weight:600;margin:0}.dr-list-count-badge{background:var(--dr-page-bg);border-radius:10px;color:var(--dr-text-muted);font-family:var(--dr-font-body);font-size:11px;font-weight:600;padding:3px 9px}.dr-col-header{background:var(--dr-page-bg);border-bottom:1px solid var(--dr-border);display:grid;grid-template-columns:2fr 1fr .6fr .6fr .8fr .8fr;padding:10px 20px}.dr-col-header .dr-col{color:var(--dr-text-muted);font-family:var(--dr-font-body);font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}.dr-doc-row{align-items:center;border-bottom:1px solid var(--dr-border);cursor:pointer;display:grid;grid-template-columns:2fr 1fr .6fr .6fr .8fr .8fr;padding:12px 20px;transition:background .12s}.dr-doc-row:last-child{border-bottom:none}.dr-doc-row:nth-child(2n){background:#ffab4d24}.dr-doc-row:hover{background:var(--dr-row-hover)}.dr-doc-row.selected{background:var(--dr-row-selected)}.dr-doc-name-cell{align-items:flex-start;display:flex;gap:10px;min-width:0}.dr-file-icon{align-items:center;display:flex;flex-shrink:0;margin-top:2px}.dr-file-icon svg{font-size:20px}.dr-doc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dr-doc-title{color:var(--dr-text-primary);font-family:var(--dr-font-body);font-size:14px;font-weight:600}.dr-doc-desc,.dr-doc-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-doc-desc{color:var(--dr-text-muted);font-size:12px}.dr-category-badge{border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap}.dr-size-text{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums}.dr-size-text,.dr-views-cell{color:var(--dr-text-secondary)}.dr-views-cell{align-items:center;display:flex;font-size:13px;gap:5px}.dr-views-icon{color:var(--dr-text-muted);font-size:14px!important}.dr-date-text{font-feature-settings:"tnum";color:var(--dr-text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.dr-row-actions{align-items:center;display:flex;gap:2px;justify-content:flex-end}.dr-row-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--dr-text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .12s,color .12s;width:30px}.dr-row-action-btn svg{font-size:17px!important}.dr-row-action-btn:hover{background:#f3f4f6;color:var(--dr-text-primary)}.dr-row-action-btn.dr-delete-btn:hover{background:#fef2f2;color:#dc2626}.dr-admin-actions{align-items:center;display:flex;gap:2px}.dr-detail-panel{background:var(--dr-card-bg);border:1px solid var(--dr-border);border-left:none;border-radius:0 12px 12px 0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:300px}.dr-detail-preview{align-items:center;background:#fafafa;border-bottom:1px solid var(--dr-border);display:flex;justify-content:center;min-height:200px}.dr-detail-pdf{border:none;height:220px;width:100%}.dr-detail-image{max-height:220px;object-fit:contain;padding:12px;width:100%}.dr-detail-preview-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;padding:32px 16px}.dr-detail-icon-large svg{font-size:48px!important;opacity:.6}.dr-detail-no-preview{color:var(--dr-text-muted);font-size:12px}.dr-detail-info{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.dr-detail-title{color:var(--dr-text-primary);font-family:var(--dr-font-heading);font-size:15px;font-weight:600;line-height:1.35;margin:0}.dr-detail-description{color:var(--dr-text-secondary);font-size:12px;line-height:1.5;margin:0}.dr-detail-metadata{border-bottom:1px solid var(--dr-border);border-top:1px solid var(--dr-border);display:flex;flex-direction:column;gap:8px;padding:12px 0}.dr-meta-row{align-items:center;display:flex;justify-content:space-between}.dr-meta-label{color:var(--dr-text-muted)}.dr-meta-label,.dr-meta-value{font-size:12px;font-weight:500}.dr-meta-value{font-feature-settings:"tnum";color:var(--dr-text-primary);font-variant-numeric:tabular-nums}.dr-detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.dr-detail-download-btn{align-items:center;background:var(--dr-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--dr-font-body);font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;transition:background .2s;width:100%}.dr-detail-download-btn:hover{background:var(--dr-orange-hover)}.dr-detail-download-btn svg,.dr-detail-share-btn svg{font-size:16px!important}.dr-detail-share-btn{align-items:center;background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:8px;color:var(--dr-text-primary);cursor:pointer;display:flex;font-family:var(--dr-font-body);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 14px;transition:background .15s,border-color .15s;width:100%}.dr-detail-share-btn:hover{background:var(--dr-page-bg);border-color:#d1d5db}.dr-detail-admin-actions{border-top:1px solid var(--dr-border);display:flex;gap:6px;padding-top:8px}.dr-detail-admin-btn{align-items:center;background:var(--dr-card-bg);border:1px solid var(--dr-border);border-radius:6px;color:var(--dr-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:var(--dr-font-body);font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:7px 6px;transition:all .15s}.dr-detail-admin-btn svg{font-size:14px!important}.dr-detail-edit:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.dr-detail-duplicate:hover{background:#f0fdf4;border-color:#86efac;color:#16a34a}.dr-detail-delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.dr-detail-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 16px;text-align:center}.dr-detail-empty-icon{color:var(--dr-text-muted);font-size:40px!important;margin-bottom:10px;opacity:.35}.dr-detail-empty p{color:var(--dr-text-muted);font-size:13px;margin:0}.dr-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.dr-empty-icon{color:var(--dr-text-muted);font-size:48px!important;margin-bottom:12px;opacity:.4}.dr-empty-state p{color:var(--dr-text-muted);font-size:14px;margin:0}.dr-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.dr-loading p{color:var(--dr-text-muted);font-size:14px;margin:0}@media (max-width:1024px){.dr-col-header,.dr-doc-row{grid-template-columns:2fr 1fr .6fr .6fr .8fr .6fr}}@media (max-width:768px){.dr-categories-row{gap:8px;padding:16px 16px 10px}.dr-folder-card{font-size:12px;padding:8px 12px}.dr-subfolder-strip{padding:0 16px 12px}.dr-content-area{margin:0 12px}.dr-list-panel{border-radius:10px}.dr-detail-panel{display:none}.dr-col-header,.dr-doc-row{grid-template-columns:2fr .6fr .8fr .5fr}.dr-col-category,.dr-col-views{display:none}.dr-topbar-search{max-width:180px;min-width:140px}}@media (max-width:480px){.dr-col-header,.dr-doc-row{grid-template-columns:2fr .8fr .5fr}.dr-col-size{display:none}.dr-categories-row{padding:12px 12px 8px}.dr-content-area{margin:0 8px}.dr-topbar-actions{gap:6px}}.create-document-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.page-title-section{gap:12px}.form-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;overflow-x:hidden;overflow-y:auto;padding:24px 32px;width:100%}.document-form{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-section{border-bottom:1px solid #e0e0e0;padding:24px}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.section-description{color:#666;margin:0 0 16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#ffab4d;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.tag-input-container{display:flex;gap:8px;margin-bottom:12px}.tag-input-container input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px 12px}.tag-input-container input:focus{border-color:#ffab4d;outline:none}.btn-add-tag{font-size:14px;font-weight:500;gap:6px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background-color:#f3f2f5;border-radius:16px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.tag-chip,.tag-chip button{align-items:center;color:#8c88a3}.tag-chip button{background:none;border:none;cursor:pointer;display:flex;margin:0;opacity:.7;padding:0;transition:opacity .2s}.tag-chip button:hover{opacity:1}.schools-checklist{border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;padding:12px}.checkbox-label{border-radius:4px;padding:8px;transition:background-color .2s}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label span{color:#333;font-size:14px}.file-upload-area{border:2px dashed #ddd;border-radius:8px;padding:40px;text-align:center;transition:all .2s}.file-upload-area:hover{background-color:#fff4e6;border-color:#ffab4d}.file-upload-label{color:#666}.upload-text{color:#333;font-size:16px;font-weight:500}.file-size{color:#666;font-size:14px}.form-actions{align-items:center;background-color:#f9f9f9;border-radius:0 0 8px 8px;display:flex;gap:12px;isolation:isolate;justify-content:flex-end;padding:24px;position:relative}.create-document-page-wrapper .form-actions .btn-cancel,.create-document-page-wrapper .form-actions .btn-submit{appearance:none;-webkit-appearance:none;box-shadow:none;min-height:44px;min-width:120px;outline:none;position:relative;z-index:1}.create-document-page-wrapper .form-actions .btn-cancel:focus,.create-document-page-wrapper .form-actions .btn-submit:focus{box-shadow:0 0 0 2px #ff99334d;outline:none}.create-document-page-wrapper .form-actions .btn-cancel:active,.create-document-page-wrapper .form-actions .btn-submit:active{transform:none}.create-document-page-wrapper .form-actions .btn-cancel:after,.create-document-page-wrapper .form-actions .btn-cancel:before,.create-document-page-wrapper .form-actions .btn-submit:after,.create-document-page-wrapper .form-actions .btn-submit:before{display:none}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease,border-color .2s ease}.btn-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease}.btn-submit:hover:not(:disabled){background-color:#e68a2e}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.back-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;margin-right:12px;padding:8px;transition:all .2s}.back-button:hover{background-color:#f5f5f5;color:#333}.page-title-section{align-items:center;display:flex}@media (max-width:1024px){.form-container{max-width:100%;padding:24px}}@media (max-width:768px){.page-title{font-size:18px}.page-subtitle{font-size:12px}.form-row{grid-template-columns:1fr}.form-actions,.form-container,.form-section{padding:16px}}.file-upload-area,.file-upload-label{display:flex;flex-direction:column;gap:12px}.file-upload-label{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;padding:40px;transition:all .2s ease}.file-upload-label:hover{background:#7366ff0d;border-color:var(--primary-color)}.file-upload-label svg{color:var(--primary-color);font-size:48px!important}.file-upload-label span{color:var(--text-primary);font-size:16px;font-weight:500}.file-info{color:var(--text-secondary);font-size:14px;margin:0}.instructions{line-height:1.6}.instructions p{color:var(--text-primary);margin:0 0 12px}.instructions ul{margin:8px 0 16px 20px;padding:0}.instructions li{color:var(--text-secondary);margin:6px 0}.instructions strong{background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-family:Courier New,monospace;padding:2px 6px}.preview-stats{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:24px;margin-bottom:20px;padding:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-item.stat-valid .stat-value{color:var(--success-color)}.stat-item.stat-invalid .stat-value{color:var(--danger-color)}.stat-item.stat-success .stat-value{color:var(--success-color)}.stat-item.stat-error .stat-value{color:var(--danger-color)}.error-list{background:#ff53701a;border-left:4px solid var(--danger-color);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.error-list h3{color:var(--danger-color);font-size:16px;font-weight:600;margin:0 0 12px}.error-list ul{margin:0;padding-left:20px}.error-list li{color:var(--text-primary);font-size:14px;margin:4px 0}.preview-table-container,.results-table-container{margin-top:20px;overflow-x:auto}.preview-table,.results-table{background:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.preview-table thead,.results-table thead{background:var(--bg-secondary)}.preview-table th,.results-table th{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.preview-table td,.results-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:14px;padding:12px 16px}.preview-table tbody tr:hover,.results-table tbody tr:hover{background:var(--bg-secondary)}.preview-table tbody tr.row-error{background:#ff53700d}.preview-table tbody tr.row-success{background:#54ba4a0d}.preview-table tbody tr.row-failed{background:#ff53700d}.status-success,.status-valid{color:var(--success-color)}.status-error,.status-success,.status-valid{align-items:center;display:inline-flex;font-weight:500;gap:6px}.status-error{color:var(--danger-color)}.status-error svg,.status-success svg,.status-valid svg{font-size:18px!important}.import-progress{display:flex;flex-direction:column;gap:12px}.progress-bar{background:var(--bg-secondary);border-radius:var(--radius-md);height:24px;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.import-results-stats{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:24px;margin-bottom:20px;padding:16px}@media (max-width:768px){.import-results-stats,.preview-stats{flex-direction:column;gap:12px}.preview-table-container,.results-table-container{font-size:12px}.preview-table td,.preview-table th,.results-table td,.results-table th{padding:8px}}.invoices-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.invoices-page-content{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:24px 32px;width:100%}.invoice-metrics-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin-bottom:20px;padding:20px 24px 16px}@keyframes metricsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.metrics-fade-in{animation:metricsFadeIn .4s ease forwards;opacity:0}.metrics-top-row{align-items:flex-start;justify-content:space-between}.metrics-revenue,.metrics-top-row{display:flex;gap:32px}.metrics-revenue-item{display:flex;flex-direction:column;gap:4px}.metrics-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.metrics-value-lg{color:#1a1a1a;font-size:32px}.metrics-value-lg,.metrics-value-pending{font-weight:800;letter-spacing:-.5px;line-height:1.15}.metrics-value-pending{color:#f7941d;font-size:28px}.metrics-collected{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:180px}.metrics-progress-row{align-items:center;display:flex;gap:10px;width:100%}.metrics-progress-track{background:#e5e7eb;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.metrics-progress-fill{background:#16a34a;border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.metrics-progress-pct{color:#16a34a;font-size:14px;font-weight:700;min-width:36px;text-align:right}.metrics-divider{background:#e5e7eb;height:1px;margin:16px 0 14px}.metrics-pills{display:flex;flex-wrap:wrap;gap:10px}.metrics-pill{align-items:center;border-radius:9999px;cursor:default;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:6px 14px;transition:transform .15s ease,box-shadow .15s ease}.metrics-pill:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.metrics-pill .pill-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.metrics-pill .pill-label{color:inherit}.metrics-pill .pill-count{color:inherit;font-weight:700}.metrics-pill--slate{background:#64748b1f;color:#475569}.metrics-pill--slate .pill-dot{background:#64748b}.metrics-pill--green{background:#16a34a1f;color:#15803d}.metrics-pill--green .pill-dot{background:#16a34a}.metrics-pill--amber{background:#f59e0b24;color:#92400e}.metrics-pill--amber .pill-dot{background:#f59e0b}.metrics-pill--red{background:#ef44441f;color:#b91c1c}.metrics-pill--red .pill-dot{background:#ef4444}.search-filter-section{align-items:center;border-bottom:1px solid var(--border-light);flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px}.search-container-invoice{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex:0 1 320px;height:40px;max-width:320px;min-width:200px;padding:0 12px;position:relative;transition:all .2s ease}.search-container-invoice:focus-within{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.search-container-invoice .search-icon{color:#666;flex-shrink:0;font-size:20px;margin-right:12px}.search-container-invoice .search-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-size:14px;outline:none;padding:0;text-align:center}.search-container-invoice .search-input::placeholder{color:#999;text-align:center}.search-container-invoice .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.search-container-invoice .clear-search:hover{background:#f5f5f5;color:#1a1a1a}.date-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.date-filter-group{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;height:40px;padding:0 12px;position:relative}.date-filter-group .calendar-icon{color:#666;flex-shrink:0;font-size:18px;margin-right:8px}.date-input{background:#0000;border:none;color:#1a1a1a;cursor:pointer;font-size:13px;min-width:120px;outline:none;padding:0}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.date-input:focus{outline:none}.date-filter-group:focus-within{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.date-separator{color:#666;font-size:14px;font-weight:500}.btn-clear-dates{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:500;height:36px;padding:0 16px;transition:background-color .2s ease;white-space:nowrap}.btn-clear-dates:hover{background-color:#f9fafb;border-color:#9ca3af}.invoice-actions{justify-content:flex-end;margin-bottom:24px;padding:0 4px}.btn-primary,.invoice-actions{align-items:center;display:flex}.btn-primary{background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.btn-primary:hover{background-color:#e89a3d}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;display:flex;gap:8px}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.invoices-content{display:flex;flex:1 1 auto;gap:0;min-height:0;overflow:hidden}.invoices-content>.empty-state,.invoices-content>.loading-state{flex:1 1}.invoices-content>.invoices-table-container{flex:1 1;min-width:0;overflow-y:auto}.invoices-table-container{overflow-x:auto}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{background:#f5f7fa}.invoices-table th{border-bottom:2px solid #e0e0e0;color:#4a4f55;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.invoices-table th.sortable{cursor:pointer;position:relative;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.invoices-table th.sortable:hover{background:#e8eaed;color:#ffab4d}.invoices-table th.sortable svg{font-size:16px;margin-left:4px;vertical-align:middle}.invoices-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.invoices-table tbody tr:hover{background:#ffab4d3d}.invoice-row--alt{background-color:#ffab4d24}.invoices-table td{color:#1a1a1a;font-size:14px;padding:12px 16px;white-space:nowrap}.invoice-number{color:#ffab4d;font-weight:600}.school-name{color:#4a4f55;font-weight:500}.amount{color:var(--success-color);font-weight:600}.status-badge{border-radius:6px;font-size:13px;gap:7px;letter-spacing:.3px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-badge--paid{background:#0f9d5824;color:#0a7c46}.status-badge--paid .status-dot{background:#0f9d58}.status-badge--pending{background:#f5a62329;color:#8a5d00}.status-badge--pending .status-dot{background:#e6a817}.status-badge--overdue{background:#eb43351f;color:#b3211e}.status-badge--overdue .status-dot{background:#eb4335}.status-badge--voided{background:#4a4f551a;color:#4a4f55}.status-badge--voided .status-dot{background:#6e7479}.status-badge--refunded{background:#8c88a324;color:#4e4a68}.status-badge--refunded .status-dot{background:#7a7692}.status-badge--cancelled{background:#8c88a324;color:#4e4a68}.status-badge--cancelled .status-dot{background:#7a7692}.actions{text-align:right}.action-buttons{justify-content:flex-end}.btn-action{align-items:center;background:none;border:1.5px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;justify-content:center;padding:6px 14px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn-action svg{font-size:15px!important}.btn-action:disabled{cursor:not-allowed;opacity:.4}.btn-stripe-pay{background:#0f9d58;border-color:#0f9d58;color:#fff}.btn-stripe-pay:hover:not(:disabled){background:#0b8a4b;border-color:#0b8a4b}.btn-stripe-send{background:#fff;border-color:#b0b5ba;color:#3c4043}.btn-stripe-send:hover:not(:disabled){background:#f1f3f4;border-color:#8e9399}.btn-stripe-view{background:#fff;border-color:#b0b5ba;color:#3c4043}.btn-stripe-view:hover{background:#f1f3f4;border-color:#8e9399}.btn-void{background:#fff;border-color:#b0b5ba;color:#5f6368}.btn-void:hover:not(:disabled){background:#eb43350f;border-color:#c5221f;color:#c5221f}.btn-refund{background:#fff;border-color:#b0b5ba;color:#5f6368}.btn-refund:hover:not(:disabled){background:#eb43350f;border-color:#c5221f;color:#c5221f}.btn-receipt{background:#fff;border-color:#b0b5ba;color:#3c4043}.btn-receipt:hover{background:#f1f3f4;border-color:#8e9399}.paid-text,.status-text-muted{color:#80868b;font-size:12px}.status-text-muted{font-weight:500;text-transform:capitalize}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;padding:24px}.modal-header h2{color:#1a1a1a;font-size:20px}.modal-close{border-radius:50%;color:#666;padding:4px;transition:all .2s ease}.modal-close:hover{background:#f5f5f5;color:#1a1a1a}.modal-body{padding:24px}.modal-content.modal-content--wide{display:flex;flex-direction:column;max-height:80vh;max-width:1100px;overflow:hidden;width:80vw}.modal-content--wide .modal-header{flex-shrink:0;padding:16px 24px}.gen-modal-body{flex:1 1;gap:0}.gen-col,.gen-modal-body{display:flex;min-height:0;overflow:hidden}.gen-col{border-right:1px solid #e0e0e0;flex-direction:column}.gen-col:last-child{border-right:none}.gen-col-label{color:#94a3b8;display:block;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.gen-col--schools{flex:0 0 280px}.school-picker-half{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.school-picker-half .school-picker{border:none;border-radius:0;flex:1 1;min-height:0}.school-picker-half .school-picker-list{flex:1 1;max-height:none}.selected-schools-half{border-top:1px solid #e0e0e0;display:flex;flex:0 0 auto;flex-direction:column;max-height:40%;min-height:0}.selected-schools-list{flex:1 1;min-height:0;overflow-y:auto}.selected-schools-empty{color:#aaa;font-size:12px;font-style:italic;margin:0;padding:12px;text-align:center}.selected-school-row{align-items:center;border-bottom:1px solid #f8f8f8;color:#1a1a1a;display:flex;font-size:12px;gap:6px;padding:5px 12px}.selected-school-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-school-remove{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;flex-shrink:0;padding:1px;transition:color .15s}.selected-school-remove:hover{color:#f44336}.gen-col--details{display:flex;flex:1 1;flex-direction:column;min-width:0}.gen-details-fields{flex-shrink:0;padding:0 16px}.gen-details-fields .form-group{margin-bottom:12px}.school-breakdown{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.breakdown-empty{color:#aaa;font-size:12px;font-style:italic;margin:0;padding:16px;text-align:center}.breakdown-list{flex:1 1;min-height:0;overflow-y:auto;padding:0 16px 8px}.breakdown-school{border:1px solid #e8e8e8;border-radius:6px;margin-bottom:8px;overflow:hidden}.breakdown-school-header{align-items:center;background:#f8f9fb;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 10px}.breakdown-school-name{color:#1a1a1a;flex:1 1;font-size:12px;font-weight:600;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-school-total{color:#ffab4d;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;white-space:nowrap}.breakdown-school-lines{padding:4px 0}.breakdown-line{align-items:center;color:#64748b;display:flex;font-size:11px;justify-content:space-between;padding:2px 10px}.breakdown-line-desc{flex:1 1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-line-amt{font-family:Poppins,sans-serif;font-weight:500;white-space:nowrap}.gen-footer-actions{border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:12px 16px}.gen-col--charges{flex:0 0 320px}.gen-col--charges .charge-selector{border:none;border-radius:0;flex:1 1;max-height:none;min-height:0;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{color:#4a4f55;display:block;font-size:12px;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-size:13px;padding:8px 10px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.charge-selector{border:1px solid #e0e0e0;border-radius:8px;max-height:220px;overflow-y:auto}.charge-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s ease}.charge-item:last-child{border-bottom:none}.charge-item:hover{background:#f9f9fb}.charge-item input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:14px;width:14px}.charge-item-label{color:#1a1a1a;flex:1 1;font-size:14px;font-weight:500}.charge-item-amount{color:#4a4f55;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;white-space:nowrap}.no-charges-msg{color:#999;font-size:14px;font-style:italic;margin:0;padding:16px;text-align:center}.charge-type-badge{border-radius:10px;flex-shrink:0;font-size:11px;padding:2px 8px;white-space:nowrap}.charge-category-group{margin-bottom:4px}.charge-category-header{border-bottom:1px solid #f0f0f0;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.custom-charge-row{align-items:center;display:flex;gap:8px;padding:6px 12px}.custom-charge-label{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-family:inherit;font-size:13px;padding:6px 10px}.custom-charge-label:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d26;outline:none}.custom-charge-amount-wrap{align-items:center;display:flex;gap:2px}.custom-charge-dollar{color:#94a3b8;font-size:13px;font-weight:600}.custom-charge-amount{border:1px solid #e0e0e0;border-radius:6px;font-family:Poppins,sans-serif;font-size:13px;padding:6px 8px;width:80px}.custom-charge-amount:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d26;outline:none}.custom-charge-remove{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;padding:2px;transition:color .15s}.custom-charge-remove:hover{color:#f44336}.btn-add-custom-charge{background:none;border:none;color:#ffab4d;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;text-align:left;transition:color .15s}.btn-add-custom-charge:hover{color:#e68a00}.school-picker{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.school-picker-search{background:#fafafa;border:none;border-bottom:1px solid #f0f0f0;font-size:13px;outline:none;padding:10px 12px}.school-picker-search:focus{background:#fff;box-shadow:inset 0 -2px 0 #ffab4d}.school-picker-actions{background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:6px 12px}.btn-select-all{background:none;border:none;color:#ffab4d;cursor:pointer;font-size:12px;font-weight:600;padding:2px 4px}.btn-select-all:hover{color:#e68a00}.school-picker-list{max-height:200px;overflow-y:auto}.school-picker-item{align-items:center;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;gap:10px;padding:7px 12px;transition:background .15s}.school-picker-item:last-child{border-bottom:none}.school-picker-item:hover{background:#f8f9fa}.school-picker-item input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:14px;width:14px}.school-picker-name{color:#1a1a1a;flex:1 1;font-size:13px}.school-picker-count{color:#94a3b8;font-size:11px;white-space:nowrap}.selected-count{color:#94a3b8;font-size:12px;font-weight:400}.form-row-inline{display:flex;gap:12px}.form-row-inline .form-group{flex:1 1}.preview-header{margin-bottom:8px}.preview-title{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.invoice-preview{background:#f5f7fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.preview-line-items{display:flex;flex-direction:column;gap:8px}.preview-line{align-items:center;color:#4a4f55;display:flex;font-size:13px;justify-content:space-between}.preview-line-desc{flex:1 1;margin-right:12px}.preview-line-amount{font-family:Poppins,sans-serif;font-weight:600;white-space:nowrap}.preview-total{align-items:center;border-top:1px solid #ddd;color:#1a1a1a;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;justify-content:space-between;margin-top:10px;padding-top:10px}.invoice-detail{background:#f5f7fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.invoice-detail p{color:#1a1a1a;font-size:14px;margin:8px 0}.modal-actions{margin-top:24px}.empty-state{padding:40px 20px;text-align:center}.empty-state h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:16px 0 8px}.empty-state p{color:#666;font-size:14px;margin:0;max-width:400px}.loading-state{padding:40px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#ffab4d;margin-bottom:16px}.loading-state p{color:#666;font-size:14px;margin:0}.edit-line-items{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.edit-line-item-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:8px 12px}.edit-line-item-row:last-of-type{border-bottom:none}.edit-line-desc{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-family:inherit;font-size:13px;padding:6px 10px}.edit-line-desc:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d26;outline:none}.edit-line-amount-wrap{align-items:center;display:flex;gap:2px}.edit-line-dollar{color:#94a3b8;font-size:13px;font-weight:600}.edit-line-amount{border:1px solid #e0e0e0;border-radius:6px;font-family:Poppins,sans-serif;font-size:13px;padding:6px 8px;width:90px}.edit-line-amount:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d26;outline:none}.edit-line-remove{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;padding:2px;transition:color .15s}.edit-line-remove:hover{color:#f44336}.btn-add-line-item{background:none;border:none;border-top:1px solid #f0f0f0;color:#ffab4d;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;text-align:left;transition:color .15s;width:100%}.btn-add-line-item:hover{color:#e68a00}.edit-invoice-total{align-items:center;border-top:1px solid #e0e0e0;color:#1a1a1a;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;justify-content:space-between;margin-top:4px;padding:12px 0}.btn-edit-invoice{background:#fff;border-color:#b0b5ba;color:#3c4043}.btn-edit-invoice:hover:not(:disabled){background:#ffab4d0f;border-color:#ffab4d;color:#ffab4d}.qb-overlay{background:#f0f1f2;inset:0;overflow:hidden;position:fixed;z-index:99999}.qb-invoice-page,.qb-overlay{display:flex;flex-direction:column}.qb-invoice-page{height:100%;min-height:0}.qb-topbar{align-items:center;background:#fff;border-bottom:1px solid #d4d7dc;box-shadow:0 1px 3px #0000000f;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 28px}.qb-topbar-title{color:#1a1a1a;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:0}.qb-topbar-actions{display:flex;gap:10px}.qb-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 22px;transition:all .15s ease}.qb-btn:disabled{cursor:not-allowed;opacity:.5}.qb-btn--secondary{background:#fff;border:1px solid #c4c7cc;color:#3c4043}.qb-btn--secondary:hover:not(:disabled){background:#f5f5f5;border-color:#999}.qb-btn--save{background:#0f9d58;color:#fff}.qb-btn--save:hover:not(:disabled){background:#0b8a4b}.qb-invoice-body{background:#fff;border:1px solid #d4d7dc;border-radius:8px;box-shadow:0 1px 4px #0000000f;flex:1 1;margin:20px 28px;overflow-y:auto;padding:28px 32px 40px}.qb-header-row{display:flex;gap:40px;margin-bottom:24px}.qb-header-left{flex:1 1;max-width:420px}.qb-header-right{flex:1 1}.qb-field{margin-bottom:12px}.qb-field-label{color:#5f6368;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.qb-input{background:#fff;border:1px solid #d4d7dc;border-radius:4px;box-sizing:border-box;color:#1a1a1a;font-size:14px;padding:8px 10px;transition:border-color .15s;width:100%}.qb-input:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d1f;outline:none}.qb-input:disabled{background:#f8f9fa;color:#80868b}.qb-fields-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.qb-school-select-wrapper{border:1px solid #d4d7dc;border-radius:4px;overflow:hidden}.qb-school-search{background:#fafbfc;border:none;border-bottom:1px solid #eeeff1;box-sizing:border-box;font-size:14px;outline:none;padding:9px 12px;width:100%}.qb-school-search:focus{background:#fff;box-shadow:inset 0 -2px 0 #ffab4d}.qb-school-actions{background:#fafbfc;border-bottom:1px solid #eeeff1;display:flex;gap:12px;padding:5px 12px}.qb-link-btn{background:none;border:none;color:#ffab4d;cursor:pointer;font-size:12px;font-weight:600;padding:2px 0}.qb-link-btn:hover{color:#e68a00;text-decoration:underline}.qb-school-list{max-height:180px;overflow-y:auto}.qb-school-option{align-items:center;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;gap:10px;padding:7px 12px;transition:background .12s}.qb-school-option:last-child{border-bottom:none}.qb-school-option:hover{background:#f5f6f8}.qb-school-option input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:15px;width:15px}.qb-school-name{color:#1a1a1a;flex:1 1;font-size:13px}.qb-school-students{color:#94a3b8;font-size:11px;white-space:nowrap}.qb-selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.qb-chip{align-items:center;background:#ffab4d1f;border-radius:12px;color:#b36b00;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px}.qb-chip-remove{align-items:center;background:none;border:none;color:#c08330;cursor:pointer;display:flex;padding:0;transition:color .12s}.qb-chip-remove:hover{color:#d32f2f}.qb-divider{background:#e0e2e6;height:1px;margin:4px 0 20px}.qb-line-items-section{margin-bottom:24px}.qb-section-title{color:#1a1a1a;font-size:14px;font-weight:700;margin:0 0 12px}.qb-line-table{border-collapse:collapse;font-size:13px;width:100%}.qb-line-table thead{background:#f5f6f8}.qb-line-table th{border-bottom:2px solid #d4d7dc;color:#5f6368;font-size:11px;font-weight:700;letter-spacing:.4px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.qb-line-table td{border-bottom:1px solid #eeeff1;color:#1a1a1a;padding:10px 12px;vertical-align:middle}.qb-col-hash{color:#94a3b8;text-align:center;width:40px}.qb-col-product{min-width:200px}.qb-col-desc{min-width:180px}.qb-col-qty{text-align:right;width:70px}.qb-col-amount,.qb-col-rate{text-align:right;width:110px}.qb-col-amount{font-weight:600}.qb-col-action{text-align:center;width:40px}.qb-line-row{cursor:pointer;transition:background .12s}.qb-line-row:hover{background:#f8f9fb}.qb-inline-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #d4d7dc;border-radius:4px;box-sizing:border-box;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:13px;padding:6px 8px;width:100%}.qb-inline-select:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d1f;outline:none}.qb-desc-text{color:#5f6368;font-size:13px}.qb-inline-input{border:1px solid #d4d7dc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:13px;padding:5px 8px;width:100%}.qb-inline-input:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d1f;outline:none}.qb-inline-input--amount{font-family:Poppins,sans-serif;text-align:right;width:80px}.qb-inline-amount-wrap{align-items:center;display:flex;gap:2px;justify-content:flex-end}.qb-dollar-sign{color:#94a3b8;font-size:13px;font-weight:600}.qb-remove-btn{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;padding:2px;transition:color .12s}.qb-remove-btn:hover{color:#d32f2f}.qb-add-line-btn{align-items:center;background:none;border:1px dashed #c4c7cc;border-radius:4px;color:#5f6368;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin-top:12px;padding:8px 16px;transition:all .15s}.qb-add-line-btn:hover{background:#ffab4d0a;border-color:#ffab4d;color:#ffab4d}.qb-totals-row{align-items:flex-start;display:flex;gap:40px;justify-content:space-between}.qb-breakdown-preview{flex:1 1}.qb-breakdown-title{color:#5f6368;font-size:12px;font-weight:700;letter-spacing:.4px;margin:0 0 8px;text-transform:uppercase}.qb-breakdown-list{display:flex;flex-direction:column;gap:4px}.qb-breakdown-item{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.qb-breakdown-name{color:#3c4043}.qb-breakdown-amount{color:#1a1a1a;font-family:Poppins,sans-serif;font-weight:600}.qb-totals-card{border-top:1px solid #e0e2e6;min-width:260px;padding-top:12px}.qb-total-line{align-items:center;color:#3c4043;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.qb-total-line--grand{border-top:2px solid #1a1a1a;color:#1a1a1a;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin-top:6px;padding-top:10px}.qb-total-line--note{color:#80868b;font-size:12px;margin-top:4px}@media (max-width:768px){.qb-invoice-body{margin:10px 12px;padding:20px 16px}.qb-header-row{flex-direction:column;gap:20px}.qb-header-left{max-width:100%}.qb-fields-grid{grid-template-columns:1fr}.qb-totals-row{flex-direction:column}.qb-totals-card{min-width:0;width:100%}.qb-line-table{font-size:12px}}@media (max-width:968px){.search-container-invoice{flex:1 1 100%;max-width:100%}.date-filters{flex:1 1 auto}.btn-primary{flex-shrink:0}}@media (max-width:768px){.invoices-page-content{padding:16px}.page-title{font-size:18px}.invoices-table{font-size:13px}.invoices-table td,.invoices-table th{padding:12px 8px}.metrics-top-row{flex-direction:column;gap:16px}.metrics-collected{align-items:flex-start;min-width:0;width:100%}.metrics-revenue{flex-direction:column;gap:12px}.metrics-value-lg{font-size:26px}.metrics-value-pending{font-size:22px}.search-filter-section{align-items:stretch;flex-direction:column}.date-filters{flex-direction:column;gap:8px;width:100%}.date-separator{display:none}.btn-clear-dates{width:100%}.btn-primary{justify-content:center;width:100%}}@media (max-width:480px){.page-title{font-size:16px}}.invoice-row{cursor:pointer;transition:background .15s}.invoice-row:hover{background:#fefcf8}.invoice-row.selected{background:#fff8f0;box-shadow:inset 3px 0 0 #f7941d}.invoice-row .actions{position:relative;z-index:1}.invoice-detail-panel{background:#fff;border-left:0 solid #e8e9ec;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;min-width:0;overflow:hidden;transition:width .25s ease,min-width .25s ease,padding .25s ease,border .25s ease;width:0}.invoice-detail-panel.open{border-left-width:1px;min-width:380px;overflow-x:hidden;overflow-y:auto;padding:24px;width:380px}.invoice-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.invoice-detail-number{color:#1a1a2e;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0}.invoice-detail-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;padding:4px;transition:background .15s,color .15s}.invoice-detail-close:hover{background:#f3f4f6;color:#1a1a2e}.invoice-detail-panel .status-badge{align-self:flex-start;display:inline-flex;margin-bottom:20px}.invoice-detail-meta{border-bottom:1px solid #e8e9ec;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px}.invoice-meta-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.invoice-meta-label{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500}.invoice-meta-value{color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.invoice-detail-lines{border-bottom:1px solid #e8e9ec;margin-bottom:24px;padding-bottom:20px}.invoice-detail-section-title{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.invoice-line-row{align-items:center;color:#1a1a2e;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.invoice-line-row+.invoice-line-row{border-top:1px solid #f3f4f6}.invoice-line-total{border-top:2px solid #e8e9ec!important;font-weight:700;margin-top:4px;padding-top:10px}.invoice-line-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-detail-actions{display:flex;flex-direction:column;gap:8px}.invoice-detail-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;text-align:center;text-decoration:none;transition:background .15s,opacity .15s}.invoice-detail-btn:disabled{cursor:not-allowed;opacity:.5}.invoice-detail-btn-primary{background:#f7941d;color:#fff}.invoice-detail-btn-primary:hover:not(:disabled){background:#e08619}.invoice-detail-btn-pay{background:#10b981;color:#fff}.invoice-detail-btn-pay:hover:not(:disabled){background:#059669}.invoice-detail-btn-secondary{background:#f3f4f6;color:#1a1a2e}.invoice-detail-btn-secondary:hover:not(:disabled){background:#e5e7eb}.invoice-detail-btn-danger{background:#fef2f2;color:#dc2626}.invoice-detail-btn-danger:hover:not(:disabled){background:#fee2e2}.invoice-detail-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;gap:12px;height:100%;justify-content:center}.invoice-settings-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.invoice-settings-content{flex:1 1;overflow-y:auto;padding:24px 32px}.settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:800px;padding:24px}.section-header h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 4px}.section-description{margin:0 0 20px}.tiers-table-container{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.tiers-table{border-collapse:collapse;width:100%}.tiers-table thead{background:var(--bg-secondary)}.tiers-table th{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.tiers-table td,.tiers-table th{border-bottom:1px solid var(--border-light);padding:10px 12px}.tiers-table td{color:var(--text-primary);font-size:14px}.tiers-table tbody tr:last-child td{border-bottom:none}.tiers-table tbody tr:hover{background:var(--bg-secondary)}.tiers-table .editing-row{background:#ffab4d0d}.tiers-table .editing-row:hover{background:#ffab4d14}.drag-handle{color:var(--text-tertiary);cursor:grab;text-align:center;width:40px}.tier-rate{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600}.tier-category{color:var(--text-secondary);font-size:13px}.tier-input{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Aleo,serif;font-size:14px;outline:none;padding:6px 10px;transition:border-color .2s ease;width:100%}.tier-input:focus{border-color:#ffab4d;box-shadow:0 0 0 2px #ffab4d26}.rate-input-wrapper{align-items:center;display:flex;gap:4px}.rate-prefix{color:var(--text-secondary);font-size:14px;font-weight:600}.rate-input{width:100px}.charge-type-badge{border-radius:12px;display:inline-block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;padding:2px 10px}.badge-per_student{background:#ffab4d26;color:#e68a00}.badge-flat_fee{background:#2196f31f;color:#1976d2}.badge-monthly{background:#4caf501f;color:#388e3c}.empty-tiers{color:var(--text-secondary);font-style:italic;padding:32px 12px!important;text-align:center}.tier-actions{display:flex;gap:4px}.btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.btn-icon:hover{background:var(--bg-secondary)}.btn-icon.btn-edit:hover{color:#ffab4d}.btn-icon.btn-delete:hover{background:#ef444414;color:#ef4444}.btn-icon.btn-confirm{color:#4caf50}.btn-icon.btn-confirm:hover{background:#4caf501a}.btn-icon.btn-cancel{color:var(--text-secondary)}.btn-icon.btn-cancel:hover{background:#ef444414;color:#ef4444}.tiers-footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.btn-add-tier,.btn-save-tiers{align-items:center;display:inline-flex;gap:6px}.btn-back{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-back:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.site-visit-timeline{display:flex;flex-direction:column;gap:16px}.svt-month-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.svt-month-items{display:flex;flex-direction:column;gap:6px}.svt-item{align-items:flex-start;background:var(--bg-secondary);border-left:3px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;gap:10px;padding:8px 12px;transition:background .15s}.svt-item[role=button]{cursor:pointer}.svt-item[role=button]:hover{background:#0000000a;background:var(--bg-tertiary,#0000000a)}.svt-item--scheduled{border-left-color:#2196f3}.svt-item--completed{border-left-color:#4caf50}.svt-item--cancelled{border-left-color:#9e9e9e}.svt-item--postponed{border-left-color:#ff9800}.svt-item--rescheduled{border-left-color:#9c27b0}.svt-item--pending-report{border-left-color:#f57f17}.svt-item-date{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600;padding-top:1px;width:56px}.svt-item-body{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.svt-item-school{color:var(--text-primary);font-size:13px;font-weight:500}.svt-item-agency{color:var(--text-secondary);font-size:12px}.svt-item-status{align-items:center;border-radius:4px;border-radius:var(--radius-sm,4px);display:inline-flex;font-size:10px;font-weight:600;padding:1px 6px;white-space:nowrap}.svt-status--scheduled{background:#2196f31f;color:#2196f3}.svt-status--completed{background:#4caf501f;color:#4caf50}.svt-status--cancelled{background:#9e9e9e1f;color:#757575}.svt-status--postponed{background:#ff98001f;color:#e68a00}.svt-status--rescheduled{background:#9c27b01f;color:#9c27b0}.svt-status--pending-report{background:#ffc10726;color:#f57f17}.svt-type-badge{background:#0000000d;border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--text-secondary);display:inline-flex;font-size:10px;font-weight:600;padding:1px 6px;white-space:nowrap}.svt-type--complaint{background:#f443361a;color:#d32f2f}.svt-type--initial{background:#2196f31a;color:#1976d2}.svt-type--follow_up{background:#ffab4d1a;color:#e68a00}.svt-outcome{border-radius:4px;border-radius:var(--radius-sm,4px);display:inline-flex;font-size:10px;font-weight:600;padding:1px 6px;white-space:nowrap}.svt-outcome--satisfactory{background:#4caf501f;color:#4caf50}.svt-outcome--conditional{background:#ffab4d26;color:#e68a00}.svt-outcome--unsatisfactory{background:#f443361f;color:#f44336}.svt-outcome--pending{background:#9e9e9e1a;color:#757575}.svt-item-lead{font-size:11px;font-style:italic}.svt-empty,.svt-item-lead{color:var(--text-secondary)}.svt-empty{font-size:13px;padding:16px;text-align:center}.accreditations-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}.ap-loading{padding:40px;text-align:center}.ap-count,.ap-loading{color:var(--text-secondary)}.ap-count{font-size:13px;font-weight:400;margin-left:8px}.ap-stats-row{border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:16px 24px}.ap-stat{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:background .15s ease}.ap-stat:hover{opacity:.85}.ap-stat-value{font-size:16px;font-weight:700}.ap-stat-label{color:inherit;font-weight:500}.ap-stat--active{background:#4caf5014;color:#4caf50}.ap-stat--expiring{background:#ffab4d1a;color:#e68a00}.ap-stat--expired{background:#f4433614;color:#f44336}.ap-filters{border-bottom:1px solid var(--border-light);gap:10px;padding:12px 24px}.ap-filters,.ap-search{align-items:center;display:flex}.ap-search{border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1 1;gap:8px;max-width:320px;padding:8px 12px}.ap-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:13px;outline:none}.ap-search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:0}.ap-filter-select{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px}.ap-filter-select:focus{border-color:#ffab4d;outline:none}.ap-export-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .15s ease}.ap-export-btn:hover{background:var(--bg-secondary)}.ap-table-container{flex:1 1;min-height:0;overflow-y:auto;padding:0 24px 24px}.ap-table{border-collapse:collapse;font-size:13px;margin-top:8px;width:100%}.ap-table thead th{background:var(--bg-primary);border-bottom:2px solid var(--border-light);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.ap-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 16px;vertical-align:middle}.ap-table tbody tr:hover{background:var(--bg-secondary)}.ap-school-link{color:#ffab4d;cursor:pointer;font-weight:500}.ap-school-link:hover{text-decoration:underline}.ap-status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.ap-status--active{background:#4caf501f;color:#4caf50}.ap-status--expiring{background:#ffab4d26;color:#e68a00}.ap-status--expired{background:#f443361f;color:#f44336}.ap-status--pending{background:#2196f31f;color:#2196f3}.ap-status--provisional{background:#673ab71f;color:#673ab7}.ap-days-negative{color:#f44336;font-weight:600}.ap-days-warning{color:#e68a00;font-weight:500}.ap-credential-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.ap-credential--accred{background:#2196f31a;color:#1976d2}.ap-credential--cert{background:#9c27b01a;color:#7b1fa2}.ap-stat--selected{outline:2px solid currentColor;outline-offset:-2px}.ap-stat--visits{background:#2196f314;color:#1976d2}.ap-next-visit{font-size:12px}.ap-muted,.ap-next-visit{color:var(--text-secondary)}.ap-muted{opacity:.5}.ap-expiring-filter{align-items:center;display:flex;gap:4px}.ap-expiring-label{margin-right:4px;white-space:nowrap}.ap-expiring-btn,.ap-expiring-label{color:var(--text-secondary);font-size:12px}.ap-expiring-btn{background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;transition:all .15s ease}.ap-expiring-btn:hover{background:var(--bg-secondary)}.ap-expiring-btn--active{background:#ffab4d;border-color:#ffab4d;color:#fff}.ap-add-modal{max-width:520px}.ap-school-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.form-group{position:relative}.ap-school-option{cursor:pointer;font-size:13px;padding:8px 12px;transition:background .1s}.ap-school-option:hover{background:var(--bg-secondary)}.ap-school-option--empty{color:var(--text-secondary);cursor:default}.ap-empty{color:var(--text-secondary);font-size:14px;padding:48px 24px;text-align:center}@media (max-width:768px){.ap-stats-row{flex-direction:column;padding:12px 16px}.ap-filters{flex-wrap:wrap;padding:12px 16px}.ap-search{max-width:100%}.ap-table-container{padding:0 16px 16px}.ap-table tbody td,.ap-table thead th{padding:10px 12px}}.ap-timeline-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg,12px);margin-top:24px;padding:20px 24px}.ap-timeline-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.email-sig-section{display:flex;flex-direction:column;gap:18px}.email-sig-section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.email-sig-section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px}.email-sig-section-hint{color:var(--text-secondary);font-family:Aleo,Georgia,serif;font-size:13px;line-height:1.5;margin:0;max-width:600px}.email-sig-new-btn{align-items:center;background:#ffab4d;background:var(--accent,#ffab4d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:opacity .15s}.email-sig-new-btn:hover{opacity:.85}.email-sig-editor{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.email-sig-editor-row{display:flex;flex-direction:column;gap:6px}.email-sig-editor-row label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.email-sig-name-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s}.email-sig-name-input:focus{border-color:#ffab4d}.email-sig-editor-tip{color:var(--text-secondary);font-size:12px;font-style:italic;margin:4px 0 0}.email-sig-editor-actions{display:flex;gap:8px;justify-content:flex-end}.email-sig-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:all .15s}.email-sig-btn:disabled{cursor:not-allowed;opacity:.5}.email-sig-btn--cancel{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary)}.email-sig-btn--cancel:hover:not(:disabled){background:var(--bg-secondary)}.email-sig-btn--save{background:#ffab4d;background:var(--accent,#ffab4d);border:none;color:#fff}.email-sig-btn--save:hover:not(:disabled){opacity:.85}.email-sig-list{display:flex;flex-direction:column;gap:12px}.email-sig-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.email-sig-card:hover{box-shadow:0 2px 12px #0000000f}.email-sig-card--default{background:#ffab4d08;border-color:#ffab4d66}.email-sig-card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.email-sig-card-title-row{align-items:center;display:flex;gap:10px;min-width:0}.email-sig-card-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.email-sig-card-default-tag{background:#ffab4d2e;border-radius:10px;color:#c97300;font-size:10px;font-weight:600;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.email-sig-card-actions{display:flex;flex-shrink:0;gap:4px}.email-sig-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.email-sig-icon-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.email-sig-icon-btn:disabled{cursor:not-allowed;opacity:.4}.email-sig-icon-btn--danger:hover:not(:disabled){background:#ef44441a;color:#ef4444}.email-sig-card-preview{color:var(--text-primary);font-family:Aleo,Georgia,serif;font-size:13px;line-height:1.55;padding:16px 18px;word-break:break-word}.email-sig-card-preview>:first-child{margin-top:0}.email-sig-card-preview>:last-child{margin-bottom:0}.email-sig-card-preview img{height:auto;max-width:100%}.email-sig-card-status{background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-style:italic;padding:8px 16px}.email-sig-empty{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px dashed #e5e7eb;border:1px dashed var(--border-light,#e5e7eb);border-radius:12px;padding:32px 20px;text-align:center}.email-sig-empty p{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;margin:0}.email-sig-empty-sub{color:var(--text-secondary)!important;font-size:12px!important;margin-top:4px!important}.email-schools-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.page-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0}.page-subtitle{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;font-weight:400;margin:2px 0 0}.email-tab-bar{background:var(--bg-primary);border-bottom:2px solid var(--border-light);display:flex;flex-shrink:0;gap:0;padding:0 32px}.email-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.email-tab:hover{background:#ffab4d0a;color:var(--text-primary)}.email-tab.active{border-bottom-color:#f93;color:#f93}.email-tab.active svg{color:#f93}.email-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;width:100%}.email-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:380px 1fr}.panel-header{border-bottom:2px solid var(--border-light);justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.panel-header,.panel-header h3{align-items:center;display:flex}.panel-header h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.2px;margin:0}.selection-summary{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;font-weight:500}.panel-header-actions{align-items:center;display:flex;gap:8px}.school-selection-panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;padding:28px}.manual-emails-section{border-bottom:2px solid var(--border-light);margin-bottom:20px;padding-bottom:20px}.manual-emails-label{color:var(--text-secondary);display:block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.manual-emails-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:Aleo,serif;font-size:13px;line-height:1.5;min-height:44px;padding:10px 14px;resize:vertical;transition:all .2s ease;width:100%}.manual-emails-input:hover{border-color:var(--border-medium)}.manual-emails-input:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.manual-emails-input::placeholder{color:var(--text-secondary);opacity:.6}.manual-emails-count{color:#ffab4d;font-family:Aleo,serif;font-size:12px;font-weight:500;margin-top:6px}.search-filter-section{display:flex;gap:12px;margin-bottom:12px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-row .filter-select-small.naums-select{flex:1 1;min-width:130px}.clear-filters-btn{align-items:center;background:none;border:1.5px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#ef44440a;border-color:#ef4444;color:#ef4444}.filter-box,.search-box{align-items:center;display:flex;flex:1 1;position:relative}.search-box{flex:2 1}.filter-icon,.search-icon{color:var(--text-secondary);font-size:18px;left:12px;pointer-events:none;position:absolute}.search-input-small{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:14px;height:42px;padding:0 12px 0 40px;transition:all .2s ease;width:100%}.search-input-small:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.filter-select-small.naums-select{background-image:var(--naums-select-chevron);background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;font-size:14px;height:42px;padding:0 32px 0 12px;width:100%}.filter-box .filter-select-small.naums-select{padding-left:40px}.select-all-section{border-bottom:2px solid var(--border-light);margin-bottom:20px;padding-bottom:20px}.checkbox-item{align-items:flex-start;background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s ease}.checkbox-item:hover{background:var(--bg-primary);border-color:var(--border-light);transform:translateX(2px)}.checkbox-item.select-all{background:var(--bg-primary);border:2px solid var(--border-medium);font-weight:600}.checkbox-item.select-all:hover{background:#ffab4d0d;border-color:#ffab4d}.checkbox-item input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-item span{color:var(--text-primary);font-family:Aleo,serif;font-size:15px;font-weight:500}.school-info{flex:1 1;min-width:0}.school-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.school-location{font-size:13px;font-style:italic}.school-email,.school-location{color:var(--text-secondary);font-family:Aleo,serif}.school-email{font-size:12px;margin-top:2px;opacity:.75}.schools-list{max-height:500px;overflow-y:auto;padding-right:4px}.schools-list::-webkit-scrollbar{width:6px}.schools-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.schools-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.schools-list::-webkit-scrollbar-thumb:hover{background:#ffab4d}.email-composer-panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;padding:28px}.composer-form{display:flex;flex:1 1;flex-direction:column;gap:24px}.composer-form .form-group{display:flex;flex-direction:column;gap:10px}.composer-form .form-group label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.subject-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;font-weight:500;height:50px;padding:0 18px;transition:all .2s ease}.subject-input:hover{border-color:var(--border-medium)}.subject-input:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.subject-input::placeholder{color:var(--text-secondary);opacity:.6}.message-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;font-weight:400;line-height:1.6;min-height:300px;padding:16px 18px;resize:vertical;transition:all .2s ease}.message-input:hover{border-color:var(--border-medium)}.message-input:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.message-input::placeholder{color:var(--text-secondary);opacity:.6}.composer-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.composer-actions .btn-primary,.composer-actions .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.composer-actions .btn-primary{background-color:#f93;border:none;color:#fff}.composer-actions .btn-primary:hover:not(:disabled){background-color:#e68a2e}.composer-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.composer-actions .btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#333}.composer-actions .btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.composer-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.preview-toggle-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.preview-toggle-btn:hover{background:#ffab4d0d;border-color:#ffab4d;color:#ffab4d}.field-optional{color:var(--text-secondary);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.signoff-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;font-weight:400;line-height:1.6;min-height:60px;padding:12px 18px;resize:vertical;transition:all .2s ease}.signoff-input:hover{border-color:var(--border-medium)}.signoff-input:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.signoff-input::placeholder{color:var(--text-secondary);opacity:.6}.email-preview-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.preview-meta{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:16px 20px}.preview-meta-row{align-items:baseline;display:flex;gap:12px}.preview-meta-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;min-width:60px;text-transform:uppercase}.preview-meta-value{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;font-weight:500}.preview-email-iframe{background:#f5f5f5;border:1px solid var(--border-light);border-radius:var(--radius-md)}.field-label-row{align-items:center;display:flex;justify-content:space-between}.close-field-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-field-btn:hover{background:#ff53701a;color:var(--danger-color)}.cc-bcc-controls{display:flex;gap:12px;margin-bottom:16px}.add-field-btn{background:none;border:2px solid var(--border-light);border-radius:var(--radius-md);color:#ffab4d;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-field-btn:hover{background:#ffab4d0d;border-color:#ffab4d}.announcement-selector{display:flex;flex:1 1;flex-direction:column;gap:16px}.announcement-search{align-items:center;display:flex;position:relative}.announcement-search .search-icon{color:var(--text-secondary);font-size:18px;left:12px;pointer-events:none;position:absolute}.announcement-search .search-input-small{width:100%}.announcement-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:520px;overflow-y:auto;padding-right:4px}.announcement-list::-webkit-scrollbar{width:6px}.announcement-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.announcement-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.announcement-list::-webkit-scrollbar-thumb:hover{background:#ffab4d}.announcement-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px;position:relative;transition:all .2s ease}.announcement-card:hover{background:var(--bg-primary);border-color:var(--border-light)}.announcement-card.selected{background:#ffab4d0f;border-color:#ffab4d}.announcement-card input[type=radio]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:18px;position:absolute;right:12px;top:12px;width:18px;z-index:1}.announcement-card-content{flex:1 1;min-width:0}.announcement-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.announcement-topic-badge{background:#ffab4d1f;border-radius:12px;color:#c2710c;display:inline-block;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.announcement-topic-badge.topic-education{background:#3b82f61f;color:#1d4ed8}.announcement-topic-badge.topic-news{background:#10b9811f;color:#047857}.announcement-topic-badge.topic-event{background:#a855f71f;color:#7c3aed}.announcement-topic-badge.topic-policy{background:#ef44441f;color:#b91c1c}.announcement-topic-badge.topic-general{background:#6b72801f;color:#4b5563}.announcement-topic-badge.topic-announcement{background:#ffab4d1f;color:#c2710c}.announcement-urgent-badge{background:#ef44441f;border-radius:12px;color:#dc2626;display:inline-block;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.announcement-date{color:var(--text-secondary);font-family:Aleo,serif;font-size:11px}.announcement-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.announcement-card-image{border-radius:var(--radius-sm);height:140px;margin-top:0;object-fit:cover;width:100%}.card-detail-row{align-items:center;color:var(--text-secondary);display:flex;font-family:Aleo,serif;font-size:12px;gap:4px;margin-top:2px}.card-detail-icon{color:var(--text-secondary);font-size:14px!important;opacity:.7}.card-description-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:Aleo,serif;font-size:12px;line-height:1.4;margin-top:4px;overflow:hidden}.card-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.card-meta-item{align-items:center;background:var(--bg-primary);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-family:Aleo,serif;font-size:11px;gap:3px;padding:2px 8px}.announcement-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px;text-align:center}.announcement-empty p{color:var(--text-secondary);font-family:Aleo,serif;font-size:15px;margin:0}.template-editor-layout{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:1fr 8px 1fr}.template-editor-layout.template-editor-layout--collapsed{grid-template-columns:1fr}.template-resize-handle{align-items:center;align-self:stretch;color:var(--border-medium);cursor:col-resize;display:flex;justify-content:center;position:relative;transition:color .2s ease;width:8px;z-index:2}.template-resize-handle:before{background:var(--border-light);border-radius:1px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);transition:background-color .2s ease,width .2s ease;width:2px}.template-resize-handle:hover:before{background:#ffab4d;width:3px}.template-resize-handle:hover{color:#ffab4d}.template-resize-handle svg{background:var(--bg-primary);border-radius:4px;position:relative;transform:rotate(90deg);z-index:1}.template-collapse-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.template-collapse-btn:hover{background:#ffab4d0d;border-color:#ffab4d;color:#ffab4d}.template-editor-settings{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;margin-right:12px;min-width:0;overflow:hidden;padding:28px}.template-editor-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px;min-width:0}.template-editor-preview{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;flex-direction:column;gap:12px;margin-left:12px;min-width:0;overflow:hidden;padding:28px;position:-webkit-sticky;position:sticky;top:32px}.template-editor-layout--collapsed .template-editor-preview{margin-left:0}.template-preview-label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.1px}.template-field{display:flex;flex-direction:column;gap:6px;grid-column:1/-1;min-width:0}.template-field.template-field--half{grid-column:auto}.template-field.template-field--checkbox{grid-column:1/-1}.template-field>label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;overflow-wrap:break-word;text-transform:uppercase;word-break:break-word}.template-field>input[type=text]{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;height:40px;min-width:0;padding:0 14px;transition:border-color .2s ease;width:100%}.template-field>input[type=text]:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.color-field{align-items:center;display:flex;gap:10px;min-width:0}.color-picker{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:40px;padding:2px;width:40px}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-text{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:Aleo,serif;font-size:14px;height:40px;min-width:0;padding:0 14px;transition:border-color .2s ease}.color-text:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.template-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;padding:4px 0}.template-checkbox-label input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:18px;width:18px}.template-checkbox-label span{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;font-weight:400;min-width:0;word-break:break-word}.template-section-title{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.1px;margin-bottom:12px;margin-top:20px;padding-bottom:8px}.template-section-title:first-child{margin-top:0}.number-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;height:40px;min-width:0;padding:0 14px;transition:border-color .2s ease;width:100%}.number-input:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.template-logo-preview{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:50px;padding:12px}.template-logo-preview img{max-height:80px;object-fit:contain}.template-editor-actions{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:12px}.template-editor-actions .btn-primary,.template-editor-actions .btn-secondary{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease}.template-editor-actions .btn-primary{background-color:#f93;border:none;color:#fff}.template-editor-actions .btn-primary:hover:not(:disabled){background-color:#e68a2e}.template-editor-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.template-editor-actions .btn-secondary{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary)}.template-editor-actions .btn-secondary:hover{border-color:var(--border-medium)}.template-asset-library{margin-bottom:20px}.template-asset-loading{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;padding:20px 0;text-align:center}.template-asset-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.template-asset-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.template-asset-card:hover{border-color:var(--border-medium);box-shadow:0 2px 8px #00000014}.template-asset-card--builtin{background:var(--bg-secondary)}.template-asset-card--upload{align-items:center;border-style:dashed;cursor:pointer;justify-content:center;min-height:120px}.template-asset-card--upload:hover{background:#ffab4d08;border-color:#ffab4d}.template-asset-thumb{align-items:center;background-color:#f8f8f8;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;display:flex;height:90px;justify-content:center;overflow:hidden;position:relative;width:100%}.template-asset-thumb img{max-height:calc(100% - 8px);max-width:calc(100% - 8px);object-fit:contain}.template-asset-thumb--upload{background:none;height:60px}.template-asset-badge{align-items:center;background:#00000073;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.template-asset-name{color:var(--text-secondary);font-family:Aleo,serif;font-size:11px;font-weight:500;min-width:0;overflow:hidden;padding:6px 8px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.template-asset-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0 6px 6px}.template-asset-use-btn{background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;padding:3px 8px;transition:all .15s ease;white-space:nowrap}.template-asset-use-btn:hover{background:#ffab4d0d;border-color:#ffab4d;color:#ffab4d}.template-asset-delete-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:3px 6px;transition:all .15s ease}.template-asset-delete-btn:hover{background:#ef44440d;border-color:#ef4444;color:#ef4444}.success-toast{align-items:center;animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-lg);bottom:32px;box-shadow:0 8px 24px #10b98166;color:#fff;display:flex;font-family:Poppins,sans-serif;gap:16px;padding:20px 28px;position:fixed;right:32px;z-index:50}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-toast strong{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.success-toast p{font-size:13px;margin:0;opacity:.95}@media (max-width:1200px){.email-layout{gap:20px;grid-template-columns:340px 1fr}}@media (max-width:968px){.email-layout{grid-template-columns:1fr}.school-selection-panel{order:2}.email-composer-panel{order:1}.schools-list{max-height:300px}.template-editor-layout{grid-template-columns:1fr!important}.template-resize-handle{display:none}.template-editor-settings{margin-right:0}.template-editor-preview{margin-left:0;order:-1}.email-tab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 20px}.email-tab{font-size:13px;padding:12px 16px}}@media (max-width:768px){.email-content{padding:16px}.email-composer-panel,.school-selection-panel{padding:24px 20px}.search-filter-section{flex-direction:column}.filter-box,.search-box{width:100%}.filter-row{flex-direction:column}.filter-row .filter-select-small.naums-select{width:100%}.composer-actions{flex-direction:column-reverse}.composer-actions .btn-primary,.composer-actions .btn-secondary{justify-content:center;width:100%}.cc-bcc-controls{flex-direction:column}.add-field-btn{width:100%}.panel-header-actions{flex-direction:column;gap:6px}.template-editor-layout{grid-template-columns:1fr!important}.template-resize-handle{display:none}.template-editor-settings{margin-right:0}.template-editor-preview{margin-left:0}.template-editor-grid{grid-template-columns:1fr}.template-field.template-field--half{grid-column:1/-1}.template-editor-actions{flex-direction:column-reverse}.template-editor-actions .btn-primary,.template-editor-actions .btn-secondary{justify-content:center;width:100%}.email-tab-bar{padding:0 16px}.email-tab{font-size:12px;gap:6px;padding:10px 12px}.success-toast{bottom:16px;left:16px;right:16px}}.wizard-steps{background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-shrink:0;gap:0;justify-content:center;padding:20px 32px}.wizard-step-btn,.wizard-steps{align-items:center;display:flex}.wizard-step-btn{background:none;border:2px solid #0000;border-radius:40px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:10px;padding:10px 20px;transition:all .25s ease;white-space:nowrap}.wizard-step-btn:hover:not(:disabled){background:#ffab4d0f;color:var(--text-primary)}.wizard-step-btn:disabled{cursor:not-allowed;opacity:.45}.wizard-step-btn.active{background:#ff99331a;border-color:#f93;color:#f93}.wizard-step-btn.completed{color:#10b981}.wizard-step-number{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .25s ease;width:28px}.wizard-step-btn.active .wizard-step-number{background:#f93;border-color:#f93;color:#fff}.wizard-step-btn.completed .wizard-step-number{background:#10b981;border-color:#10b981;color:#fff}.wizard-step-icon{align-items:center;color:inherit;display:flex}.wizard-step-label{color:inherit}.wizard-step-connector{background:var(--border-light);border-radius:1px;flex-shrink:0;height:2px;margin:0 4px;transition:background .25s ease;width:40px}.wizard-step-connector.active{background:#f93}.wizard-step-content{min-width:0;width:100%}.email-page-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 380px}.email-page-sidebar{align-self:start;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 140px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:16px}.wizard-step-header{margin-bottom:28px}.wizard-step-header h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.wizard-step-header p{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;margin:0}.wizard-nav{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:28px;padding-top:28px}.wizard-nav .btn-primary,.wizard-nav .btn-secondary{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.wizard-nav .btn-primary{background:linear-gradient(135deg,#ffab4d,#f93);border:none;box-shadow:0 2px 8px #ff993340;color:#fff}.wizard-nav .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f93,#e68a2e);box-shadow:0 4px 12px #ff993359;transform:translateY(-1px)}.wizard-nav .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.wizard-nav .btn-secondary{background:var(--bg-primary);border:2px solid var(--border-light);color:var(--text-primary)}.wizard-nav .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.content-type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.content-type-card{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:24px 16px;text-align:center;transition:all .2s ease}.content-type-card:hover{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-primary)}.content-type-card.active{background:#ff99330f;border-color:#f93;box-shadow:0 2px 8px #ff993326;color:#f93}.content-type-title{color:inherit;font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.content-type-desc{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;line-height:1.4}.recipients-summary-panel{display:flex;flex-direction:column;gap:20px}.selected-emails-clear-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:2px 4px;text-decoration:underline}.selected-emails-clear-btn:hover{color:var(--text-primary)}.selected-emails-preview{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f;display:flex;flex:1 1;flex-direction:column;min-height:200px;padding:20px}.selected-emails-header{border-bottom:1px solid var(--border-light);margin-bottom:14px;padding-bottom:10px}.selected-emails-header h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:700;margin:0}.selected-emails-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:32px 0;text-align:center}.selected-emails-empty p{font-family:Aleo,serif;font-size:14px;margin:0}.selected-emails-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.selected-emails-chips::-webkit-scrollbar{width:5px}.selected-emails-chips::-webkit-scrollbar-track{background:#0000}.selected-emails-chips::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.email-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;display:inline-flex;font-size:12px;gap:6px;max-width:100%;padding:6px 10px;transition:all .15s ease}.email-chip:hover{background:var(--bg-primary);border-color:var(--border-medium)}.email-chip-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;max-width:140px}.email-chip-email,.email-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-chip-email{color:var(--text-secondary);font-family:Aleo,serif;max-width:180px}.email-chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:all .15s ease;width:20px}.email-chip-remove:hover{background:#ef44441a;color:#ef4444}.email-chip--manual{background:#ffab4d14;border-color:#ffab4d40}.review-layout{display:block}.review-recipients{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.review-recipients h4{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;gap:8px;margin:0 0 14px}.review-recipient-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.review-recipient-list::-webkit-scrollbar{width:5px}.review-recipient-list::-webkit-scrollbar-track{background:#0000}.review-recipient-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.review-recipient-item{background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;padding:8px 12px}.review-recipient-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.review-recipient-email{font-size:12px}.review-cc-line,.review-recipient-email{color:var(--text-secondary);font-family:Aleo,serif}.review-cc-line{border-top:1px solid var(--border-light);font-size:13px;margin-top:12px;padding-top:12px}.review-cc-line strong{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600}.review-preview{display:flex;flex-direction:column;gap:16px}.template-settings-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:8px 18px;transition:all .2s ease}.template-settings-btn:hover{background:#ffab4d0a;border-color:#ffab4d;color:#ffab4d}.template-settings-btn.active{background:#ff993314;border-color:#f93;color:#f93}.template-editor-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0;max-height:70vh;overflow-y:auto;padding:24px 32px}.template-editor-panel-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px;position:relative}.template-editor-panel-header h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:0}.template-editor-desc{color:var(--text-secondary);flex:1 1;font-family:Aleo,serif;font-size:13px;margin:4px 0 0}.template-close-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s ease;width:32px}.template-close-btn:hover{background:#ef444414;border-color:#ef4444;color:#ef4444}.template-section-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.template-section-card-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;font-weight:700;margin-bottom:4px}.template-section-card-desc{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;line-height:1.5;margin:0 0 16px}.template-friendly-grid{display:flex;flex-direction:column;gap:14px}.template-friendly-field{display:flex;flex-direction:column;gap:6px}.template-friendly-field>label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.template-friendly-field>input[type=text]{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:Aleo,serif;font-size:14px;height:40px;padding:0 14px;transition:border-color .2s ease;width:100%}.template-friendly-field>input[type=text]:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.template-friendly-field--row{align-items:flex-end;flex-direction:row;gap:16px}.template-friendly-field--row>div{display:flex;flex:1 1;flex-direction:column;gap:6px}.template-friendly-field--row>div>label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.color-picker-friendly{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;height:40px;padding:3px;transition:border-color .2s ease;width:100%}.color-picker-friendly:hover{border-color:var(--border-medium)}.color-picker-friendly::-webkit-color-swatch-wrapper{padding:2px}.color-picker-friendly::-webkit-color-swatch{border:none;border-radius:4px}.range-with-value{align-items:center;display:flex;gap:12px}.range-with-value input[type=range]{-webkit-appearance:none;appearance:none;background:var(--border-light);border-radius:3px;flex:1 1;height:6px;outline:none}.range-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f93;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003;cursor:pointer;height:18px;width:18px}.range-with-value input[type=range]::-moz-range-thumb{background:#f93;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003;cursor:pointer;height:18px;width:18px}.range-with-value span{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;font-weight:600;min-width:50px;text-align:right}.btn-send{box-shadow:0 4px 16px #ff99334d;font-size:15px!important;font-weight:700!important;padding:14px 36px!important}.btn-send:hover:not(:disabled){box-shadow:0 6px 20px #f936!important}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}@media (max-width:1200px){.email-page-grid{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:968px){.wizard-steps{gap:0;padding:16px 20px}.wizard-step-btn{font-size:13px;padding:8px 14px}.wizard-step-label{display:none}.wizard-step-connector{width:24px}.email-page-grid{grid-template-columns:1fr}.email-page-sidebar{max-height:none;position:static}.content-type-selector{grid-template-columns:1fr}.template-editor-panel{padding:16px 20px}.template-friendly-field--row{flex-direction:column;gap:14px}}@media (max-width:768px){.wizard-steps{padding:12px 16px}.wizard-step-btn{font-size:12px;padding:6px 10px}.wizard-step-icon{display:none}.wizard-step-number{font-size:11px;height:24px;width:24px}.wizard-step-connector{width:16px}.wizard-nav{flex-direction:column-reverse;gap:10px}.wizard-nav .btn-primary,.wizard-nav .btn-secondary{justify-content:center;width:100%}.wizard-step-header h2{font-size:18px}.template-editor-panel{max-height:80vh}.selected-emails-chips{max-height:250px}.email-chip-name{max-width:100px}.email-chip-email{max-width:120px}}.composer-template-bar{margin-bottom:20px;position:relative}.btn-template-picker{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:background .12s,border-color .12s}.btn-template-picker:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#ffab4d}.template-count-badge{align-items:center;background:#ffab4d;border-radius:50%;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.template-picker-panel{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;max-height:300px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 6px);width:340px;z-index:200}.template-picker-save-btn{background:#0000;border:1px dashed #e5e7eb;border:1px dashed var(--border-light,#e5e7eb);border-radius:7px;color:#ffab4d;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-bottom:8px;padding:9px 12px;text-align:left;transition:background .1s;width:100%}.template-picker-save-btn:hover:not(:disabled){background:#ffab4d0f}.template-picker-save-btn:disabled{cursor:default;opacity:.45}.template-save-row{align-items:center;display:flex;gap:6px;margin-bottom:8px;padding:4px 0}.template-name-input{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:13px;min-width:0;padding:7px 10px}.template-save-cancel,.template-save-confirm{flex-shrink:0;font-size:12px!important;min-width:0;padding:7px 10px!important}.template-picker-empty{color:var(--text-secondary);font-size:13px;margin:0;padding:12px;text-align:center}.template-picker-list{list-style:none;margin:0;padding:0}.template-picker-item{align-items:center;border-radius:7px;display:flex;gap:10px;justify-content:space-between;padding:9px 10px;transition:background .1s}.template-picker-item:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.template-picker-item-info{flex:1 1;min-width:0}.template-picker-item-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.template-picker-item-name,.template-picker-item-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-picker-item-preview{color:var(--text-secondary);font-size:12px;margin-top:1px}.template-picker-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.template-load-btn{background:#ffab4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:4px 10px;transition:background .12s}.template-load-btn:hover{background:#f59e3b}.template-delete-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .1s,color .1s;width:26px}.template-delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.signoff-label-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.signoff-label-row label{margin-bottom:0!important}.signature-actions{flex-shrink:0;gap:6px}.signature-restore-btn,.signature-save-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;transition:background .12s,color .12s,border-color .12s}.signature-save-btn:hover:not(:disabled){background:#ffab4d14;border-color:#ffab4d;color:#c2710c}.signature-save-btn--saved{background:#22c55e1a!important;border-color:#86efac!important;color:#15803d!important}.signature-restore-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:var(--text-primary)}.signature-save-btn:disabled{cursor:default;opacity:.4}.attachment-label-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.attachment-label-row label{margin-bottom:0!important}.attachment-size-hint{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px}.attachment-size-hint--over{color:#dc2626;font-weight:600}.btn-attach{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px dashed #d1d5db;border:1px dashed var(--border-light,#d1d5db);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .12s,border-color .12s,color .12s}.btn-attach:hover:not(:disabled){background:#ffab4d0f;border-color:#ffab4d;color:var(--text-primary)}.btn-attach:disabled{cursor:default;opacity:.4}.attachment-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:10px 0 0;padding:0}.attachment-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;display:flex;gap:8px;padding:8px 12px}.attachment-item-name{color:var(--text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item-size{color:var(--text-secondary);flex-shrink:0;font-size:12px}.attachment-remove-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:background .1s,color .1s;width:22px}.attachment-remove-btn:hover{background:#fee2e2;color:#dc2626}.attachment-size-error{color:#dc2626;font-family:Poppins,sans-serif;font-size:12px;margin:8px 0 0}.review-attachments{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);margin-top:14px;padding-top:12px}.review-attachments-label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.review-attachment-list{color:var(--text-primary);font-size:13px;list-style:none;margin:0;padding:0}.review-attachment-list li{padding:3px 0}.review-attachment-size{color:var(--text-secondary);font-size:12px}.color-mode-toggle{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;display:inline-flex;margin-top:4px;overflow:hidden}.color-mode-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:6px 14px;transition:background .12s,color .12s}.color-mode-btn+.color-mode-btn{border-left:1px solid #e5e7eb;border-left:1px solid var(--border-light,#e5e7eb)}.color-mode-btn.active{background:#ffab4d;color:#fff;font-weight:600}.recipient-mode-toggle{display:flex;gap:8px;margin-bottom:20px}.mode-toggle-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:9px 20px;transition:all .15s}.mode-toggle-btn:hover{border-color:#ffab4d;color:#ffab4d}.mode-toggle-btn.active{background:#ffab4d1a;border-color:#ffab4d;color:#c97300;font-weight:600}.filter-box--title{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;display:flex;flex:1 1;gap:6px;height:36px;min-width:160px;padding:0 10px}.filter-hint{align-items:flex-start;background:#ffab4d14;border:1px solid #ffab4d40;border-radius:8px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;line-height:1.5;margin-bottom:4px;padding:8px 12px}.filter-hint svg{color:#c97300;flex-shrink:0;margin-top:1px}.filter-row--wrap{flex-wrap:wrap;gap:8px}.people-school-filters{background:#ffab4d0d;border:1px dashed #ffab4d66;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:6px;padding:10px 12px}.people-school-filters__header{display:flex;flex-direction:column;gap:2px}.people-school-filters__label{color:#c97300;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.people-school-filters__hint{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11.5px;font-weight:400;line-height:1.4}.clear-filters-btn--active{background:#ffab4d;border-color:#ffab4d;color:#fff}.clear-filters-btn--active:hover{background:#f59e3b}.people-save-segment{align-items:center;display:flex;gap:8px;padding:4px 0}.people-save-segment__btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:background .12s,border-color .12s,color .12s}.people-save-segment__btn:hover{background:#fff4e5;border-color:#ffab4d;color:#c2410c}.people-save-segment__btn--primary{background:#ffab4d;border-color:#ffab4d;color:#fff}.people-save-segment__btn--primary:hover{background:#f59e3b;border-color:#f59e3b;color:#fff}.people-save-segment__btn:disabled{cursor:not-allowed;opacity:.5}.people-save-segment__form{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.people-save-segment__form input{flex:1 1;max-width:320px;min-width:0}.people-role-badge{align-self:center;background:#9ca3af26;border-radius:8px;color:#6b7280;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase}.signature-actions{align-items:center;display:flex;gap:8px;position:relative}.signature-picker-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:5px;padding:5px 10px;transition:all .15s}.signature-picker-btn:hover{border-color:#ffab4d;color:#c97300}.signature-picker-panel{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:6px;padding:8px;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:100}.signature-picker-empty{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;padding:14px 10px;text-align:center}.signature-picker-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.signature-picker-item{align-items:center;border-radius:6px;display:flex;gap:4px;padding:2px;transition:background .1s}.signature-picker-item:hover{background:var(--bg-secondary)}.signature-picker-apply{align-items:flex-start;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Poppins,sans-serif;gap:2px;padding:8px 10px;text-align:left}.signature-picker-name{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:6px}.signature-default-tag{background:#ffab4d26;border-radius:8px;color:#c97300;font-size:9px;font-weight:600;letter-spacing:.4px;padding:1px 6px;text-transform:uppercase}.signature-picker-preview{color:var(--text-secondary);font-family:Aleo,Georgia,serif;font-size:11px}.signature-default-btn,.signature-delete-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.signature-default-btn:hover{background:#ffab4d1f;color:#c97300}.signature-delete-btn:hover{background:#ef44441a;color:#ef4444}.wizard-nav-actions{align-items:center;display:flex;gap:10px}.btn-test-send{align-items:center;display:inline-flex;gap:6px}.test-email-success{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;color:#2e7d32;display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:8px;justify-content:center;margin:12px 0;padding:10px 16px}.test-email-success svg{color:#2e7d32}.signature-manage-link{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:5px;padding:4px 10px;transition:all .15s}.signature-manage-link:hover{border-color:#ffab4d;color:#c97300}.signature-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.signature-select:focus{border-color:#ffab4d}.signature-empty-prompt{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px dashed #e5e7eb;border:1px dashed var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:10px;padding:12px 16px}.signature-empty-prompt svg{color:var(--text-secondary);flex-shrink:0}.signature-empty-action{background:#ffab4d;background:var(--accent,#ffab4d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-left:auto;padding:4px 12px;transition:opacity .15s;white-space:nowrap}.signature-empty-action:hover{opacity:.85}.signature-inline-preview{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;margin-top:10px;overflow:hidden}.signature-inline-preview-label{background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.signature-inline-preview-body{color:var(--text-primary);font-family:Aleo,Georgia,serif;font-size:13px;line-height:1.6;padding:14px 18px;word-break:break-word}.signature-inline-preview-body>:first-child{margin-top:0}.signature-inline-preview-body>:last-child{margin-bottom:0}.signature-inline-preview-body img{height:auto;max-width:100%}.email-header-actions{align-items:center;display:flex;gap:8px}.signature-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:32px 16px;position:fixed;z-index:9000}.signature-manager-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 64px);max-width:880px;overflow:hidden;width:100%}.signature-manager-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.signature-manager-header h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0}.signature-manager-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.signature-manager-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.signature-manager-body{flex:1 1;overflow-y:auto;padding:22px 24px}.quick-add-section{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);gap:10px;padding:14px 16px}.quick-add-row,.quick-add-section{display:flex;flex-direction:column}.quick-add-row{gap:6px}.quick-add-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.quick-add-chips{display:flex;flex-wrap:wrap;gap:6px}.quick-add-chip{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;gap:5px;padding:5px 10px 5px 8px;transition:background .12s,border-color .12s,color .12s}.quick-add-chip:hover:not(.quick-add-chip--active){border-color:#ffab4d;color:#c2710c}.quick-add-chip--active{background:#ffab4d;border-color:#ffab4d;color:#fff}.quick-add-chip--active:hover{background:#f59e3b}.quick-add-count{align-items:center;background:#0000000f;border-radius:8px;display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:18px;padding:0 5px}.quick-add-chip--active .quick-add-count{background:#ffffff40;color:#fff}.quick-add-x{margin-left:2px;opacity:.85}.quick-add-chip--auto svg:first-child{color:#ffab4d}.quick-add-chip--active.quick-add-chip--auto svg:first-child,.quick-add-chip--active.quick-add-chip--org svg:first-child,.quick-add-chip--active.quick-add-chip--school svg:first-child{color:#fff}.quick-add-chip--org svg:first-child,.quick-add-chip--school svg:first-child{color:#c2710c}.quick-add-chip--legacy:not(.quick-add-chip--active){border-style:dashed;opacity:.85}.quick-add-kind{border-radius:3px;font-family:Poppins,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.4px;padding:1px 5px;text-transform:uppercase}.quick-add-kind--static{background:#6b7280;background:var(--text-secondary,#6b7280);color:#fff}.quick-add-chip--active .quick-add-kind--static{background:#ffffff4d;color:#fff}.people-save-segment__form-stack{display:flex;flex-direction:column;gap:8px;width:100%}.people-save-segment__note{align-items:flex-start;background:#ffab4d14;border:1px solid #ffab4d40;border-radius:10px;display:flex;gap:8px;padding:8px 12px}.people-save-segment__mode-pill{align-self:flex-start;border-radius:4px;font-family:Poppins,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.5px;margin-top:2px;padding:2px 6px;white-space:nowrap}.people-save-segment__mode-pill--smart{background:#ffab4d;color:#fff}.people-save-segment__mode-text{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:400;line-height:1.45}.send-as-row{align-items:flex-start;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:12px 14px}.send-as-row .cc-bcc-controls{flex-shrink:0;margin:0}.send-as-toggle{align-items:flex-start;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;-webkit-user-select:none;user-select:none}.send-as-toggle input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.send-as-toggle-text{color:var(--text-primary);display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:3px;min-width:0}.send-as-preview{color:var(--text-secondary);font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-as-preview strong{color:var(--text-primary);font-weight:600}.send-as-toggle--disabled{cursor:not-allowed;opacity:.55}.send-as-toggle--disabled input{cursor:not-allowed}.picker-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:16px;padding:18px 20px}.picker-card__title{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.picker-card__hint{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px;margin:0 0 12px}.picker-card__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.picker-card__row+.picker-card__row{margin-top:12px}.picker-results-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.picker-results-header__actions{align-items:center;display:flex;gap:8px}.more-filters-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;position:relative}.more-filters-btn:hover{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9)}.more-filters-btn--active{background:#ff99330f;border-color:#f93;border-color:var(--accent-orange,#f93);color:#f93;color:var(--accent-orange,#f93)}.more-filters-btn__pill{background:#f93;background:var(--accent-orange,#f93);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:4px;padding:2px 6px}.save-group-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px}.save-group-btn:hover{border-color:#f93;border-color:var(--accent-orange,#f93);color:#f93;color:var(--accent-orange,#f93)}.picker-modal-backdrop{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.picker-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000040;max-height:80vh;max-width:560px;overflow-y:auto;width:100%}.picker-modal__header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.picker-modal__title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.picker-modal__close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px}.picker-modal__body{padding:20px}.picker-modal__body .filter-row{flex-wrap:wrap}.picker-modal__body .filter-select-small{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:200px}.picker-modal__footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.etl-page{background:#f9fafb;background:var(--bg-secondary,#f9fafb);display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%}.etl-tabs{background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;flex-shrink:0;gap:4px;padding:0 24px}.etl-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;margin-bottom:-1px;padding:12px 18px;transition:color .12s,border-color .12s}.etl-tab:hover{color:var(--text-primary)}.etl-tab--active{border-bottom-color:#ffab4d;color:#ffab4d;font-weight:600}.etl-tab-count{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:9px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:20px;padding:0 6px}.etl-tab--active .etl-tab-count{background:#ffab4d2e;color:#c2710c}.etl-browse-layout{display:grid;flex:1 1;grid-template-columns:360px 1fr;min-height:0;overflow:hidden}.etl-browse-list{background:#fff;background:var(--bg-primary,#fff);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light,#e5e7eb);display:flex;flex-direction:column;min-height:0}.etl-search{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);flex-shrink:0;padding:14px 16px;position:relative}.etl-search-icon{color:var(--text-secondary);left:26px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.etl-search-input{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;padding:8px 12px 8px 34px;width:100%}.etl-search-input:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#ffab4d;outline:none}.etl-empty{color:var(--text-secondary);font-size:14px;line-height:1.5;padding:40px 24px;text-align:center}.etl-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:8px}.etl-list-item{border:1.5px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:4px;padding:11px 14px;transition:background .12s}.etl-list-item:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.etl-list-item--active{background:#ffab4d14;border-color:#ffab4d}.etl-list-item-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:3px}.etl-list-item-name,.etl-list-item-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etl-list-item-subject{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.etl-list-item-subject em{opacity:.6}.etl-list-item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:500;gap:5px;letter-spacing:.04em;text-transform:uppercase}.etl-browse-preview{background:#f9fafb;background:var(--bg-secondary,#f9fafb);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.etl-preview-toolbar{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:18px 24px}.etl-preview-toolbar-info{flex:1 1;min-width:0}.etl-preview-toolbar-name{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 5px}.etl-preview-toolbar-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.etl-scope-badge{align-items:center;background:#ffab4d1f;border-radius:4px;color:#c2710c;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.etl-preview-toolbar-actions{display:flex;flex-shrink:0;gap:6px}.etl-preview-iframe{margin:24px;width:calc(100% - 48px)!important}.etl-preview-empty{background:#fff;background:var(--bg-primary,#fff);border:1px dashed #e5e7eb;border:1px dashed var(--border-light,#e5e7eb);border-radius:8px;margin:24px;padding:32px}.etl-preview-empty,.etl-preview-placeholder{color:var(--text-secondary);text-align:center}.etl-preview-placeholder{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px}.etl-preview-placeholder h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:4px 0 0}.etl-preview-placeholder p{font-size:14px;line-height:1.5;margin:0 0 16px;max-width:360px}.etl-editor-layout{display:grid;flex:1 1;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.etl-editor-form{background:#fff;background:var(--bg-primary,#fff);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light,#e5e7eb);overflow-y:auto;padding:24px 28px}.etl-editor-preview{background:#f9fafb;background:var(--bg-secondary,#f9fafb);display:flex;flex-direction:column;overflow-y:auto;padding:24px}.etl-preview-label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.etl-editor-preview .etl-preview-iframe{margin:0!important;width:100%!important}.etl-editor-preview .etl-preview-empty{margin:0}.etl-form-row{margin-bottom:18px}.etl-label{color:var(--text-primary);display:block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.etl-label-optional{color:var(--text-secondary);font-size:11px;font-weight:400;letter-spacing:normal;text-transform:none}.etl-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;box-sizing:border-box;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;padding:10px 12px;width:100%}.etl-input:focus{border-color:#ffab4d;outline:none}.etl-textarea{font-family:Aleo,serif;line-height:1.55;min-height:100px;resize:vertical}.etl-helper{color:var(--text-secondary);font-size:11px;margin-top:4px;text-align:right}.etl-scope-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.etl-scope-option{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light,#e5e7eb);border-radius:9px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:10px;padding:12px;position:relative;text-align:left;transition:border-color .12s,background .12s}.etl-scope-option:hover:not(.etl-scope-option--disabled){border-color:#ffab4d}.etl-scope-option--active{background:#ffab4d0f;border-color:#ffab4d}.etl-scope-option--disabled{cursor:not-allowed;opacity:.45}.etl-scope-option-icon{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#ffab4d;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.etl-scope-option--active .etl-scope-option-icon{background:#ffab4d;color:#fff}.etl-scope-option-text{display:flex;flex-direction:column;min-width:0}.etl-scope-option-title{color:var(--text-primary);font-size:13px;font-weight:600}.etl-scope-option-desc{color:var(--text-secondary);font-size:11px}.etl-scope-option-lock{color:var(--text-secondary);position:absolute;right:8px;top:8px}.etl-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:18px}.btn-danger{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:background .12s}.btn-danger:hover{background:#fecaca}@media (max-width:968px){.etl-browse-layout,.etl-editor-layout{grid-template-columns:1fr}.etl-browse-list,.etl-editor-form{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);border-right:none}.etl-list{max-height:320px}.etl-scope-picker{grid-template-columns:1fr}}.ug-page{background:#f9fafb;background:var(--bg-secondary,#f9fafb);display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%}.ug-tabs{background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;flex-shrink:0;gap:4px;padding:0 24px}.ug-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;margin-bottom:-1px;padding:12px 18px;transition:color .12s,border-color .12s}.ug-tab:hover{color:var(--text-primary)}.ug-tab--active{border-bottom-color:#ffab4d;color:#ffab4d;font-weight:600}.ug-tab-count{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:9px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:20px;padding:0 6px}.ug-tab--active .ug-tab-count{background:#ffab4d2e;color:#c2710c}.ug-browse-layout{display:grid;flex:1 1;grid-template-columns:360px 1fr;min-height:0;overflow:hidden}.ug-browse-list{background:#fff;background:var(--bg-primary,#fff);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light,#e5e7eb);display:flex;flex-direction:column;min-height:0}.ug-search-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);padding:14px 16px}.ug-search{position:relative}.ug-search-icon{color:var(--text-secondary);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ug-search-input{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;padding:8px 12px 8px 34px;width:100%}.ug-search-input:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#ffab4d;outline:none}.ug-empty{color:var(--text-secondary);font-size:13px;line-height:1.5;padding:32px 24px;text-align:center}.ug-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:8px}.ug-list-item{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:10px 12px;transition:background .12s,border-color .12s}.ug-list-item:nth-child(2n){background:#ffab4d24}.ug-list-item:hover{background:#ffab4d38}.ug-list-item--active{background:#ffab4d14;border-color:#ffab4d}.ug-list-item-icon{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#ffab4d;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ug-list-item-info{flex:1 1;min-width:0}.ug-list-item-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.ug-list-item-meta,.ug-list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ug-list-item-meta{color:var(--text-secondary);font-size:12px}.ug-browse-detail{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.ug-detail-header{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:22px 28px}.ug-detail-header-info{flex:1 1;min-width:0}.ug-detail-name{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 6px}.ug-detail-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-bottom:10px}.ug-scope-badge{align-items:center;background:#ffab4d1f;border-radius:4px;color:#c2710c;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.ug-detail-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:6px 0 0}.ug-detail-actions{display:flex;flex-shrink:0;gap:6px}.ug-detail-members{padding:22px 28px}.ug-detail-section-title{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase}.ug-detail-member-list{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;list-style:none;margin:0;overflow:hidden;padding:0}.ug-detail-member-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:12px;padding:10px 14px}.ug-detail-member-row:last-child{border-bottom:none}.ug-detail-member-info{flex:1 1;min-width:0}.ug-detail-member-name{color:var(--text-primary);font-size:14px;font-weight:600}.ug-detail-member-meta,.ug-detail-member-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ug-detail-member-meta{color:var(--text-secondary);font-size:12px}.ug-role-pill{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:999px;color:var(--text-secondary);flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px}.ug-detail-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.ug-detail-placeholder h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:4px 0 0}.ug-detail-placeholder p{font-size:14px;line-height:1.5;margin:0 0 16px;max-width:360px}.ug-editor{display:flex;flex:1 1;overflow:hidden}.ug-editor-form{flex:1 1;margin:0 auto;max-width:720px;overflow-y:auto;padding:24px 32px;width:100%}.ug-form-row{margin-bottom:18px}.ug-label{color:var(--text-primary);display:block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.ug-label-optional{font-size:11px}.ug-label-optional,.ug-member-count{color:var(--text-secondary);font-weight:400;letter-spacing:normal;text-transform:none}.ug-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;box-sizing:border-box;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;padding:10px 12px;width:100%}.ug-input:focus{border-color:#ffab4d;outline:none}.ug-textarea{font-family:Aleo,serif;line-height:1.55;min-height:60px;resize:vertical}.ug-scope-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.ug-scope-option{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light,#e5e7eb);border-radius:9px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:10px;padding:12px;position:relative;text-align:left;transition:border-color .12s,background .12s}.ug-scope-option:hover:not(.ug-scope-option--disabled):not(:disabled){border-color:#ffab4d}.ug-scope-option--active{background:#ffab4d0f;border-color:#ffab4d}.ug-scope-option--disabled,.ug-scope-option:disabled{cursor:not-allowed;opacity:.55}.ug-scope-option-icon{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#ffab4d;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ug-scope-option--active .ug-scope-option-icon{background:#ffab4d;color:#fff}.ug-scope-option-text{display:flex;flex-direction:column;min-width:0}.ug-scope-option-title{color:var(--text-primary);font-size:13px;font-weight:600}.ug-scope-option-desc{color:var(--text-secondary);font-size:11px}.ug-scope-option-lock{color:var(--text-secondary);position:absolute;right:8px;top:8px}.ug-members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ug-members-header .ug-label{margin-bottom:0}.ug-add-members-btn{font-size:12px!important;padding:6px 12px!important}.ug-empty-members{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px dashed #e5e7eb;border:1px dashed var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-secondary);font-size:13px;margin:0;padding:16px;text-align:center}.ug-member-list{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.ug-member-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:10px;padding:8px 12px}.ug-member-row:last-child{border-bottom:none}.ug-member-info{flex:1 1;min-width:0}.ug-member-name{color:var(--text-primary);font-size:13px;font-weight:600}.ug-member-meta,.ug-member-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ug-member-meta{color:var(--text-secondary);font-size:11px}.ug-icon-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:28px}.ug-icon-btn:hover{background:#fff;background:var(--bg-primary,#fff);color:var(--text-primary)}.ug-icon-btn--danger:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ug-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:18px}.ug-picker-overlay{align-items:center;animation:ug-fade-in .15s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9000}@keyframes ug-fade-in{0%{opacity:0}to{opacity:1}}.ug-picker{animation:ug-slide-up .18s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:100%;overflow:hidden;width:720px}@keyframes ug-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ug-picker-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.ug-picker-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.ug-picker-filters{grid-gap:8px;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:grid;gap:8px;grid-template-columns:1fr auto auto;padding:12px 20px}.ug-filter-select{font-size:13px!important;padding:8px 12px!important;width:180px}.ug-picker-list{flex:1 1;overflow-y:auto;padding:8px}.ug-picker-row{align-items:center;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .1s}.ug-picker-row:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.ug-picker-row--checked{background:#ffab4d14}.ug-picker-row input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;width:16px}.ug-picker-row-info{flex:1 1;min-width:0}.ug-picker-row-name{color:var(--text-primary);font-size:13px;font-weight:600}.ug-picker-row-meta,.ug-picker-row-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ug-picker-row-meta{color:var(--text-secondary);font-size:11px}.ug-picker-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;padding:12px 20px}.ug-picker-count{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:968px){.ug-browse-layout{grid-template-columns:1fr}.ug-browse-list{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);border-right:none}.ug-list{max-height:280px}.ug-picker-filters,.ug-scope-picker{grid-template-columns:1fr}.ug-filter-select{width:100%}}.top-bar-actions{align-items:center;display:flex;gap:16px}.users-table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;max-width:100%;min-width:0;overflow:hidden;width:100%}.users-table{border-collapse:collapse;width:100%}.imported-table .users-table,.users-table{table-layout:fixed}.users-table td,.users-table th{box-sizing:border-box;overflow:hidden}.imported-table tbody td,.imported-table thead th{padding:12px 14px}.imported-table .user-cell{gap:10px}.imported-table .user-avatar-small{height:36px;width:36px}.imported-table .user-avatar-small>div{height:36px!important;width:36px!important}.imported-table .user-avatar-small svg{font-size:18px!important}.imported-table .user-details{gap:3px;min-width:0}.imported-table .user-name-text{font-size:13px}.imported-table .user-title{font-size:11px}.imported-table .contact-row{font-size:12px}.imported-table .school-cell{font-size:13px}.imported-table .role-badge,.imported-table .status-badge{font-size:11px;padding:4px 8px}.imported-table .action-btn{height:32px;width:32px}.users-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-light)}.users-table thead th{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:clamp(10px,1.2vw,16px) clamp(12px,1.5vw,20px);text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.users-table tbody tr:hover{background:var(--bg-secondary)}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;padding:clamp(10px,1.2vw,16px) clamp(12px,1.5vw,20px);vertical-align:middle}.user-cell{gap:12px;max-width:100%}.user-avatar-small,.user-cell{align-items:center;display:flex;overflow:hidden}.user-avatar-small{background:#0000;border-radius:50%;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-avatar-small img{height:100%;object-fit:cover;width:100%}.user-avatar-small svg{font-size:20px!important}.user-avatar-small>div{height:40px!important;width:40px!important}.user-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-name-text{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.user-name-text,.user-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-title{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;font-style:italic}.role-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;letter-spacing:.3px;max-width:100%;min-width:0;overflow:hidden;padding:6px 12px;text-overflow:ellipsis}.user-role-admin{background:#ffab4d26;color:#ff4713}.user-role-head{background:#7366ff26;color:#7366ff}.user-role-staff{background:#0056d226;color:#0056d2}.user-role-organization{background:#22c55e26;color:#16a34a}.user-role-teacher{background:#0ea5e926;color:#0284c7}.user-role-custom{background:#8b5cf626;color:#8b5cf6}.user-role-principal{background:#ec489926;color:#db2777}.user-role-administrator{background:#0d948826;color:#0d9488}.role-select.naums-select{background-position:right 8px center;font-size:13px;height:28px;min-width:120px;padding:4px 28px 4px 8px}.role-select.user-role-staff{background-color:var(--bg-primary);color:#0056d2}.role-select.user-role-staff:hover{background-color:#0056d20a}.role-select.user-role-head{background-color:var(--bg-primary);color:#7366ff}.role-select.user-role-head:hover{background-color:#7366ff0a}.role-select.user-role-admin{background-color:var(--bg-primary);color:#ff4713}.role-select.user-role-admin:hover{background-color:#ffab4d0a}.role-select.user-role-organization{background-color:var(--bg-primary);color:#16a34a}.role-select.user-role-organization:hover{background-color:#22c55e0a}.role-select.user-role-teacher{background-color:var(--bg-primary);color:#0284c7}.role-select.user-role-teacher:hover{background-color:#0ea5e90a}.role-select.user-role-custom{background-color:var(--bg-primary);color:#8b5cf6}.role-select.user-role-custom:hover{background-color:#8b5cf60a}.role-select.user-role-principal{background-color:var(--bg-primary);color:#db2777}.role-select.user-role-principal:hover{background-color:#ec48990a}.role-select.user-role-administrator{background-color:var(--bg-primary);color:#0d9488}.role-select.user-role-administrator:hover{background-color:#0d94880a}.role-select:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.5}.table-role-dropdown-wrapper{display:inline-block;max-width:100%;min-width:0;position:relative;z-index:10}.table-role-trigger{align-items:center;background:var(--bg-primary);border:1.5px solid #0000;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:6px;height:32px;max-width:100%;min-width:0;overflow:hidden;padding:4px 8px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.table-role-trigger:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.table-role-trigger:disabled{cursor:not-allowed;opacity:.5}.table-role-trigger.user-role-staff{background:#0056d214;border-color:#0056d233;color:#0056d2}.table-role-trigger.user-role-staff:hover:not(:disabled){background:#0056d21f;border-color:#0056d2}.table-role-trigger.user-role-staff.open{background:#0056d226;border-color:#0056d2;box-shadow:0 0 0 3px #0056d21a}.table-role-trigger.user-role-head{background:#7366ff14;border-color:#7366ff33;color:#7366ff}.table-role-trigger.user-role-head:hover:not(:disabled){background:#7366ff1f;border-color:#7366ff}.table-role-trigger.user-role-head.open{background:#7366ff26;border-color:#7366ff;box-shadow:0 0 0 3px #7366ff1a}.table-role-trigger.user-role-admin{background:#ffab4d14;border-color:#ffab4d33;color:#ff4713}.table-role-trigger.user-role-admin:hover:not(:disabled){background:#ffab4d1f;border-color:#ffab4d}.table-role-trigger.user-role-admin.open{background:#ffab4d26;border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.table-role-trigger.user-role-organization{background:#22c55e14;border-color:#22c55e33;color:#16a34a}.table-role-trigger.user-role-organization:hover:not(:disabled){background:#22c55e1f;border-color:#16a34a}.table-role-trigger.user-role-organization.open{background:#22c55e26;border-color:#16a34a;box-shadow:0 0 0 3px #22c55e1a}.table-role-trigger.user-role-teacher{background:#0ea5e914;border-color:#0ea5e933;color:#0284c7}.table-role-trigger.user-role-teacher:hover:not(:disabled){background:#0ea5e91f;border-color:#0284c7}.table-role-trigger.user-role-teacher.open{background:#0ea5e926;border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e91a}.table-role-trigger.user-role-custom{background:#8b5cf614;border-color:#8b5cf633;color:#8b5cf6}.table-role-trigger.user-role-custom:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf6}.table-role-trigger.user-role-custom.open{background:#8b5cf626;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.table-role-trigger.user-role-principal{background:#ec489914;border-color:#ec489933;color:#db2777}.table-role-trigger.user-role-principal:hover:not(:disabled){background:#ec48991f;border-color:#db2777}.table-role-trigger.user-role-principal.open{background:#ec489926;border-color:#db2777;box-shadow:0 0 0 3px #ec48991a}.table-role-trigger.user-role-administrator{background:#0d948814;border-color:#0d948833;color:#0d9488}.table-role-trigger.user-role-administrator:hover:not(:disabled){background:#0d94881f;border-color:#0d9488}.table-role-trigger.user-role-administrator.open{background:#0d948826;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.table-role-value{flex:1 1;overflow:hidden;text-overflow:ellipsis}.table-role-arrow{color:currentColor;flex-shrink:0;font-size:18px!important;opacity:.6;transition:transform .2s ease}.table-role-trigger.open .table-role-arrow{transform:rotate(180deg)}.table-role-dropdown{animation:tableDropdownSlideIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;max-height:320px;min-width:160px;overflow-x:hidden;overflow-y:auto}@keyframes tableDropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-role-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.table-role-option:last-child{border-bottom:none}.table-role-option:hover{background:#ffab4d14;color:#ffab4d}.table-role-option.selected{background:#ffab4d1f;color:#ffab4d;font-weight:600}.table-role-option .check-icon{color:#ffab4d;font-size:16px!important}.table-role-divider{background:#e5e7eb;background:var(--border-light,#e5e7eb);height:1px;margin:4px 0}.filter-custom-dropdown{display:inline-block;position:relative}.filter-dropdown-trigger{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;height:40px;max-width:100%;min-width:0;overflow:hidden;padding:8px 14px;text-align:left;transition:all .2s ease;white-space:nowrap}.filter-dropdown-trigger:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.filter-dropdown-trigger.open{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.filter-dropdown-arrow,.filter-trigger-icon{font-size:20px!important}.filter-dropdown-trigger.open .filter-dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{border-radius:8px;min-width:180px;overflow:hidden}.filter-dropdown-option{flex-wrap:wrap;font-size:14px;gap:4px;padding:10px 14px}.filter-option-hint{color:var(--text-secondary);font-size:11px;font-weight:400;margin-top:2px;opacity:.7;width:100%}.filter-dropdown-option .check-icon{font-size:18px!important}.school-cell{align-items:center;color:var(--text-primary);display:flex;font-family:Aleo,serif;font-size:14px;gap:8px;max-width:100%;min-width:0;overflow:hidden}.school-cell svg{color:var(--text-secondary);flex-shrink:0}.school-cell>div,.school-cell>span{min-width:0;white-space:nowrap}.imported-table .contact-cell,.imported-table .school-cell,.imported-table .user-details,.school-cell>div,.school-cell>span{overflow:hidden;text-overflow:ellipsis}.imported-table .user-name-text,.imported-table .user-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-cell{flex-direction:column;max-width:100%}.contact-cell,.contact-row{display:flex;gap:6px;min-width:0;overflow:hidden}.contact-row{align-items:center;font-size:13px}.contact-row a{white-space:nowrap}.contact-row a,.imported-table .contact-row{overflow:hidden;text-overflow:ellipsis}.contact-row svg{color:var(--text-secondary);flex-shrink:0}.contact-row a{color:var(--text-primary);flex:1 1;min-width:0;text-decoration:none;transition:color .2s ease}.contact-row a:hover{color:#ffab4d;text-decoration:underline}.status-badge{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-weight:600;gap:6px;max-width:100%;min-width:0;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.status-active{background:#22c55e26;color:#22c55e}.status-active:hover{background:#22c55e40}.status-inactive{background:#ef444426;color:#ef4444}.status-inactive:hover{background:#ef444440}.status-pending{background:#fbbf2426;color:#f59e0b;cursor:default}.status-pending:hover{background:#fbbf2433}.pending-status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:8px;max-width:100%;min-width:0;overflow:hidden}.pending-status-cell .status-badge{cursor:default}.pending-actions{display:flex;flex-wrap:wrap;gap:8px}.pending-actions .action-btn{border-radius:8px;font-size:12px;font-weight:500;gap:6px;height:32px;min-width:36px;padding:0 10px;width:auto}.pending-actions .action-btn-approve{background-color:#fff;border:1px solid #22c55e;color:#22c55e}.pending-actions .action-btn-approve:hover{background-color:#22c55e;color:#fff}.pending-actions .action-btn-reject{background-color:#fff;border:1px solid #ef4444;color:#ef4444}.pending-actions .action-btn-reject:hover{background-color:#ef4444;color:#fff}.pending-actions .action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;pointer-events:auto;position:relative;transition:all .2s ease;width:36px;z-index:2}.action-btn:hover{background-color:#f93;border-color:#f93;box-shadow:0 2px 8px #ff99334d;color:#fff;transform:translateY(-1px)}@media (max-width:1200px){.users-table{font-size:13px}.users-table tbody td,.users-table thead th{padding:12px 16px}.user-avatar-small{height:36px;width:36px}.user-avatar-small>div{height:36px!important;width:36px!important}}@media (max-width:1100px){.users-table-wrapper .users-table-container{overflow-x:auto;scroll-behavior:smooth}.users-table-container:not(.imported-table) .users-table{min-width:760px}.users-table-container.imported-table .users-table{min-width:840px}}@media (max-width:768px){.users-page-content{padding:16px}.users-content{padding:20px}.search-section{flex-direction:column}.users-table-container:not(.imported-table) .users-table{min-width:700px}.users-table-container.imported-table .users-table{min-width:780px}.folder-navigation{flex-wrap:wrap}.folder-tab{flex:1 1 auto;min-width:120px}.top-bar-actions{align-items:stretch;flex-direction:column;width:100%}.btn-primary{justify-content:center;width:100%}}.users-page-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:clamp(24px,3vw,40px);max-width:100%;min-width:0;overflow-y:auto;padding:24px 32px;width:100%}.folder-navigation{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;display:flex;gap:clamp(8px,1vw,14px);margin-bottom:clamp(6px,.8vw,12px);min-width:0;padding:clamp(6px,.8vw,10px);width:100%}.folder-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:500;gap:clamp(8px,1vw,12px);justify-content:center;min-width:0;padding:clamp(10px,1.2vw,14px) clamp(14px,1.8vw,22px);transition:all .2s ease}.folder-tab svg{color:var(--text-secondary);font-size:20px;transition:color .2s ease}.folder-tab .folder-count{background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:2px 8px;transition:all .2s ease}.folder-tab:hover{background:var(--bg-secondary)}.folder-tab.active,.folder-tab:hover,.folder-tab:hover svg{color:var(--text-primary)}.folder-tab.active{background:linear-gradient(135deg,#ffab4d1a,#ff47130d);border-color:#ffab4d4d;font-weight:600}.folder-tab.active svg{color:#ffab4d}.folder-tab.active .folder-count{background:linear-gradient(135deg,#ffab4d,#ff4713);color:#fff}.users-section{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;box-sizing:border-box;min-width:0;padding:24px;width:100%}.users-section.imported-section{background:linear-gradient(180deg,#ffab4d05 0,var(--bg-primary) 100%);border:2px solid #ffab4d4d;padding:20px}.section-header-bar{margin-bottom:20px}.section-title{gap:12px;margin-bottom:8px}.section-title svg{color:var(--primary);font-size:28px}.section-title h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0}.section-title .record-count{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:4px 12px}.section-description{word-wrap:break-word;color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;margin:0;max-width:100%;overflow-wrap:break-word;padding-left:40px}.bulk-pending-toolbar{align-items:center;background:linear-gradient(135deg,#ffab4d14,#ff99330d);border:1px solid #ffab4d40;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.bulk-pending-info{align-items:center;color:#c2710c;display:flex;flex-shrink:0;gap:8px}.bulk-pending-count{color:#c2710c;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.bulk-pending-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.bulk-role-select{appearance:none;-webkit-appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;height:34px;min-width:160px;padding:0 32px 0 12px}.bulk-role-select:focus{border-color:#ffab4d;outline:none}.bulk-pending-controls .action-btn{border-radius:8px;font-size:13px;font-weight:600;gap:6px;height:34px;padding:0 16px;position:static;transform:none;white-space:nowrap;width:auto;z-index:auto}.bulk-pending-controls .action-btn-approve{background-color:#fff;border:1.5px solid #22c55e;color:#22c55e}.bulk-pending-controls .action-btn-approve:hover:not(:disabled){background-color:#22c55e;border-color:#22c55e;box-shadow:0 2px 8px #22c55e4d;color:#fff;transform:none}.bulk-pending-controls .action-btn-reject{background-color:#fff;border:1.5px solid #ef4444;color:#ef4444}.bulk-pending-controls .action-btn-reject:hover:not(:disabled){background-color:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff;transform:none}.bulk-pending-controls .action-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.bulk-pending-toolbar{align-items:stretch;flex-direction:column;gap:12px}.bulk-pending-controls{flex-direction:column}.bulk-role-select{width:100%}.bulk-pending-controls .action-btn{justify-content:center;width:100%}}.users-table-wrapper{margin-top:16px;min-width:0;width:100%}.users-table-wrapper .users-table-container{-webkit-overflow-scrolling:touch;overflow-x:visible;scroll-behavior:smooth}.users-table-wrapper .users-table-container::-webkit-scrollbar{height:8px}.users-table-wrapper .users-table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.users-table-wrapper .users-table-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.users-table-wrapper .users-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.users-section .search-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px;max-width:100%;min-width:0;padding:0}.users-section .search-section .search-container{flex:1 1 200px;max-width:100%;min-width:0}.users-section .search-section .search-input{box-sizing:border-box;min-width:0;width:100%}.imported-table{border:2px solid #ffab4d4d}.imported-table thead{background:linear-gradient(135deg,#ffab4d1a,#ff47130d)}.users-table-container:not(.imported-table) .users-table tbody td:first-child,.users-table-container:not(.imported-table) .users-table thead th:first-child{min-width:0;width:18%}.users-table-container:not(.imported-table) .users-table tbody td:nth-child(2),.users-table-container:not(.imported-table) .users-table thead th:nth-child(2){min-width:0;width:14%}.users-table-container:not(.imported-table) .users-table tbody td:nth-child(3),.users-table-container:not(.imported-table) .users-table thead th:nth-child(3){min-width:0;width:18%}.users-table-container:not(.imported-table) .users-table tbody td:nth-child(4),.users-table-container:not(.imported-table) .users-table thead th:nth-child(4){min-width:0;width:28%}.users-table-container:not(.imported-table) .users-table tbody td:nth-child(5),.users-table-container:not(.imported-table) .users-table thead th:nth-child(5){min-width:0;width:14%}.users-table-container:not(.imported-table) .users-table tbody td:nth-child(6),.users-table-container:not(.imported-table) .users-table thead th:nth-child(6){min-width:0;text-align:center;width:8%}.imported-table tbody td:first-child,.imported-table thead th:first-child{min-width:0;width:18%}.imported-table tbody td:nth-child(2),.imported-table thead th:nth-child(2){min-width:0;width:12%}.imported-table tbody td:nth-child(3),.imported-table thead th:nth-child(3){min-width:0;width:18%}.imported-table tbody td:nth-child(4),.imported-table thead th:nth-child(4){min-width:0;width:22%}.imported-table tbody td:nth-child(5),.imported-table thead th:nth-child(5){min-width:0;white-space:nowrap;width:14%}.imported-table tbody td:nth-child(6),.imported-table thead th:nth-child(6){min-width:0;width:10%}.imported-table tbody td:nth-child(7),.imported-table thead th:nth-child(7){min-width:0;width:6%}.imported-table .contact-row{white-space:nowrap}.imported-table .contact-row a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.imported-avatar{background:linear-gradient(135deg,#ffab4d,#ff4713)!important}.users-table tbody tr.has-account{background:#22c55e0d}.users-table tbody tr.has-account:hover{background:#22c55e1a}.no-data{color:var(--text-muted);font-size:13px;font-style:italic}.status-no-account{background:#9ca3af26;color:#6b7280}.status-no-account:hover{background:#9ca3af33}.action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;max-width:100%;min-width:0;position:relative;z-index:1}.create-account-btn{background:linear-gradient(135deg,#ffab4d,#ff4713)!important;border-color:#0000!important;color:#fff!important}.create-account-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffab4d59;transform:translateY(-2px)}.create-account-btn:disabled{cursor:wait;opacity:.7}.delete-account-btn{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444!important}.delete-account-btn:hover:not(:disabled){background:#ef4444!important;border-color:#0000!important;box-shadow:0 4px 12px #ef444459;color:#fff!important;transform:translateY(-2px)}.delete-account-btn:disabled{cursor:wait;opacity:.7}.action-done{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.users-section.archived-section{background:linear-gradient(180deg,#9ca3af05 0,var(--bg-primary) 100%);border:2px solid #9ca3af33}.archived-row{opacity:.85}.archived-row:hover{opacity:1}.archived-avatar{background:linear-gradient(135deg,#9ca3af,#6b7280)!important}.archived-date{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;font-style:italic}.archive-btn{background:#9ca3af1a!important;border-color:#9ca3af4d!important;color:#6b7280!important}.archive-btn:hover:not(:disabled){background:#6b7280!important;border-color:#0000!important;box-shadow:0 4px 12px #6b728059;color:#fff!important;transform:translateY(-2px)}.archive-btn:disabled{cursor:wait;opacity:.7}.restore-btn{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55e!important}.restore-btn:hover:not(:disabled){background:#22c55e!important;border-color:#0000!important;box-shadow:0 4px 12px #22c55e59;color:#fff!important;transform:translateY(-2px)}.restore-btn:disabled{cursor:wait;opacity:.7}.permanent-delete-btn{background:#ef44441a!important;border-color:#ef44444d!important;color:#dc2626!important}.permanent-delete-btn:hover:not(:disabled){background:#dc2626!important;border-color:#0000!important;box-shadow:0 4px 12px #dc262666;color:#fff!important;transform:translateY(-2px)}.permanent-delete-btn:disabled{cursor:wait;opacity:.7}.imported-role-tabs{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:20px;padding:8px}.imported-role-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.imported-role-tab svg{color:var(--text-secondary);font-size:18px;transition:color .2s ease}.imported-role-tab .tab-count{background:var(--bg-primary);border-radius:10px;color:var(--text-secondary);font-size:11px;font-weight:600;padding:2px 8px;transition:all .2s ease}.imported-role-tab:hover{background:var(--bg-primary)}.imported-role-tab:hover,.imported-role-tab:hover svg{color:var(--text-primary)}.imported-role-tab.active{background:linear-gradient(135deg,#ffab4d26,#ff471314);border-color:#ffab4d66;color:var(--text-primary);font-weight:600}.imported-role-tab.active svg{color:#ffab4d}.imported-role-tab.active .tab-count{background:linear-gradient(135deg,#ffab4d,#ff4713);color:#fff}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.modal-content{animation:slideUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%;z-index:100000}.modal-content.approve-modal{max-width:440px;padding:24px}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.profile-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.profile-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;width:100%}.profile-photo-section{align-items:flex-start;display:flex;gap:24px}.profile-photo-preview{align-items:center;background:var(--bg-secondary);border:3px solid var(--border-light);border-radius:50%;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-photo-img{height:100%;object-fit:cover;width:100%}.profile-photo-placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-photo-actions{display:flex;flex:1 1;flex-direction:column;gap:8px}.tag-input-group{display:flex;gap:8px;margin-bottom:12px}.tag-input-group input{flex:1 1}.btn-add-tag{align-items:center;background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:44px;padding:10px 16px;transition:background-color .2s ease}.btn-add-tag:hover{background-color:#e68a2e}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.tag,.tag-remove{align-items:center}.tag-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:0;transition:color .2s ease}.tag-remove:hover{color:var(--danger-color)}.credential-row{grid-gap:8px;align-items:center;display:grid;gap:8px;margin-bottom:8px}.credential-row--degree{grid-template-columns:1fr 1.4fr 1.4fr 80px 36px}.credential-row--cert{grid-template-columns:1.6fr 1.4fr 80px 36px}.credential-row input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-primary);font-family:inherit;font-size:13px;min-width:0;outline:none;padding:8px 12px;transition:border-color .15s}.credential-row input:focus{border-color:#ffab4d}.credential-remove-btn{align-items:center;background:#0000;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;border-radius:var(--radius-md,6px);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.credential-remove-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-add-credential{align-items:center;background:#0000;border:1px dashed #d9d8d6;border:1px dashed var(--border-light,#d9d8d6);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:5px;margin-top:4px;padding:7px 14px;transition:all .15s}.btn-add-credential:hover{background:#fff8f0;border-color:#ffab4d;color:#ffab4d}@media (max-width:768px){.credential-row--cert,.credential-row--degree{grid-template-columns:1fr}}.gallery-existing,.gallery-preview{margin-top:20px}.gallery-existing h3,.gallery-preview h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-item{aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative}.gallery-item img{height:100%;object-fit:cover;width:100%}.gallery-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.gallery-remove:hover{background:var(--danger-color);transform:scale(1.1)}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group .checkbox-field{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s ease}.checkbox-group .checkbox-field:hover{background:var(--bg-secondary)}.checkbox-group .checkbox-field input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-group .checkbox-field svg{color:var(--text-secondary)}.checkbox-group .checkbox-field span{color:var(--text-primary);font-size:14px}.form-group label svg{color:var(--text-secondary);margin-right:6px;vertical-align:middle}@media (max-width:768px){.profile-photo-section{align-items:center;flex-direction:column}.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.messaging-wrapper,.messaging-wrapper *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.messaging-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;pointer-events:auto;position:relative;z-index:1}.messaging-layout{background:#f7f8fb;display:flex;flex:1 1;gap:16px;min-height:0;overflow:hidden;padding:24px 32px}.messaging-sidebar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:100%;overflow:hidden;width:380px}.messaging-sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px}.workspace-picker,.workspace-title{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.workspace-icon{color:var(--text-secondary)}.workspace-title{font-size:16px;letter-spacing:-.01em;line-height:1.4}.workspace-select,.workspace-title{color:var(--text-primary);font-weight:600}.workspace-select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:9999px;outline:none;padding:10px 12px;width:100%}.workspace-select:focus{background:var(--bg-primary);border-color:#ff8a2d;box-shadow:0 0 0 3px #ff8a2d1f}.messaging-sidebar-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.messaging-sidebar-section{display:flex;flex-direction:column;padding:14px 10px 10px}.section-header{flex-shrink:0;justify-content:space-between;padding:0 6px 10px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--text-secondary);font-size:11px;font-weight:600;gap:8px;letter-spacing:.8px;line-height:1.4;text-transform:uppercase}.section-list{display:flex;flex-direction:column;gap:4px;padding:0 4px;position:relative}.section-list.drag-over-top:before{top:0}.section-list.drag-over-bottom:after,.section-list.drag-over-top:before{background:#ff8a2d;border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;z-index:10}.section-list.drag-over-bottom:after{bottom:0}.section-item-row{align-items:center;border-radius:10px;cursor:grab;display:flex;gap:6px}.section-item-row:active{cursor:grabbing}.section-item-row.dragging{opacity:.5}.section-item-row.active .section-item{background:#fff7f0;border:1px solid #ff8a2d59;color:#8b3a00}.section-actions{align-items:center;display:flex;gap:6px;opacity:0;pointer-events:none}.section-item-row.active .section-actions,.section-item-row:hover .section-actions{opacity:1;pointer-events:auto}.ms-icon-btn.small{font-size:16px;height:30px;width:30px}.ms-icon-btn.danger:hover:not(:disabled){background:#ef44441a;border-color:#ef444459;color:#ef4444}.ms-icon-btn.favorite-btn:hover:not(:disabled){background:#ffab4d1a;border-color:#ffab4d59;color:#ffab4d}.section-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;min-width:0;padding:10px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.section-item:hover{background:var(--bg-secondary)}.at,.hash{color:var(--text-secondary);flex-shrink:0;font-weight:900;text-align:center;width:18px}.item-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name.unread{color:var(--text-primary);font-weight:600}.ms-unread-dot{border-radius:8px;display:inline-block;height:8px;width:8px}.ms-unread-badge,.ms-unread-dot{background:#ff8c00;flex-shrink:0}.ms-unread-badge{align-items:center;border-radius:20px;box-sizing:border-box;color:#fff;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;margin-left:6px;min-width:20px;padding:0 6px}.item-meta{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:flex-end;margin-left:auto;padding-left:8px;width:70px}.item-meta,.item-time{color:var(--text-secondary);flex-shrink:0;font-weight:400;line-height:1.4;white-space:nowrap}.item-time{font-size:11px;text-align:right;width:100%}.section-empty{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.5;padding:10px}.messaging-room{border:1px solid var(--border-light);border-radius:var(--radius-lg);flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.messaging-room,.messaging-room-header{background:var(--bg-primary);display:flex}.messaging-room-header{align-items:center;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:16px 18px}.messaging-room-title{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.ms-user-count-indicator{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:9999px;cursor:pointer;display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;gap:8px;padding:6px 12px;transition:background .15s ease,border-color .15s ease}.ms-user-count-indicator:hover{background:var(--bg-primary);border-color:#ff8a2d59}.ms-user-count-avatars{align-items:center;display:flex;margin-right:4px}.ms-user-count-avatar{align-items:center;border:2px solid var(--bg-primary);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;position:relative;width:24px}.ms-user-count-avatar:not(:first-child){margin-left:-8px}.ms-user-count-avatar img{display:block;height:100%;object-fit:cover;width:100%}.ms-user-count-avatar-placeholder,.ms-user-count-avatar>div{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ms-user-count-avatar-placeholder{background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:50%;color:#fff;font-size:11px;font-weight:600}.ms-user-count-number{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1;min-width:-webkit-fit-content;min-width:fit-content}.messaging-messages{background:#f9fbfd;flex:1 1;overflow-y:auto;padding:16px 18px}.ms-room-body{display:flex;flex:1 1;min-height:0}.ms-room-main{flex:1 1;min-width:0}.ms-room-main,.ms-thread{display:flex;flex-direction:column}.ms-thread{background:var(--bg-primary);border-left:1px solid var(--border-light);box-shadow:-2px 0 8px #0000000a;flex-shrink:0;min-height:0;width:360px}.ms-thread-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:14px}.ms-thread-title{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.ms-thread-body{background:#f9fbfd;flex:1 1;overflow:auto;padding:14px}.ms-thread-root{word-wrap:break-word;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-sizing:border-box;margin-bottom:12px;max-width:100%;overflow-wrap:break-word;padding:12px}.ms-thread-root-sender{font-weight:600;line-height:1.4}.ms-thread-root-content,.ms-thread-root-sender{word-wrap:break-word;color:var(--text-primary);font-size:14px;letter-spacing:-.01em;overflow-wrap:break-word}.ms-thread-root-content{font-weight:400;line-height:1.6;margin-top:8px;max-width:100%;white-space:pre-wrap;word-break:break-word}.ms-thread-reply{word-wrap:break-word;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-sizing:border-box;margin-bottom:10px;max-width:100%;overflow-wrap:break-word;padding:10px 12px;position:relative}.ms-thread-reply.mine{background:#fff7f0;border-color:#ff8a2d59}.ms-thread-reply-actions{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;opacity:0;padding:4px;position:absolute;right:8px;top:4px;transition:opacity .15s ease;z-index:10}.ms-thread-reply:hover .ms-thread-reply-actions{opacity:1}.ms-thread-reply-sender{font-size:13px;font-weight:600;line-height:1.4}.ms-thread-reply-content,.ms-thread-reply-sender{word-wrap:break-word;color:var(--text-primary);letter-spacing:-.01em;overflow-wrap:break-word}.ms-thread-reply-content{font-size:14px;font-weight:400;line-height:1.6;margin-top:6px;max-width:100%;white-space:pre-wrap;word-break:break-word}.ms-thread-composer{background:var(--bg-primary);border-top:1px solid var(--border-light);display:flex;gap:10px;padding:12px}.ms-thread-open{background:#0000;border:0;color:#ff7a1af2;cursor:pointer;font-size:12px;font-weight:800;margin-top:8px;padding:0}.ms-thread-open:hover{text-decoration:underline}.ms-thread-indicator{align-items:center;display:flex;gap:8px;margin-left:48px;margin-top:4px;padding:2px 0}.ms-thread-indicator-avatar{border-radius:4px;flex-shrink:0;height:16px;overflow:hidden;width:16px}.ms-thread-avatar-img{height:100%;object-fit:cover;width:100%}.ms-thread-avatar-placeholder{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);display:flex;font-size:9px;font-weight:600;height:100%;justify-content:center;width:100%}.ms-thread-count{align-items:center;background:#0000;border:0;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;line-height:1.4;padding:0;transition:opacity .15s ease}.ms-thread-count:hover{opacity:.8;text-decoration:underline}.ms-thread-status-icon{align-items:center;display:inline-flex;font-size:12px;margin-right:2px;opacity:.7}.ms-thread-count-text{color:var(--accent-color);font-weight:600}.ms-thread-timestamp{color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:4px}.ms-history-actions{display:flex;justify-content:center;margin-bottom:10px}.ms-history-actions .ms-btn.secondary{font-size:13px;padding:8px 14px}.messaging-composer{background:var(--bg-primary);border-top:1px solid var(--border-light);display:flex;flex-direction:column;padding:0}.ms-composer-toolbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:none;gap:2px;padding:8px 12px}.ms-composer-toolbar.visible{display:flex}.ms-toolbar-btn{align-items:center;background:#0000;border:0;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:28px}.ms-toolbar-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.ms-toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.ms-attachments-preview{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:12px 16px}.ms-attachment-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:border-color .15s ease}.ms-attachment-item:hover{border-color:var(--accent-color)}.ms-attachment-icon{align-items:center;color:var(--accent-color);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ms-attachment-icon svg{font-size:24px}.ms-attachment-image-preview{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.ms-attachment-image-preview img{height:100%;object-fit:cover;width:100%}.ms-attachment-info{flex:1 1;min-width:0}.ms-attachment-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-attachment-size{color:var(--text-secondary);font-size:12px;font-weight:400}.ms-attachment-progress{background:var(--bg-secondary);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.ms-attachment-progress-bar{background:var(--accent-color);border-radius:2px;height:100%;transition:width .3s ease}.ms-attachment-remove{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:28px}.ms-attachment-remove:hover:not(:disabled){background:#ef44441a;color:#ef4444}.ms-attachment-remove:disabled{cursor:not-allowed;opacity:.4}.ms-composer-input-wrapper{padding:12px 16px;position:relative}.ms-composer-input-wrapper .ms-composer-input{position:relative;z-index:1}.ms-composer-input-wrapper.drag-over{background:#ff8a2d0d;border:2px dashed var(--accent-color);border-radius:8px}.ms-composer-actions{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;gap:4px;padding:8px 12px}.ms-composer-input{background:#0000;border:none;border-radius:0;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.6;max-height:144px;min-height:24px;outline:none;overflow-y:auto;padding:0;resize:none;width:100%}.ms-composer-input:focus{outline:none}.ms-action-icon-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:32px}.ms-action-icon-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.ms-action-icon-btn:disabled{cursor:not-allowed;opacity:.4}.ms-send-btn{align-items:center;background:var(--accent-color);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-left:auto;padding:0;transition:background .15s ease,transform .15s ease;width:32px}.ms-send-btn:hover:not(:disabled){background:var(--highlight-color);transform:translateY(-1px)}.ms-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.messaging-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:15px;font-weight:400;justify-content:center;line-height:1.6}.ms-date-separator{align-items:center;display:flex;margin:20px 0;position:relative}.ms-date-separator:before{margin-right:12px}.ms-date-separator:after,.ms-date-separator:before{background:var(--border-light);content:"";flex:1 1;height:1px}.ms-date-separator:after{margin-left:12px}.ms-date-label{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.ms-row-slack{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px;padding:4px 0;position:relative}.ms-row-slack:hover{background:#00000003}.ms-row-slack.sent{background:#ff8a2d08;border-left:3px solid var(--accent-color)}.ms-row-slack.received,.ms-row-slack.sent{border-radius:0 8px 8px 0;margin-left:-8px;padding-left:8px}.ms-row-slack.received{background:#4a4f5505;border-left:3px solid var(--primary-color)}.ms-avatar{border-radius:4px;flex-shrink:0;height:36px;margin-right:12px;overflow:hidden;width:36px}.ms-avatar-img{height:100%;object-fit:cover;width:100%}.ms-avatar-placeholder{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.ms-row-slack.sent .ms-avatar-placeholder{background:#ff8a2d1a;border-color:#ff8a2d4d;color:var(--accent-color)}.ms-row-slack.received .ms-avatar-placeholder{background:#4a4f551a;border-color:#4a4f554d;color:var(--primary-color)}.ms-message-content{flex:1 1;min-width:0}.ms-message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:2px}.ms-sender-name{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.ms-row-slack.sent .ms-sender-name{color:var(--accent-color)}.ms-row-slack.received .ms-sender-name{color:var(--primary-color)}.ms-timestamp{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4;opacity:.7}.ms-bubble{border:none;border-radius:0;box-shadow:none;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.6;min-width:0;overflow-wrap:break-word;padding:0;word-break:break-word}.ms-bubble,.ms-bubble.received,.ms-bubble.sent{background:#0000;color:var(--text-primary)}.ms-bubble.deleted{background:#0000;border:none;color:var(--text-secondary);opacity:.7}.ms-message-actions{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;opacity:0;padding:4px;position:absolute;right:8px;top:4px;transition:opacity .15s ease;z-index:10}.ms-row-slack:hover .ms-message-actions{opacity:1}.ms-action-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .15s ease,color .15s ease;width:28px}.ms-action-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.ms-action-btn.danger:hover:not(:disabled){background:#ef44441a;color:#ef4444}.ms-action-btn:disabled{cursor:not-allowed;opacity:.5}.ms-edit-container{width:100%}.ms-edit-input{background:var(--bg-primary);border:1px solid #ff8a2d80;border-radius:12px;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.6;min-height:60px;outline:none;padding:10px 14px;resize:vertical;width:100%}.ms-edit-input:focus{border-color:#ff8a2d;box-shadow:0 0 0 3px #ff8a2d1f}.ms-edit-hint{margin-top:4px}.ms-edit-hint,.ms-edited-label{color:var(--text-secondary);font-size:11px;font-style:italic}.ms-edited-label{margin-left:4px}.ms-typing-indicator{animation:typingPulse 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:13px;font-style:italic;font-weight:400;line-height:1.5;padding:8px 18px}@keyframes typingPulse{0%,to{opacity:.6}50%{opacity:1}}.ms-text{color:inherit;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.6;white-space:pre-wrap}.ms-text strong{font-weight:600}.ms-text em{font-style:italic}.ms-text del{opacity:.7;text-decoration:line-through}.ms-text a.ms-link{color:var(--accent-color);cursor:pointer;text-decoration:underline}.ms-text a.ms-link:hover{color:var(--highlight-color)}.ms-text code.ms-code-inline{background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.ms-text pre.ms-code-block{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin:8px 0;overflow-x:auto;padding:12px}.ms-text pre.ms-code-block code{color:var(--text-primary);font-family:Courier New,monospace;font-size:13px}.ms-text blockquote.ms-quote{border-left:3px solid var(--border-medium);color:var(--text-secondary);font-style:italic;margin:8px 0;padding-left:12px}.ms-text ol.ms-list-numbered,.ms-text ul.ms-list{margin:8px 0;padding-left:24px}.ms-text li.ms-list-item,.ms-text li.ms-list-item-numbered{margin:4px 0}.ms-link-previews{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ms-link-preview{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:inherit;display:flex;gap:12px;padding:12px 12px 12px 16px;position:relative;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.ms-link-preview:before{background:var(--border-medium);border-radius:2px 0 0 2px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.ms-link-preview:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #ff8a2d1a;text-decoration:none}.ms-link-preview-favicon{border-radius:4px;flex-shrink:0;height:20px;object-fit:contain;width:20px}.ms-link-preview-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.ms-link-preview-domain{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4}.ms-link-preview-title{word-wrap:break-word;color:#1a73e8;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:break-word;text-decoration:underline}.ms-link-preview-description{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden;overflow-wrap:break-word}.ms-link-preview-loading{color:var(--text-secondary);font-size:13px;font-style:italic;padding:8px 12px}.ms-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;font-weight:400;gap:8px;justify-content:flex-start;line-height:1.4;margin-top:4px;opacity:.75;text-align:left}.ms-message-status{align-items:center;display:inline-flex;font-size:14px;margin-left:4px;opacity:.7}.ms-message-status svg{height:14px;width:14px}.ms-image-wrapper{display:inline-block;height:-webkit-fit-content;height:fit-content;max-height:350px;max-width:400px;position:relative;width:-webkit-fit-content;width:fit-content}.ms-image-placeholder{background:#e5e7eb;border-radius:12px;height:100%;left:0;min-height:100%;min-width:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.ms-image-placeholder svg{font-size:24px;opacity:.5}.ms-image-error{align-items:center;background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center;padding:24px}.ms-image-error svg{font-size:24px;opacity:.5}.ms-image{border-radius:12px;cursor:pointer;display:block;object-fit:contain;transition:opacity .2s ease-in-out}.ms-image,.ms-image-loading{height:auto;max-height:350px;max-width:400px;width:auto}.ms-image-loading{opacity:0}.ms-image-loaded,.ms-image-loading{position:relative;visibility:visible}.ms-image-loaded{opacity:1}.ms-file{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:12px;margin-top:8px;max-width:400px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.ms-file:hover{background:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ms-file-icon{align-items:center;color:var(--accent-color);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ms-file-info{flex:1 1;min-width:0}.ms-file-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-file-size{font-size:12px;font-weight:400}.ms-file-size,.ms-icon-btn{color:var(--text-secondary)}.ms-icon-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:9999px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;width:36px}.ms-icon-btn:hover:not(:disabled){background:#fff7f0;border-color:#ff8a2d59;color:#ff7a1a}.ms-icon-btn:disabled{cursor:not-allowed;opacity:.6}.ms-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:normal;line-height:1.4;padding:10px 24px;transition:background-color .2s ease}.ms-btn.primary{background-color:#f93;color:#fff}.ms-btn.primary:hover:not(:disabled){background-color:#e68a2e}.ms-btn.secondary{background-color:#fff;border:1px solid #d1d5db;color:#333}.ms-btn.secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ms-btn:disabled{cursor:not-allowed;opacity:.6}.ms-muted{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.5;padding:6px 0}.ms-modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease forwards;background:#0000;bottom:0!important;box-sizing:border-box;display:flex;height:100vh!important;isolation:isolate;justify-content:center;left:0!important;margin:0!important;min-height:100vh!important;padding:20px;position:fixed;right:0!important;top:0!important;transform:none!important;width:100vw!important;z-index:99999!important}@keyframes modalOverlayFadeIn{0%{background:#0000}to{background:#00000080}}.ms-modal{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:560px;overflow:hidden;width:100%}.ms-modal.ms-modal-animated{animation:modalSlideIn .2s ease forwards;transform-origin:center center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ms-modal-loading{min-height:120px;padding:12px 0}.ms-loading-skeleton{display:flex;flex-direction:column;gap:12px}.ms-skeleton-item{animation:skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:48px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ms-content-fade-in{animation:contentFadeIn .2s ease forwards}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.ms-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:18px}.ms-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0}.ms-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:18px}.ms-label{display:block;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px}.ms-input,.ms-label{color:var(--text-primary);letter-spacing:-.01em}.ms-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin-bottom:14px;outline:none;padding:12px 16px;width:100%}.ms-input:focus{background:var(--bg-primary);border-color:#ff8a2d;box-shadow:0 0 0 3px #ff8a2d1f}.ms-checkbox{align-items:center;color:var(--text-primary);display:flex;gap:10px;margin:6px 0 16px}.ms-selected-count{color:var(--text-secondary);font-size:13px;font-weight:500;margin-right:auto;padding:0 8px}.ms-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.ms-modal-close{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:32px}.ms-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.ms-emoji-picker{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;bottom:100%;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;left:0;margin-bottom:8px;max-height:300px;overflow:hidden;position:absolute;right:0;z-index:100}.ms-emoji-picker-header{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.ms-emoji-picker-close{align-items:center;background:#0000;border:0;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:24px}.ms-emoji-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.ms-emoji-picker-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);max-height:240px;overflow-y:auto;padding:12px}.ms-emoji-item{align-items:center;background:#0000;border:0;border-radius:6px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:background .15s ease,transform .15s ease;width:32px}.ms-emoji-item:hover{background:var(--bg-secondary);transform:scale(1.2)}.ms-action-icon-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.ms-action-icon-btn.active:hover:not(:disabled){background:var(--highlight-color);color:#fff}.ms-search{margin-bottom:12px;position:relative}.ms-search-icon{color:var(--text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.ms-search-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:9999px;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.5;outline:none;padding:12px 16px 12px 40px;width:100%}.ms-search-input:focus{background:var(--bg-primary);border-color:#ff8a2d;box-shadow:0 0 0 3px #ff8a2d1f}.ms-user-list{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;max-height:360px;overflow:auto;padding:8px}.ms-user-row{align-items:center;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px}.ms-user-row:hover{background:#ffffffb3}.ms-badge{background:#fff7f0;border:1px solid #ff8a2d59;border-radius:9999px;color:#8b3a00;font-size:12px;font-weight:700;padding:6px 10px}.ms-notif-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;margin-bottom:10px;padding:12px;text-align:left;width:100%}.ms-notif-item:hover{background:#fff7f0;border-color:#ff8a2d59}.ms-notif-title{color:var(--text-primary);font-weight:800;margin-bottom:4px}.ms-user-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;position:relative}.ms-member-avatar{object-fit:cover}.ms-member-avatar,.ms-member-avatar-placeholder{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;position:relative!important;width:40px}.ms-member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff4713);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:40px;min-width:40px}.ms-user-item:hover{background:#ffffffb3}.ms-user-meta{min-width:0}.ms-user-name{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.ms-user-sub{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4}.ms-thread-backdrop{display:none}.ms-room-back-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--accent-color);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;margin-right:8px;min-width:44px;transition:background .15s ease;width:44px}.ms-room-back-btn:hover{background:#ffab4d1a}.ms-room-back-btn:active{background:#ffab4d33}.ms-room-back-btn svg{font-size:24px}@media (max-width:768px){.messaging-layout{gap:0;height:100%;padding:0}.messaging-layout.mobile-view-chat .messaging-sidebar,.messaging-layout.mobile-view-sidebar .messaging-room{display:none}.messaging-sidebar{max-height:none}.messaging-room,.messaging-sidebar{border:none;border-radius:0;height:100%;width:100%}.ms-room-back-btn{display:flex}.messaging-room-header{border-radius:0;padding:12px 16px}.messaging-room-title{font-size:16px}.ms-room-body{position:relative}.ms-thread-backdrop{background:#0006;display:block;z-index:999}.ms-thread,.ms-thread-backdrop{bottom:0;left:0;position:fixed;right:0;top:0}.ms-thread{-webkit-overflow-scrolling:touch;border-left:0;border-radius:0;border-top:0;box-shadow:0 0 20px #00000026;height:100%;overflow-y:auto;width:100%;z-index:1000}.ms-thread-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:sticky;top:0;z-index:10}.ms-thread-body{max-height:calc(100vh - 120px);overflow-y:auto;padding:16px}.ms-composer{border-bottom:none;border-left:none;border-radius:0;border-right:none;margin:0}.ms-messages-container{padding:12px}.messaging-sidebar-header{padding:12px 16px}.ms-section-header{padding:8px 16px}.ms-channel-item,.ms-dm-item{padding:10px 16px}}.create-channel-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);padding:16px 0}.create-channel-section:last-of-type{border-bottom:none}.create-channel-section-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.create-channel-helper{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;margin:4px 0 0}.ms-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;box-sizing:border-box;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-family:inherit;font-size:13px;min-height:60px;padding:10px 12px;resize:vertical;width:100%}.ms-textarea:focus{border-color:#ff8a2d;box-shadow:0 0 0 3px #ff8a2d1f;outline:none}.create-channel-perm-card{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:10px;margin-bottom:8px;padding:14px 16px}.create-channel-perm-card-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:13px;font-weight:500;margin:0 0 8px}.create-channel-perm-options{display:flex;flex-direction:column;gap:4px}.create-channel-perm-detail{margin:8px 0 0 24px}.create-channel-perm-detail-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.3px;margin:8px 0 6px;text-transform:uppercase}.create-channel-perm-detail-list{max-height:120px;overflow-y:auto}.browse-channels-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.browse-channel-card{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px;transition:background .15s}.browse-channel-card:hover{background:#fff;background:var(--bg-primary,#fff)}.browse-channel-info{flex:1 1;min-width:0}.browse-channel-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.browse-channel-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-channel-meta{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:11px;margin-top:4px}.browse-channel-action{flex-shrink:0;margin-left:12px}.invite-pending-section{margin-bottom:12px}.invite-pending-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.3px;margin:0 0 8px;text-transform:uppercase}.invite-pending-chip{background:#fff3e0;border-radius:12px;color:#e67e22;display:inline-flex;margin:0 6px 6px 0;padding:4px 10px}.invite-pending-chip,.section-show-more{align-items:center;font-size:12px;gap:4px}.section-show-more{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-weight:500;padding:4px 12px;transition:color .15s ease,background .15s ease;width:100%}.section-show-more:hover{background:#f5f5f7;background:var(--bg-secondary,#f5f5f7);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.section-show-more .MuiSvgIcon-root{font-size:16px}.muted-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);margin-top:4px;padding-top:2px}.muted-section-header{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase;transition:color .15s ease;width:100%}.muted-section-header:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.muted-section-header .MuiSvgIcon-root{font-size:14px}.section-item-row.muted .at,.section-item-row.muted .hash,.section-item-row.muted .item-name{opacity:.5}.ms-icon-btn.mute-btn{opacity:0;transition:opacity .15s ease}.section-item-row:hover .ms-icon-btn.mute-btn{opacity:1}.ms-icon-btn.mute-btn.is-muted{color:#6b7280;color:var(--text-secondary,#6b7280);opacity:.6}.section-item-row:hover .ms-icon-btn.mute-btn.is-muted{opacity:1}.messaging-sidebar-help-row{align-items:center;display:flex;justify-content:space-between;padding:10px 16px 6px}.messaging-sidebar-help-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ms-reaction-picker{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:2px;padding:4px 6px;position:absolute;right:0;top:-4px;transform:translateY(-100%);z-index:10}.ms-reaction-picker-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;transition:background .15s ease;width:32px}.ms-reaction-picker-item:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.ms-reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 4px}.ms-reaction-badge{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:2px 8px;transition:background .15s ease,border-color .15s ease}.ms-reaction-badge:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}.ms-reaction-badge.active{background:#ffab4d1a;border-color:#ffab4d}.ms-reaction-emoji{font-size:14px;line-height:1}.ms-reaction-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.ms-reaction-badge.active .ms-reaction-count{color:#f97316}.ms-help-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb)}.ms-help-section:last-child{border-bottom:none}.ms-help-section-header{align-items:center;background:#0000;border:none;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 0;text-align:left;transition:color .15s;width:100%}.ms-help-section-header:hover{color:#f97316}.ms-help-section-content{color:#6b7280;color:var(--text-secondary,#6b7280);font-family:Aleo,serif;font-size:13px;line-height:1.6;padding:0 0 14px}.ms-help-section-content ul{margin:0;padding:0 0 0 18px}.ms-help-section-content li{margin-bottom:6px}.ms-help-section-content li:last-child{margin-bottom:0}.ms-tour-launch-btn{align-items:center;background:linear-gradient(135deg,#f97316,#fb923c);border:none;border-radius:12px;box-shadow:0 2px 8px #f973164d;color:#fff;cursor:pointer;display:flex;gap:12px;margin-bottom:14px;padding:14px 16px;text-align:left;transition:transform .15s ease,box-shadow .15s ease;width:100%}.ms-tour-launch-btn:hover{box-shadow:0 4px 12px #f9731666;transform:translateY(-1px)}.ms-tour-launch-btn svg{flex-shrink:0;font-size:28px!important}.ms-tour-launch-text{display:flex;flex-direction:column;gap:2px}.ms-tour-launch-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.ms-tour-launch-sub{font-family:Aleo,serif;font-size:12px;opacity:.9}.ms-tour-overlay{background:#0000008c;inset:0;position:fixed;z-index:9999}.ms-tour-spotlight{border:3px solid #ffab4d;border-radius:8px;box-shadow:0 0 0 4px #ffab4d66,0 0 0 9999px #0000008c;pointer-events:none;position:fixed;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;z-index:10000}.ms-tour-popover{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 10px 40px #00000059;font-family:Poppins,sans-serif;padding:18px 20px 14px;position:fixed;transition:top .25s ease,left .25s ease;width:340px;z-index:10001}.ms-tour-popover.center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.ms-tour-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s;width:26px}.ms-tour-close:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.ms-tour-step-counter{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.ms-tour-title{color:#1f2937;color:var(--text-primary,#1f2937);font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin:4px 0 8px;padding-right:24px}.ms-tour-content{color:#6b7280;color:var(--text-secondary,#6b7280);font-family:Aleo,serif;font-size:13.5px;line-height:1.55;margin:0 0 16px}.ms-tour-actions{align-items:center;display:flex;gap:6px;justify-content:space-between}.ms-tour-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:4px;padding:7px 14px;transition:all .15s ease}.ms-tour-btn.primary{background:#f97316;color:#fff}.ms-tour-btn.primary:hover{background:#ea580c}.ms-tour-btn.secondary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.ms-tour-btn.secondary:hover{background:#e5e7eb;background:var(--border-light,#e5e7eb)}.ms-tour-btn:disabled{cursor:not-allowed;opacity:.4}.ms-tour-skip{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:4px 8px;transition:color .15s}.ms-tour-skip:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.image-viewer-modal-overlay{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;align-items:center;animation:fadeIn .2s ease-out;background:#000000f2;bottom:0!important;box-sizing:border-box;display:flex;height:100vh!important;justify-content:center;left:0!important;margin:0!important;overscroll-behavior:none;padding:0!important;position:fixed;right:0!important;top:0!important;touch-action:none!important;-ms-touch-action:none!important;width:100vw!important;z-index:999999!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-modal-content{animation:slideUp .2s ease-out;background:#1a1a1a;border-radius:8px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:76vh;max-height:72vh;max-width:1120px;overflow:hidden;touch-action:none!important;-ms-touch-action:none!important;transform:scale(1)!important;-webkit-transform:scale(1)!important;width:76vw;will-change:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-viewer-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #3a3a3a;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;touch-action:manipulation}.image-viewer-title{color:#fff;flex:1 1;font-size:14px;font-weight:500;margin-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-controls{align-items:center;display:flex;gap:4px}.image-viewer-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease}.image-viewer-btn:hover:not(:disabled){background:#3a3a3a;color:#fff}.image-viewer-btn:disabled{cursor:not-allowed;opacity:.4}.image-viewer-close-btn:hover{background:#d32f2f;color:#fff}.image-viewer-zoom-indicator{color:#999;font-size:12px;font-weight:500;min-width:50px;padding:0 8px;text-align:center}.image-viewer-divider{background:#3a3a3a;height:24px;margin:0 4px;width:1px}.image-viewer-image-container{align-items:center;background:#1a1a1a;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative}.image-viewer-image,.image-viewer-image-container{touch-action:none;-webkit-user-select:none;user-select:none}.image-viewer-image{-webkit-user-drag:none;-webkit-touch-callout:none;max-height:100%;max-width:100%;object-fit:contain;transition:transform .1s ease-out}.image-viewer-image.loaded{animation:fadeInImage .3s ease-out}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.image-viewer-error{align-items:center;color:#999;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.image-viewer-error p{font-size:16px;margin:0}.image-viewer-retry-btn{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.image-viewer-retry-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.image-viewer-footer{background:#2a2a2a;border-top:1px solid #3a3a3a;flex-shrink:0;padding:8px 16px;touch-action:manipulation}.image-viewer-shortcuts{align-items:center;color:#666;display:flex;font-size:12px;gap:12px;justify-content:center}.image-viewer-shortcuts span{white-space:nowrap}@media (max-width:768px){.image-viewer-modal-content{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.image-viewer-header{padding:8px 12px}.image-viewer-title{font-size:12px}.image-viewer-btn{font-size:16px;padding:6px}.image-viewer-shortcuts{flex-wrap:wrap;font-size:11px;gap:8px}.image-viewer-shortcuts span:nth-child(2),.image-viewer-shortcuts span:nth-child(4){display:none}.image-viewer-shortcuts span:first-child{display:block}}.data-comparison-section{background:var(--bg-primary);border:2px solid #ffab4d;border-radius:var(--radius-lg);box-shadow:0 4px 12px #ffab4d26;margin-top:48px;padding:32px}.comparison-title{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.comparison-title svg{color:#ff8c42;font-size:32px}.comparison-subtitle{color:var(--text-secondary);font-family:Aleo,serif;font-size:16px;font-style:italic;margin:0 0 32px}.comparison-summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.comparison-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.comparison-card-header{background:linear-gradient(135deg,#ffab4d1a,#ff47130d);border-bottom:1px solid var(--border-light);padding:16px 20px}.comparison-card-header h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0}.comparison-card-body{padding:20px}.comparison-stat{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 0}.comparison-stat:last-child{border-bottom:none}.comparison-stat.difference{border-top:2px solid var(--border-light);margin-top:8px;padding-top:16px}.comparison-label{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px}.comparison-value{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.comparison-value.warning{color:#ff8c42}.comparison-value.success{color:#10b981}.comparison-value.error{color:#ef4444}.comparison-detail-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:32px;padding:24px}.detail-section-title{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;gap:8px;margin:0 0 20px}.detail-section-title .warning-icon{color:#ff8c42}.detail-section-title .success-icon{color:#10b981}.detail-section-title .error-icon{color:#ef4444}.missing-records-card{margin-bottom:24px}.missing-records-card:last-child{margin-bottom:0}.missing-title{color:#ef4444;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px}.missing-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.missing-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Aleo,serif;font-size:13px;padding:8px 12px}.missing-item.more{border-style:dashed;color:var(--text-secondary);font-style:italic}.state-diff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.state-diff-card h5{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.state-list{display:flex;flex-wrap:wrap;gap:8px}.state-badge{background:linear-gradient(135deg,#ffab4d,#ff8c42);border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:6px 12px}.fields-comparison-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.fields-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.fields-card h5{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.fields-list{list-style:none;margin:0;padding:0}.fields-list li{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-family:Aleo,serif;font-size:13px;padding:8px 0 8px 20px;position:relative}.fields-list li:last-child{border-bottom:none}.fields-list li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.missing-fields-card{background:#ef44440d;border:1px solid #ef444433;border-radius:var(--radius-md);padding:20px}.missing-fields-description{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;margin:0 0 16px}.missing-fields-list{list-style:none;margin:0;padding:0}.missing-field-item{border-bottom:1px solid #ef44441a;color:#ef4444;font-family:Aleo,serif;font-size:14px;padding:10px 0 10px 24px;position:relative}.missing-field-item:last-child{border-bottom:none}.missing-field-item:before{color:#ef4444;content:"✗";font-size:16px;font-weight:700;left:0;position:absolute}.comparison-footer{background:linear-gradient(135deg,#ffab4d1a,#ff47130d);border:1px solid #ffab4d4d;border-radius:var(--radius-md);margin-top:32px;padding:20px}.comparison-footer-note{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;line-height:1.6}.comparison-footer-note strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.data-comparison-section{padding:20px}.comparison-title{font-size:22px}.comparison-summary-grid,.fields-comparison-grid,.missing-list,.state-diff-grid{grid-template-columns:1fr}}.test-data-page{background-color:var(--bg-secondary);display:flex;flex-direction:column;height:100%}.test-data-content{flex:1 1;overflow-y:auto;padding:24px 32px}.access-denied{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:64px;text-align:center}.access-denied svg{color:var(--warning);font-size:64px;margin-bottom:16px}.access-denied h2{color:var(--text-primary);margin-bottom:8px}.tab-navigation{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;position:relative;transition:all .2s}.tab-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background-color:#f97316;box-shadow:0 2px 8px #f973164d;color:#fff}.tab-btn svg{font-size:20px}.issue-badge{background-color:var(--error);border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px}.spinner{animation:spin 1s linear infinite;border-top-color:var(--primary);height:48px;width:48px}.overview-tab{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{color:#fff;height:56px;justify-content:center;width:56px}.stat-icon svg{font-size:28px}.stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-campus{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-staff{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-admin{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.stat-content p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.breakdown-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.breakdown-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.breakdown-grid{display:flex;flex-direction:column;gap:12px}.breakdown-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:150px 60px 1fr}.breakdown-label{color:var(--text-secondary);font-size:14px}.breakdown-count{color:var(--text-primary);font-size:14px;font-weight:600;text-align:right}.breakdown-bar{background-color:var(--bg-secondary);border-radius:4px;height:8px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:4px;height:100%;transition:width .3s ease}.consistency-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.consistency-summary h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.consistency-items{display:flex;flex-wrap:wrap;gap:16px}.consistency-item{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:12px 16px}.consistency-item.success{background-color:#e8f5e9;color:#2e7d32}.consistency-item.success svg{color:#2e7d32}.consistency-item.warning{background-color:#fff3e0;color:#ef6c00}.consistency-item.warning svg{color:#ef6c00}.consistency-item.error{background-color:#ffebee;color:#c62828}.consistency-item.error svg{color:#c62828}.import-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.import-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.import-controls{display:flex;flex-wrap:wrap;gap:12px}.clear-btn,.import-btn,.refresh-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.import-btn{background-color:#f93;border:none;color:#fff}.import-btn:hover:not(:disabled){background-color:#e68a2e}.clear-btn{background-color:#ef4444;border:none;color:#fff}.clear-btn:hover:not(:disabled){background-color:#dc2626}.refresh-btn{background-color:#fff;border:1px solid #d1d5db;color:#333}.refresh-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.clear-btn:disabled,.import-btn:disabled,.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.progress-section{margin-top:16px}.progress-section p{color:var(--text-secondary);font-size:14px;margin:0 0 8px}.progress-bar{background-color:var(--bg-secondary);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:4px;height:100%;transition:width .1s ease}.progress-fill.delete{background:linear-gradient(90deg,#ef5350,#c62828)}.import-result{background-color:#e8f5e9;border-radius:8px;margin-top:16px;padding:16px}.import-result p{align-items:center;color:#2e7d32;display:flex;font-size:14px;gap:8px;margin:0}.import-result.has-errors{background-color:#fff3e0}.import-errors{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.import-errors p{color:#c62828}.import-errors ul{color:#c62828;font-size:12px;margin:8px 0 0;padding-left:24px}.import-skipped-details{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.import-skipped-details summary{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600}.import-skipped-details ul{color:var(--text-secondary);font-size:12px;margin:8px 0 0;padding-left:24px}.import-skipped-details li{margin:6px 0;word-break:break-word}.filters-bar{flex-wrap:wrap;gap:16px;margin-bottom:20px}.filters-bar,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:1px solid var(--border-light);border-radius:8px;flex:1 1;gap:8px;min-width:250px;padding:8px 16px}.search-box svg{color:var(--text-secondary)}.search-box input{border:none;font-size:14px;outline:none;width:100%}.filter-group{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:8px;display:flex;gap:8px;padding:8px 16px}.filter-group svg{color:var(--text-secondary)}.filter-group .naums-select--minimal{font-size:14px;min-width:120px}.record-count{color:var(--text-secondary);font-size:14px;margin-left:auto}.spreadsheet-container{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.spreadsheet-wrapper{max-height:calc(100vh - 300px);overflow-x:auto;overflow-y:auto}.spreadsheet-table{border-collapse:collapse;font-size:12px;table-layout:fixed;white-space:nowrap;width:100%}.spreadsheet-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:50}.spreadsheet-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;border-right:1px solid #e8eaed;color:#5f6368;font-size:11px;font-weight:600;letter-spacing:.2px;overflow:hidden;padding:8px 6px;position:relative;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:50}.column-resizer{bottom:-2px;cursor:col-resize;position:absolute;right:-10px;top:-2px;transition:background-color .2s ease;width:14px;z-index:3}.column-resizer:hover{background-color:#ffab4d!important}.spreadsheet-table th:hover .column-resizer{background-color:#ffab4d4d}.spreadsheet-table th:last-child{border-right:none}.spreadsheet-table td{border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;color:var(--text-primary);font-size:12px;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.spreadsheet-table td:last-child{border-right:none}.spreadsheet-table tbody tr.even{background-color:#fff}.spreadsheet-table tbody tr.odd{background-color:#fafbfc}.spreadsheet-table tbody tr:hover td{background-color:#e8f4fc}.spreadsheet-table td a{color:#1a73e8;text-decoration:none}.spreadsheet-table td a:hover{text-decoration:underline}.spreadsheet-table td:nth-child(2),.spreadsheet-table td:nth-child(3),.spreadsheet-table td:nth-child(4),.spreadsheet-table td:nth-child(5){color:#5f6368;font-family:SF Mono,Consolas,Monaco,monospace;font-size:12px}.spreadsheet-table tbody td:nth-child(2){background-color:#f8f9fa;color:#9aa0a6;font-weight:500;text-align:left}.spreadsheet-table tbody tr.odd td:nth-child(2){background-color:#f1f3f4}.spreadsheet-table .fixed-column{background-color:#fff;border-right:2px solid #dadce0;left:0;position:-webkit-sticky;position:sticky;text-align:center;z-index:5}.row-action-btn.delete-btn{background-color:#fff;border:1px solid #ef4444;color:#ef4444}.row-action-btn.delete-btn:hover{background-color:#ef4444;color:#fff}.row-action-btn.delete-btn:disabled{cursor:not-allowed;opacity:.6}.spreadsheet-table thead .fixed-column{background-color:#f8f9fa;z-index:60}.spreadsheet-table tbody tr.even .fixed-column{background-color:#fff}.spreadsheet-table tbody tr.odd .fixed-column{background-color:#fafbfc}.spreadsheet-table tbody tr:hover .fixed-column{background-color:#e8f4fc}.row-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.row-action-btn:hover{background:linear-gradient(135deg,#ffab4d,#ff4713);border-color:#0000;box-shadow:0 2px 8px #ffab4d4d;color:#fff;transform:translateY(-1px)}.spreadsheet-table td{position:relative}.spreadsheet-table td .editable{border-radius:3px;display:block;min-height:20px;padding:2px 4px;transition:background-color .15s ease}.spreadsheet-table td:hover .editable:not(:focus-within){background-color:#f0f9ff;cursor:text}.spreadsheet-table td .read-only{color:var(--text-secondary);cursor:default}.spreadsheet-table td.editing{padding:0}.cell-edit-input{background:#fff;border:2px solid #ffab4d;border-radius:4px;box-shadow:0 0 0 3px #ffab4d1a;color:var(--text-primary);font-family:inherit;font-size:13px;min-width:100%;outline:none;padding:6px 8px;width:100%}.cell-edit-input:focus{border-color:#ff4713;box-shadow:0 0 0 3px #ff471326}.spreadsheet-table td:nth-child(2),.spreadsheet-table th:nth-child(2){background-color:inherit;border-right:2px solid #dadce0;left:100px;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:1}.spreadsheet-table thead th:nth-child(2){background-color:#f8f9fa;z-index:55}.spreadsheet-table tbody tr.even td:nth-child(2){background-color:#fff}.spreadsheet-table tbody tr.odd td:nth-child(2){background-color:#fafbfc}.spreadsheet-table tbody tr:hover td:nth-child(2){background-color:#e8f4fc}.records-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.records-table{border-collapse:collapse;width:100%}.records-table th{background-color:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.records-table td,.records-table th{border-bottom:1px solid var(--border-light);padding:12px 16px}.records-table td{color:var(--text-primary);font-size:14px;vertical-align:middle}.records-table tbody tr{cursor:pointer;transition:background-color .2s}.records-table tbody tr:hover{background-color:var(--bg-hover)}.records-table tbody tr.expanded{background-color:#f5f5f5}.expand-cell{width:40px}.expand-cell,.id-cell{color:var(--text-secondary)}.id-cell{font-family:SF Mono,Consolas,monospace;font-size:12px}.email-cell{color:var(--text-secondary);font-size:13px}.link-cell{align-items:center;display:flex;gap:4px}.link-cell svg{color:var(--primary);font-size:14px}.type-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.badge-campus{background-color:#e8f5e9;color:#2e7d32}.badge-staff{background-color:#e3f2fd;color:#1565c0}.badge-admin{background-color:#fce4ec;color:#c2185b}.badge-prospect{background-color:#f3e5f5;color:#7b1fa2}.badge-unknown{background-color:#fafafa;color:#616161}.status-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-deceased{background-color:#ffebee;color:#c62828}.status-unknown{background-color:#fafafa;color:#616161}.detail-row td{background-color:#fafafa;padding:0!important}.record-details{border-top:1px solid var(--border-light);padding:20px}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-section{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:16px}.detail-section h4{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.detail-section p{color:var(--text-secondary);font-size:13px;margin:6px 0}.detail-section strong{color:var(--text-primary)}.detail-section a{color:var(--primary);text-decoration:none}.detail-section a:hover{text-decoration:underline}.linked-org-info{align-items:center;background-color:#e3f2fd;border-radius:8px;color:#1565c0;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.linked-org-info svg{font-size:18px}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.tab-header{margin-bottom:20px}.tab-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 4px}.tab-header p{color:var(--text-secondary);font-size:14px;margin:0}.hierarchy-tab{gap:24px}.hierarchy-list,.hierarchy-tab{display:flex;flex-direction:column}.hierarchy-list{gap:8px}.hierarchy-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hierarchy-campus{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background-color .2s}.hierarchy-campus:hover{background-color:var(--bg-hover)}.hierarchy-campus.expanded{background-color:#f5f5f5;border-bottom:1px solid var(--border-light)}.campus-expand-icon{align-items:center;color:var(--text-secondary);display:flex;height:24px;justify-content:center;width:24px}.no-expand-placeholder{width:24px}.campus-icon{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.campus-icon svg{font-size:24px}.campus-info{flex:1 1;min-width:0}.campus-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campus-ids{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.campus-id{background-color:var(--bg-secondary);border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;padding:2px 8px}.campus-location{gap:4px}.campus-location,.campus-meta{align-items:center;display:flex}.campus-meta{flex-shrink:0;gap:12px}.staff-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.staff-badge.has-staff{background-color:#e3f2fd;color:#1565c0}.staff-badge.no-staff{background-color:#f5f5f5;color:#9e9e9e}.staff-badge svg{font-size:16px}.hierarchy-staff{background-color:#fafafa;border-top:1px solid var(--border-light)}.staff-list-header{align-items:center;background-color:#f0f0f0;border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 20px}.staff-list-header svg{color:#f97316}.staff-table{border-collapse:collapse;width:100%}.staff-table th{background-color:#f5f5f5;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase}.staff-table td,.staff-table th{border-bottom:1px solid var(--border-light)}.staff-table td{background-color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px}.staff-table tbody tr:last-child td{border-bottom:none}.staff-table tbody tr:hover td{background-color:var(--bg-hover)}.no-staff-message{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;justify-content:center;padding:24px}.no-staff-message svg{opacity:.5}.details-toggle-btn{background-color:#fff;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.details-toggle-btn:hover{background-color:#fff7ed;border-color:#f97316;color:#f97316}.details-toggle-btn.active{background-color:#f97316;border-color:#f97316;color:#fff}.campus-details-section{background-color:#fff7ed;border-top:1px solid #fed7aa}.campus-details-section .section-header{align-items:center;background-color:#ffedd5;border-bottom:1px solid #fed7aa;color:#ea580c;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 20px}.hierarchy-details-panel{padding:20px}.hierarchy-details-panel .detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hierarchy-details-panel .detail-section{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:16px}.hierarchy-details-panel .detail-section h4{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.hierarchy-details-panel .detail-section p{color:var(--text-secondary);font-size:13px;margin:6px 0}.hierarchy-details-panel .detail-section strong{color:var(--text-primary)}.hierarchy-details-panel .detail-section a{color:#f97316;text-decoration:none}.hierarchy-details-panel .detail-section a:hover{text-decoration:underline}.staff-list{display:flex;flex-direction:column}.staff-item{border-bottom:1px solid var(--border-light)}.staff-item:last-child{border-bottom:none}.staff-row{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .2s}.staff-row:hover{background-color:var(--bg-hover)}.staff-row.expanded{background-color:#f0f9ff;border-bottom:1px solid #bae6fd}.staff-expand-icon{color:var(--text-secondary);height:20px;width:20px}.staff-avatar,.staff-expand-icon{align-items:center;display:flex;justify-content:center}.staff-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;flex-shrink:0;height:36px;width:36px}.staff-avatar svg{font-size:20px}.staff-info{flex:1 1;min-width:0}.staff-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.staff-meta-info{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.staff-id{background-color:var(--bg-secondary);border-radius:4px;font-family:SF Mono,Consolas,monospace;padding:1px 6px}.staff-role{color:#7c3aed;font-weight:500}.staff-contact{display:flex;flex-direction:column;gap:2px;min-width:200px}.staff-email{font-size:13px}.staff-email,.staff-phone{color:var(--text-secondary)}.staff-phone{font-size:12px}.staff-status{flex-shrink:0}.staff-details-section{background-color:#f0f9ff;border-top:1px solid #bae6fd}.staff-details-section .hierarchy-details-panel{padding:16px 20px 16px 68px}.staff-details-section .detail-section{background-color:#fff}.hierarchy-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:24px;padding:20px}.summary-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.summary-stat svg{color:#f97316}.summary-stat strong{color:var(--text-primary)}.grouped-records{display:flex;flex-direction:column;gap:24px}.org-group{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.org-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:16px 20px}.org-header svg{color:var(--primary)}.org-header h4{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;margin:0}.staff-count{background-color:#fff;border-radius:16px;color:var(--text-secondary);font-size:13px;padding:4px 12px}.consistency-tab{display:flex;flex-direction:column;gap:32px}.issue-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.issue-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.issue-section .warning-icon{color:#ef6c00}.issue-section .error-icon{color:#c62828}.issue-description{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.no-issues{align-items:center;background-color:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-size:14px;gap:8px;padding:16px}.duplicate-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.duplicate-list li{background-color:#ffebee;border-radius:16px;color:#c62828;font-family:SF Mono,Consolas,monospace;font-size:13px;padding:4px 12px}.type-breakdown{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.type-item{align-items:center;background-color:var(--bg-secondary);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;gap:8px;padding:12px 20px}.type-item svg{color:var(--text-secondary)}.type-item.warning{background-color:#fff3e0}.type-item.warning svg{color:#ef6c00}@media (max-width:768px){.test-data-content{padding:16px}.tab-navigation{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.tab-btn{white-space:nowrap}.filters-bar{flex-direction:column}.search-box{min-width:100%}.record-count{margin-left:0}.records-table{display:block;overflow-x:auto}.detail-grid{grid-template-columns:1fr}}.record-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.record-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.record-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.record-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.record-name{color:var(--text-secondary);font-weight:400}.modal-actions{align-items:center;gap:8px}.modal-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 24px;transition:background-color .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn.edit-btn{background-color:#f93;border:none;color:#fff}.modal-btn.edit-btn:hover:not(:disabled){background-color:#e68a2e}.modal-btn.save-btn{background-color:#22c55e;border:none;color:#fff}.modal-btn.save-btn:hover:not(:disabled){background-color:#16a34a}.modal-btn.cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#333}.modal-btn.cancel-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.modal-btn.history-btn{background-color:#fff;border:1px solid #d1d5db;color:#333}.modal-btn.history-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.modal-btn.close-btn{background-color:initial;border:none;color:var(--text-secondary);min-width:auto;padding:8px}.modal-btn.close-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.record-modal-body{flex:1 1;overflow-y:auto;padding:24px}.record-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.record-field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{background:var(--bg-secondary);border-radius:var(--radius-sm);min-height:20px}.field-input,.field-value{color:var(--text-primary);font-size:14px;padding:8px 12px}.field-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;transition:border-color .2s ease}.field-input:focus{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a;outline:none}.edit-history-section{margin-bottom:24px}.edit-history-section h3{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.history-list{display:flex;flex-direction:column;gap:16px}.history-entry{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px}.history-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.history-user{color:var(--text-primary);font-weight:600}.history-date{color:var(--text-secondary);font-size:12px}.history-changes{display:flex;flex-direction:column;gap:8px}.history-change{align-items:center;display:flex;font-size:13px;gap:8px;padding:6px 0}.history-change strong{color:var(--text-primary);min-width:120px}.old-value{background:#ef44441a;color:#ef4444;text-decoration:line-through}.new-value,.old-value{border-radius:4px;padding:2px 8px}.new-value{background:#22c55e1a;color:#22c55e}.arrow{font-weight:700}.arrow,.no-history{color:var(--text-secondary)}.no-history{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.no-history svg{font-size:48px;margin-bottom:16px;opacity:.5}@media (max-width:768px){.record-modal{border-radius:0;max-height:100vh;max-width:100%}.record-modal-header{flex-wrap:wrap;gap:12px;padding:16px}.record-modal-header h2{font-size:18px;width:100%}.modal-actions{justify-content:flex-end;width:100%}.record-modal-body{padding:16px}.record-fields{grid-template-columns:1fr}}.filter-custom-dropdown-testdata{display:inline-block;position:relative}.filter-dropdown-trigger-testdata{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;height:36px;min-width:140px;padding:8px 12px;text-align:left;transition:all .2s ease;white-space:nowrap}.filter-dropdown-trigger-testdata:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.filter-dropdown-trigger-testdata.open{border-color:#ffab4d;box-shadow:0 0 0 3px #ffab4d1a}.filter-trigger-icon{color:var(--text-secondary);flex-shrink:0;font-size:18px!important}.filter-dropdown-value{flex:1 1;overflow:hidden;text-overflow:ellipsis}.filter-dropdown-arrow{color:var(--text-secondary);flex-shrink:0;font-size:18px!important;transition:transform .2s ease}.filter-dropdown-trigger-testdata.open .filter-dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{animation:filterDropdownSlideIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;left:0;max-height:250px;min-width:100%;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:1000}@keyframes filterDropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;justify-content:space-between;padding:9px 12px;text-align:left;transition:all .15s ease;width:100%}.filter-dropdown-option:last-child{border-bottom:none}.filter-dropdown-option:hover{background:#ffab4d14;color:#ffab4d}.filter-dropdown-option.selected{background:#ffab4d1f;color:#ffab4d;font-weight:600}.filter-dropdown-option .check-icon{color:#ffab4d;font-size:16px!important}.roles-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.roles-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;width:100%}.roles-section{margin-bottom:40px}.roles-section .section-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.roles-section .section-title{align-items:center;display:flex;gap:12px}.roles-section .section-title h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0}.roles-section .section-title svg{color:#ffab4d;font-size:24px}.roles-section .section-header-bar .btn-primary{align-items:center;background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.roles-section .section-header-bar .btn-primary:hover{background-color:#e68a2e}.roles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.role-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;transition:all .2s ease}.role-card:hover{border-color:#ffab4d66;box-shadow:0 4px 12px #00000014}.role-card.inactive{border-color:var(--border-light);opacity:.6}.role-card.built-in{background:var(--bg-secondary);border-color:var(--border-light)}.role-card.built-in:hover{border-color:#ffab4d40;box-shadow:0 2px 8px #0000000d}.role-card-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.role-card-header h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:0 0 4px}.role-name-row{align-items:center;display:flex;gap:10px;margin-bottom:4px}.role-name-row h3{margin-bottom:0}.role-icon{align-items:center;color:#ffab4d;display:flex}.role-description{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;font-style:italic;margin:0}.role-badge{border-radius:12px;flex-shrink:0;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.built-in-badge{background:#9ca3af26;border:1px solid var(--border-light);color:var(--text-secondary)}.role-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.icon-btn:hover{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-primary)}.icon-btn.delete-btn:hover{background:#dc26261a;border-color:#dc2626;color:#dc2626}.role-permissions{margin-bottom:16px}.role-permissions h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.permissions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.permission-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.role-card.built-in .permission-item{background:var(--bg-primary)}.permission-item.enabled{background:#22c55e1a;color:#16a34a}.permission-item.disabled{background:var(--bg-secondary);color:var(--text-tertiary)}.role-card.built-in .permission-item.disabled{background:var(--bg-primary)}.permission-name{flex:1 1;font-family:Aleo,serif}.permission-status{font-weight:600;margin-left:8px}.role-meta{align-items:center;border-top:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;padding-top:16px}.status-active{color:#16a34a;font-weight:600}.status-inactive{color:var(--text-tertiary)}.roles-page-wrapper .empty-state,.roles-page-wrapper .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.roles-page-wrapper .empty-state{text-align:center}.roles-page-wrapper .empty-state h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:16px 0 8px}.roles-page-wrapper .empty-state p{font-family:Aleo,serif;font-size:14px;margin:0 0 24px}.roles-page-wrapper .empty-state .btn-primary{align-items:center;background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.roles-page-wrapper .empty-state .btn-primary:hover{background-color:#e68a2e}.roles-page-wrapper .modal-overlay{align-items:center;animation:rolesFadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}@keyframes rolesFadeIn{0%{opacity:0}to{opacity:1}}.roles-page-wrapper .modal-content{animation:rolesSlideUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%;z-index:100000}@keyframes rolesSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.role-modal{max-height:90vh;max-width:800px;overflow-y:auto}.role-form{padding:24px}.role-form .form-group{margin-bottom:20px}.role-form .form-group>label{color:var(--text-primary);display:block;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.role-form input[type=text],.role-form textarea{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:Aleo,serif;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.role-form input[type=text]:focus,.role-form textarea:focus{border-color:#ffab4d;box-shadow:0 0 0 4px #ffab4d1a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-family:Aleo,serif;font-size:14px;font-weight:400;gap:10px;letter-spacing:normal;margin-bottom:0;text-transform:none}.checkbox-label input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:18px;width:18px}.permissions-section{margin-top:32px}.permissions-section h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:700;margin:0 0 20px}.permissions-hint{color:var(--text-secondary);font-size:13px;margin:-8px 0 16px}.permission-view-list{display:flex;flex-direction:column;gap:8px}.permission-view-item{align-items:flex-start;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s ease}.permission-view-item:hover{background:var(--bg-primary)}.permission-view-item input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.permission-view-content{display:flex;flex-direction:column;gap:2px;min-width:0}.permission-view-label{color:var(--text-primary);font-size:14px;font-weight:600}.permission-view-desc{color:var(--text-secondary);font-size:12px}.modal-actions{border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.roles-page-wrapper .btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.roles-page-wrapper .btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.roles-page-wrapper .modal-actions .btn-primary{align-items:center;background-color:#f93;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s ease}.roles-page-wrapper .modal-actions .btn-primary:hover{background-color:#e68a2e}.permission-matrix{display:flex;flex-direction:column;gap:0}.bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.bulk-btn{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s ease}.bulk-btn:hover{background:var(--bg-primary);border-color:#ffab4d;color:var(--text-primary)}.bulk-btn-danger{border-color:#dc26264d;color:#dc2626}.bulk-btn-danger:hover{background:#dc262614;border-color:#dc2626;color:#dc2626}.matrix-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:4px;padding:10px 16px}.matrix-header-resource,.matrix-header-tiers{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.resource-row{border-bottom:1px solid var(--border-light)}.resource-row:last-child{border-bottom:none}.resource-row-main{align-items:center;display:flex;gap:12px;padding:12px 16px;transition:background .15s ease}.resource-row-main:hover{background:#ffab4d0a}.resource-label{color:var(--text-primary);flex-shrink:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;min-width:130px}.tier-checkboxes{display:flex;flex:1 1;gap:16px;justify-content:flex-start}.tier-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:400;gap:8px;letter-spacing:normal;margin-bottom:0;padding:4px 10px;text-transform:none;transition:background .15s ease}.tier-checkbox:hover{background:#ffab4d14}.tier-checkbox input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:16px;width:16px}.tier-label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.advanced-toggle{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;padding:4px;transition:all .15s ease}.advanced-toggle:hover{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-secondary)}.advanced-panel{animation:advancedSlideDown .2s ease-out;background:var(--bg-secondary);border-top:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 16px 36px}@keyframes advancedSlideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:200px;opacity:1;padding-bottom:16px;padding-top:8px}}.advanced-checkbox{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:8px;letter-spacing:normal;margin-bottom:0;padding:5px 12px;text-transform:none;transition:all .15s ease}.advanced-checkbox:hover{border-color:#ffab4d}.advanced-checkbox input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;height:14px;width:14px}.advanced-checkbox span{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px}.perm-summary{display:flex;flex-direction:column;gap:6px}.perm-summary-row{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:6px 12px}.perm-summary-row.built-in{background:var(--bg-primary)}.perm-summary-resource{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.perm-summary-tiers{display:flex;gap:6px}.perm-tier-badge{border-radius:10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.perm-tier-badge.full{background:#22c55e1f;color:#16a34a}.perm-tier-badge.partial{background:#f59e0b1f;color:#d97706}.perm-summary-empty{color:var(--text-tertiary);font-family:Aleo,serif;font-size:13px;font-style:italic;padding:8px 0}.built-in-role-info{border-bottom:1px solid var(--border-light);margin-bottom:8px;padding-bottom:16px}.built-in-role-info .role-name-row{margin-bottom:8px}.built-in-role-info h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:0}.customized-badge{background:#ffab4d26;border:1px solid #ffab4d4d;color:#d97706}.btn-reset{border-color:#dc26264d!important;color:#dc2626!important;margin-right:auto}.btn-reset:hover{background-color:#dc26260d!important;border-color:#dc2626!important}.required{color:#dc2626}.scope-toggle{border:1px solid var(--border-light);border-radius:6px;display:flex;flex-shrink:0;margin-left:4px;overflow:hidden}.scope-pill{background:var(--bg-secondary);border:none;color:var(--text-tertiary);cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;transition:all .15s ease}.scope-pill:first-child{border-right:1px solid var(--border-light)}.scope-pill.active{background:#ffab4d;color:#fff}.scope-pill:hover:not(.active):not(:disabled){background:#ffab4d1a;color:var(--text-primary)}.scope-pill:disabled{cursor:default;opacity:.6}.perm-scope-badge{background:#3b82f61f;border-radius:8px;color:#2563eb;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:.3px;margin-left:6px;padding:1px 6px;text-transform:uppercase}.page-visibility-section{margin-top:32px}.page-visibility-section h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:700;margin:0 0 20px}.page-visibility-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.page-vis-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:400;gap:10px;letter-spacing:normal;margin-bottom:0;padding:10px 14px;text-transform:none;transition:background .15s ease}.page-vis-item:hover{background:#ffab4d14}.page-vis-item input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;flex-shrink:0;height:16px;width:16px}.page-vis-item span{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}@media (max-width:900px){.roles-grid{grid-template-columns:1fr}}@media (max-width:768px){.roles-content{padding:16px}.roles-section .section-header-bar{align-items:flex-start;flex-direction:column;gap:16px}.resource-row-main{flex-wrap:wrap}.resource-label{min-width:100%}.tier-checkboxes{flex-wrap:wrap;gap:8px}.bulk-actions{gap:6px}.scope-toggle{margin-left:0}.page-visibility-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.hd-topbar-title{align-items:center;color:#1f1f1f;color:var(--text-primary,#1f1f1f);display:flex;font-size:18px;font-weight:600;gap:8px}.hd-page{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:14px;border-radius:var(--radius-lg,14px);display:flex;height:calc(100vh - 96px);margin:16px;min-height:420px;overflow:hidden}.hd-list-pane{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-right:1px solid #d9d8d6;border-right:1px solid var(--border-light,#d9d8d6);display:flex;flex-direction:column;flex-shrink:0;width:320px}.hd-filter-tabs{border-bottom:1px solid #d9d8d6;border-bottom:1px solid var(--border-light,#d9d8d6);display:flex;flex-wrap:wrap;gap:4px;padding:10px}.hd-tab{background:#0000;border:none;border-radius:14px;color:#616161;color:var(--text-secondary,#616161);cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 10px}.hd-tab:hover{background:#0000000d}.hd-tab.active{background:#ffab4d;background:var(--accent-color,#ffab4d);color:#fff}.hd-list{flex:1 1;overflow-y:auto}.hd-empty{color:#616161;color:var(--text-secondary,#616161);font-size:14px;padding:32px 16px;text-align:center}.hd-list-row{border-bottom:1px solid #d9d8d6;border-bottom:1px solid var(--border-light,#d9d8d6);cursor:pointer;padding:12px 16px;position:relative}.hd-list-row:hover{background:#00000008}.hd-list-row.active{background:#fff3e2;box-shadow:inset 3px 0 0 #ffab4d;box-shadow:inset 3px 0 0 var(--accent-color,#ffab4d)}.hd-list-row.unread .hd-list-name{font-weight:700}.hd-list-row-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.hd-list-name{font-size:13.5px;font-weight:600}.hd-list-name,.hd-list-subject{color:#1f1f1f;color:var(--text-primary,#1f1f1f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-list-subject{font-size:13px}.hd-list-snippet{color:#616161;color:var(--text-secondary,#616161);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-list-time{color:#9a9a9a;font-size:11px;margin-top:4px}.hd-list-dot{background:#e53935;border-radius:50%;height:9px;position:absolute;right:12px;top:14px;width:9px}.hd-status{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.hd-status--open{background:#fff1dd;color:#b26a00}.hd-status--pending{background:#e3f2fd;color:#1565c0}.hd-status--resolved{background:#e8f5e9;color:#2e7d32}.hd-status--closed{background:#eee;color:#757575}.hd-status-select{background:#fff;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;cursor:pointer;font-size:13px;padding:6px 10px;text-transform:capitalize}.hd-detail-pane{min-width:0}.hd-detail-empty,.hd-detail-pane{display:flex;flex:1 1;flex-direction:column}.hd-detail-empty{align-items:center;color:#616161;color:var(--text-secondary,#616161);gap:12px;justify-content:center}.hd-detail-header{align-items:center;border-bottom:1px solid #d9d8d6;border-bottom:1px solid var(--border-light,#d9d8d6);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.hd-detail-headings{min-width:0}.hd-detail-subject{color:#1f1f1f;color:var(--text-primary,#1f1f1f);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-detail-meta{color:#616161;color:var(--text-secondary,#616161);font-size:13px;margin-top:2px}.hd-thread{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);flex:1 1;gap:12px;overflow-y:auto;padding:20px}.hd-msg,.hd-thread{display:flex;flex-direction:column}.hd-msg{max-width:70%}.hd-msg--me{align-items:flex-end;align-self:flex-end}.hd-msg--them{align-items:flex-start;align-self:flex-start}.hd-msg-author{color:#616161;color:var(--text-secondary,#616161);font-size:11px;font-weight:600;margin-bottom:2px}.hd-msg-bubble{border-radius:14px;font-size:14px;line-height:1.45;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.hd-msg--me .hd-msg-bubble{background:#ffab4d;background:var(--accent-color,#ffab4d);border-bottom-right-radius:4px;color:#fff}.hd-msg--them .hd-msg-bubble{background:#fff;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-bottom-left-radius:4px;color:#1f1f1f;color:var(--text-primary,#1f1f1f)}.hd-msg-time{color:#9a9a9a;font-size:10.5px;margin-top:3px}.hd-reply-area{background:#fff;background:var(--bg-primary,#fff);border-top:1px solid #d9d8d6;border-top:1px solid var(--border-light,#d9d8d6);display:flex;flex-direction:column;gap:8px;padding:14px 20px}.hd-reply-bar{align-items:flex-end;display:flex;gap:10px}.hd-attach-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#616161;color:var(--text-secondary,#616161);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.hd-attach-btn:hover{background:#0000000d;color:#ffab4d;color:var(--accent-color,#ffab4d)}.hd-attach-row{display:flex;flex-wrap:wrap;gap:6px}.hd-attach-chip{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;display:inline-flex;gap:6px;padding:4px 6px 4px 4px}.hd-attach-thumb{border-radius:4px;height:28px;object-fit:cover;width:28px}.hd-attach-doc{font-size:18px;text-align:center;width:28px}.hd-attach-name{color:#1f1f1f;color:var(--text-primary,#1f1f1f);font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-attach-x{background:#0000;border:none;color:#616161;color:var(--text-secondary,#616161);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.hd-attach-x:hover{color:#e53935}.hd-attach-error{color:#e53935;font-size:12px}.hd-msg-atts{display:flex;flex-direction:column;gap:6px;margin-top:4px}.hd-msg-att-img{border-radius:10px;cursor:pointer;display:block;max-height:280px;max-width:280px}.hd-msg-att-file,.hd-msg-att-img{border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6)}.hd-msg-att-file{background:#fff;border-radius:8px;color:#b26a00;color:var(--accent-color,#b26a00);display:inline-block;font-size:13px;padding:6px 10px;text-decoration:none}.hd-msg-att-file:hover{text-decoration:underline}.hd-reply-input{border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:10px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:14px;max-height:140px;padding:10px 14px;resize:none}.hd-reply-input:focus{border-color:#ffab4d;border-color:var(--accent-color,#ffab4d);outline:none}.hd-send-btn{align-items:center;background:#ffab4d;background:var(--accent-color,#ffab4d);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;white-space:nowrap}.hd-send-btn:hover{filter:brightness(.96)}.hd-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:720px){.hd-list-pane{width:200px}}.us-map-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;padding:24px}.map-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.map-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0}.map-legend{flex-wrap:wrap;gap:16px}.legend-item,.map-legend{align-items:center;display:flex}.legend-item{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;font-weight:500;gap:8px}.legend-marker{background:#ffab4d;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;width:20px}.legend-item-warning{color:#ff6b35;font-weight:600}.map-empty-state{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:20px;padding:40px 24px;text-align:center}.map-empty-state p{color:var(--text-secondary);font-family:Aleo,serif;font-size:14px;margin:0 0 12px}.map-empty-state code{background:var(--text-primary);border-radius:4px;color:#fff;display:inline-block;font-family:Courier New,monospace;font-size:13px;padding:8px 16px}.leaflet-map-wrapper{border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.leaflet-map{height:500px;width:100%;z-index:1}.school-popup{font-family:Poppins,sans-serif;min-width:200px}.school-popup h4{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.school-popup .school-location{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;margin:4px 0}.school-popup .school-students{color:var(--text-secondary);font-size:12px;margin:4px 0}.school-popup .school-website{background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px;text-decoration:none;transition:transform .2s ease}.school-popup .school-website:hover{box-shadow:0 2px 8px #ffab4d4d;transform:translateY(-1px)}.top-states-list{border-top:2px solid var(--border-light);padding-top:20px}.top-states-list h5{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;margin:0 0 16px}.states-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.state-item{align-items:center;background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.state-item:hover{background:linear-gradient(135deg,#ffab4d1a,#ff47131a);border-color:#ffab4d;box-shadow:0 4px 8px #ffab4d33;transform:translateY(-2px)}.state-rank{color:#ffab4d;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;min-width:36px}.state-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.state-name-full{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.3}.state-count{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;font-weight:500}@media (max-width:768px){.map-header{align-items:flex-start;flex-direction:column}.leaflet-map{height:400px}.states-grid{grid-template-columns:1fr}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.analytics-section{margin-top:48px}.section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0 0 28px}.analytics-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.map-section{margin-bottom:32px}.analytics-stat-card{background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:var(--radius-lg);box-shadow:0 4px 12px #ffab4d40;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-stat-card:hover{box-shadow:0 6px 16px #ffab4d59;transform:translateY(-2px)}.analytics-stat-value{color:#fff;font-family:Poppins,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.analytics-stat-label{color:#ffffffe6;font-family:Aleo,serif;font-size:14px;font-weight:500;letter-spacing:.3px;margin:0}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.chart-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-card:hover{box-shadow:0 4px 12px #00000014,0 8px 16px #0000000a;transform:translateY(-2px)}.chart-card-wide{grid-column:span 2}.chart-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 20px}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:span 1}}@media (max-width:768px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-stat-value{font-size:28px}.analytics-stat-label{font-size:12px}}@media (max-width:480px){.analytics-stats-grid{grid-template-columns:1fr}.chart-card{padding:16px}}.stats-page-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.stats-page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.stats-page-content{flex:1 1;overflow-y:auto;padding:32px}.stats-page-empty,.stats-page-forbidden,.stats-page-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px}.stats-page-content .spinner{animation:stats-spin .8s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top:3px solid #ffab4d;height:40px;width:40px}@keyframes stats-spin{to{transform:rotate(1turn)}}.stats-page-content p{color:var(--text-secondary);font-size:15px;margin:0}.stats-page-forbidden p{color:var(--text-primary)}.ax-page{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);display:flex;flex-direction:column;height:100%}.ax-body{display:flex;flex:1 1;overflow:hidden}.ax-rail{background:#1e1e2d;flex-shrink:0;overflow-y:auto;padding:6px 0;width:96px}.ax-rail,.ax-rail-stat{display:flex;flex-direction:column}.ax-rail-stat{align-items:center;border-left:3px solid #0000;padding:14px 6px}.ax-rail-val{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.1}.ax-rail-val--warn{color:#dc2626}.ax-rail-lbl{color:#fff6;font-size:9px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.ax-rail-lbl,.ax-year-pick{font-family:Poppins,sans-serif;font-weight:500}.ax-year-pick{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;outline:none;padding:5px 10px}.ax-year-pick:focus{border-color:#ffab4d}.ax-main{flex:1 1;overflow-y:auto;padding:20px 24px}.ax-section{margin-bottom:28px}.ax-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);color:var(--text-primary);color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:15px;font-size:11px;font-weight:700;letter-spacing:-.2px;letter-spacing:.08em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.ax-row{display:flex;gap:14px;margin-bottom:14px}.ax-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;min-height:0;padding:18px 20px}.ax-card--wide{flex:3 1;min-width:0}.ax-card--narrow{display:flex;flex:2 1;flex-direction:column;gap:16px;min-width:0}.ax-card--half{flex:1 1;min-width:0}.ax-card-label{color:var(--text-secondary);display:block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.ax-card-toolbar{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;margin-bottom:12px;padding-bottom:10px}.ax-card-select{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;min-width:0;outline:none;padding:5px 8px}.ax-card-select:focus{border-color:#ffab4d}.ax-card-toggle{border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;display:flex;flex-shrink:0;overflow:hidden}.ax-card-toggle-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;transition:background .1s,color .1s}.ax-card-toggle-btn:not(:last-child){border-right:1px solid #d9d8d6;border-right:1px solid var(--border-light,#d9d8d6)}.ax-card-toggle-btn--on{background:#ffab4d;color:#fff}.ax-card-toggle-btn:hover:not(.ax-card-toggle-btn--on){background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.ax-reset-btn{background:#0000;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.ax-reset-btn:hover{border-color:#ffab4d;color:#ffab4d}.ax-stat{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-left:3px solid #ffab4d;border-left:3px solid var(--ax-accent,#ffab4d);border-radius:0 8px 8px 0;padding:10px 14px}.ax-stat-val{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.1}.ax-stat-lbl,.ax-stat-val{display:block;font-family:Poppins,sans-serif}.ax-stat-lbl{color:var(--text-secondary);font-size:10px;font-weight:500;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.ax-stats-col{display:flex;flex-direction:column;gap:8px}.ax-stats-row{grid-gap:10px;align-content:center;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%}.ax-donut-wrap{align-items:center;display:flex;gap:16px}.ax-donut-chart{flex:0 0 180px;position:relative}.ax-donut-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.ax-donut-total{color:var(--text-primary);display:block;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;line-height:1}.ax-donut-label{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.ax-donut-legend{display:flex;flex:1 1;flex-direction:column;gap:8px}.ax-legend-item{align-items:center;display:flex;gap:8px}.ax-legend-dot{border-radius:2px;flex-shrink:0;height:8px;width:8px}.ax-legend-name{color:var(--text-secondary);flex:1 1;font-family:Poppins,sans-serif;font-size:12px}.ax-legend-val{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.ax-loading{font-family:Poppins,sans-serif;font-size:14px;height:300px}.ax-empty,.ax-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.ax-empty{font-family:Aleo,serif;font-size:13px;height:140px}@media (max-width:1024px){.ax-row{flex-direction:column}.ax-card--half,.ax-card--narrow,.ax-card--wide{flex:none}}@media (max-width:900px){.ax-body{flex-direction:column}.ax-rail{flex-direction:row;overflow-x:auto;padding:0;width:100%}.ax-rail-stat{border-bottom:3px solid #0000;border-left:none;flex:0 0 auto;padding:10px 14px}.ax-main{padding:14px}.ax-donut-wrap{flex-direction:column}.ax-donut-chart{flex:none;width:180px}.ax-donut-legend{flex-direction:row;flex-wrap:wrap;gap:10px}.ax-stats-row{grid-template-columns:1fr}}.rl-page{display:flex;flex-direction:column;height:100%}.rl-content{flex:1 1;overflow-y:auto;padding:24px 32px}.rl-empty,.rl-loading{align-items:center;color:var(--text-secondary);display:flex;font-family:Aleo,serif;font-size:14px;height:200px;justify-content:center}.rl-list{display:flex;flex-direction:column;gap:16px;max-width:800px}.rl-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;overflow:hidden}.rl-card--published{border-left:3px solid #0f9d58}.rl-card-header{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;padding:14px 20px}.rl-card-header,.rl-card-info{align-items:center;display:flex}.rl-card-info{flex-wrap:wrap;gap:10px}.rl-card-version{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.rl-card-date{font-size:13px}.rl-card-badge,.rl-card-date{color:var(--text-secondary);font-family:Poppins,sans-serif}.rl-card-badge{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:20px;font-size:11px;font-weight:600;padding:2px 10px}.rl-card-badge--published{background:#dcfce7;color:#166534}.rl-card-counts{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px}.rl-card-actions{display:flex;gap:4px}.rl-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .1s;width:32px}.rl-action-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:var(--text-primary)}.rl-card-body{padding:16px 20px}.rl-section{margin-bottom:12px}.rl-section:last-child{margin-bottom:0}.rl-section-label{color:var(--text-secondary);display:block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.rl-card-body ul{list-style:disc;margin:0;padding:0 0 0 18px}.rl-card-body li{color:var(--text-primary);font-family:Aleo,serif;font-size:13px;line-height:1.6}.rl-more{font-family:Aleo,serif;font-size:12px;font-style:italic;margin-top:4px}.rl-edited,.rl-more{color:var(--text-secondary);display:block}.rl-edited{font-family:Poppins,sans-serif;font-size:11px;margin-top:8px}.rl-edit-body{padding:16px 20px}.rl-edit-section{margin-bottom:16px}.rl-edit-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.rl-edit-section-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rl-add-btn,.rl-edit-section-label{color:var(--text-secondary);font-family:Poppins,sans-serif}.rl-add-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:5px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:3px;padding:3px 10px}.rl-add-btn:hover{border-color:#ffab4d;color:#ffab4d}.rl-edit-row{display:flex;gap:6px;margin-bottom:4px}.rl-edit-input{border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Aleo,serif;font-size:13px;outline:none;padding:6px 10px;transition:border-color .15s}.rl-edit-input:focus{border-color:#ffab4d}.rl-remove-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.rl-remove-btn:hover{background:#fee2e2;color:#dc2626}.rl-empty-hint{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;font-style:italic}.rl-textarea{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;outline:none;padding:12px 14px;resize:vertical;transition:border-color .15s;width:100%}.rl-textarea:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#ffab4d}.rl-edit-hint{color:var(--text-secondary);font-family:Aleo,serif;font-size:12px;line-height:1.5;margin-bottom:8px}.rl-edit-hint code{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:3px;font-size:11px;padding:1px 5px}.rl-edit-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;margin-top:14px;padding-top:14px}.rl-save-btn{align-items:center;background:#ffab4d;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:5px;padding:8px 18px}.rl-save-btn:hover{background:#f59e3b}.rl-save-btn:disabled{cursor:default;opacity:.6}.rl-cancel-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:7px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:5px;padding:8px 18px}.rl-cancel-btn:hover{border-color:var(--text-secondary)}.rl-commit-overlay{align-items:center;animation:rl-fade-in .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes rl-fade-in{0%{opacity:0}to{opacity:1}}.rl-commit-modal{animation:rl-slide-up .2s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:100%;overflow:hidden;width:720px}@keyframes rl-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rl-commit-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding:20px 24px 14px}.rl-commit-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;line-height:1.2;margin:0 0 4px}.rl-commit-meta{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px}.rl-commit-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.rl-commit-close:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:var(--text-primary)}.rl-commit-search{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:8px;padding:12px 24px}.rl-commit-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:13px;outline:none}.rl-commit-search input::placeholder{color:var(--text-secondary)}.rl-commit-list{flex:1 1;overflow-y:auto;padding:8px 12px}.rl-commit-empty{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;padding:40px 24px;text-align:center}.rl-commit-empty code{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;font-size:11px;padding:2px 6px}.rl-commit-item{align-items:flex-start;border:1px solid #0000;border-radius:8px;display:flex;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s}.rl-commit-item:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-color:#e5e7eb;border-color:var(--border-light,#e5e7eb)}.rl-commit-item-info{flex:1 1;min-width:0}.rl-commit-item-subject{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.rl-commit-item-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;font-size:11px;gap:6px;margin-bottom:6px}.rl-commit-hash{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;color:#ffab4d;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:600;padding:1px 6px}.rl-commit-item-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Aleo,serif;line-height:1.5;overflow:hidden}.rl-commit-item-body,.rl-commit-use-btn{color:var(--text-secondary);font-size:12px}.rl-commit-use-btn{align-self:center;background:#0000;border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:6px;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-weight:600;padding:7px 16px;transition:all .12s}.rl-commit-use-btn:hover{background:#fff8f0;border-color:#ffab4d;color:#ffab4d}@media (max-width:768px){.rl-content{padding:16px}.rl-commit-overlay{padding:12px}.rl-commit-modal{max-height:92vh}}.rl-migration-result{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;font-family:Poppins,sans-serif;margin:16px 24px 0;padding:14px 16px}.rl-migration-result-header{align-items:center;color:var(--text-primary);display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.rl-migration-close{align-items:center;background:#0000;border:none;border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;width:26px}.rl-migration-close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:var(--text-primary)}.rl-migration-stats{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:14px;padding:6px 0}.rl-migration-stats strong{color:var(--text-primary);font-weight:600;margin-right:4px}.rl-migration-stat-pos strong{color:#16a34a}.rl-migration-stat-err strong{color:#dc2626}.rl-migration-list{color:var(--text-primary);font-size:13px;margin-top:10px}.rl-migration-list summary{color:var(--text-secondary);cursor:pointer;font-weight:500;padding:6px 0;-webkit-user-select:none;user-select:none}.rl-migration-list summary:hover{color:var(--text-primary)}.rl-migration-list ul{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;list-style:none;margin:4px 0 0;max-height:240px;overflow-y:auto;padding:8px 12px}.rl-migration-list li{font-size:13px;padding:3px 0}.rl-migration-list code{background:#ffab4d1f;border-radius:3px;color:#c2710c;font-family:SF Mono,Monaco,monospace;font-size:12px;padding:1px 6px}.rl-migration-errors li{color:#dc2626;font-size:12px}.wn-overlay{align-items:center;animation:wn-fade-in .15s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes wn-fade-in{0%{opacity:0}to{opacity:1}}.wn-modal{animation:wn-slide-up .2s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:92vw;overflow:hidden;width:480px}@keyframes wn-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wn-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);gap:14px;padding:24px 24px 16px}.wn-header,.wn-header-icon{align-items:center;display:flex}.wn-header-icon{background:linear-gradient(135deg,#ffab4d,#ff4713);border-radius:12px;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.wn-title{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2;margin:0}.wn-title,.wn-version{font-family:Poppins,sans-serif}.wn-version{color:var(--text-secondary);font-size:13px;font-weight:500}.wn-body{flex:1 1;overflow-y:auto;padding:16px 24px}.wn-section{margin-bottom:16px}.wn-section:last-child{margin-bottom:0}.wn-section-label{align-items:center;color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;gap:6px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.wn-section-label svg{color:#ffab4d}.wn-list{list-style:none;margin:0;padding:0}.wn-list li{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;line-height:1.5;padding:5px 0 5px 16px;position:relative}.wn-list li:before{background:#ffab4d;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:12px;width:6px}.wn-list--compact li{color:var(--text-secondary);font-size:13px;padding:3px 0 3px 16px}.wn-list--compact li:before{background:#d9d8d6;background:var(--border-light,#d9d8d6);height:4px;top:11px;width:4px}.wn-more{color:#ffab4d!important;cursor:pointer;font-size:12px!important;font-style:italic}.wn-more:hover{text-decoration:underline}.wn-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:flex-end;padding:16px 24px}.wn-btn{align-items:center;background:#ffab4d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:10px 24px;transition:background .15s}.wn-btn:hover{background:#f59e3b}.wn-past{margin-top:24px;padding-top:4px}.wn-past-divider{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.08em;margin:8px 0 14px;padding-top:16px;text-transform:uppercase}.wn-past-divider svg{color:#ffab4d}.wn-past-release{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;margin-bottom:8px;overflow:hidden}.wn-past-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:space-between;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.wn-past-header:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.wn-past-header--open{background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb)}.wn-past-header-info{align-items:center;display:flex;gap:10px;min-width:0}.wn-past-version{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.wn-past-date{font-size:12px}.wn-past-date,.wn-past-toggle{color:var(--text-secondary);font-family:Poppins,sans-serif}.wn-past-toggle{flex-shrink:0;font-size:18px;font-weight:600;line-height:1;text-align:center;width:20px}.wn-past-content{background:#fff;background:var(--bg-primary,#fff);padding:14px 16px 4px}.wn-past-content .wn-section{margin-bottom:12px}.wn-past-content .wn-section:last-child{margin-bottom:0}.wn-past-content .wn-section-label{font-size:11px;margin-bottom:6px}.dir-page{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);display:flex;flex-direction:column;height:100%}.dir-content{flex:1 1;overflow-y:auto;padding:24px 32px}.dir-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px}.dir-filters,.dir-search{align-items:center;display:flex}.dir-search{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;flex:1 1;gap:8px;max-width:480px;min-width:240px;padding:8px 14px}.dir-search input{background:#0000;border:none;flex:1 1;font-size:14px}.dir-role-filter,.dir-search input{color:var(--text-primary);font-family:Poppins,sans-serif;outline:none}.dir-role-filter{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d8d6;border:1px solid var(--border-light,#d9d8d6);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px}.dir-role-filter:focus{border-color:#ffab4d}.dir-count{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-left:auto}.dir-empty,.dir-loading{align-items:center;color:var(--text-secondary);display:flex;font-family:Aleo,serif;font-size:14px;height:200px;justify-content:center}.dir-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dir-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .15s}.dir-card:hover{border-color:#ffab4d;box-shadow:0 4px 12px #ffab4d1f;transform:translateY(-1px)}.dir-card-avatar{border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.dir-card-avatar--placeholder{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff4713);border:none;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;justify-content:center}.dir-card-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.dir-card-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.dir-card-name,.dir-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-card-title{color:var(--text-secondary);font-family:Aleo,serif;font-size:13px;margin-top:1px}.dir-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dir-card-role{background:#fff8f0;border-radius:12px;color:#ff4713;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;padding:2px 8px}.dir-card-school{align-items:center;color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:11px;gap:3px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-card-school svg{color:#ffab4d;flex-shrink:0}@media (max-width:768px){.dir-content{padding:16px}.dir-grid{grid-template-columns:1fr}.dir-count{margin-left:0;width:100%}}.upv-page{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);display:flex;flex-direction:column;height:100%}.upv-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:24px 32px;width:100%}.upv-empty,.upv-loading{font-family:Aleo,serif;font-size:14px;height:300px}.upv-back-btn,.upv-empty,.upv-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.upv-back-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;cursor:pointer;height:32px;transition:background .15s;width:32px}.upv-back-btn:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb);color:var(--text-primary)}.upv-header-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:14px;display:flex;gap:24px;margin-bottom:18px;padding:28px 32px}.upv-avatar-wrap{flex-shrink:0}.upv-avatar{border:3px solid #e5e7eb;border:3px solid var(--border-light,#e5e7eb);border-radius:50%;height:96px;object-fit:cover;width:96px}.upv-avatar--placeholder{align-items:center;background:linear-gradient(135deg,#ffab4d,#ff4713);color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:38px;font-weight:700;justify-content:center}.upv-header-info{flex:1 1;min-width:0}.upv-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0 0 6px}.upv-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.upv-role-badge{background:#fff8f0;border-radius:20px;color:#ff4713;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:3px 12px}.upv-title{font-family:Aleo,serif;font-size:14px}.upv-school,.upv-title{color:var(--text-secondary)}.upv-school{align-items:center;display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:5px}.upv-school svg{color:#ffab4d}.upv-school a{color:var(--text-secondary);text-decoration:none}.upv-school a:hover{color:#ffab4d;text-decoration:underline}.upv-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;margin-bottom:14px;padding:22px 28px}.upv-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 14px;padding-bottom:8px;text-transform:uppercase}.upv-bio{color:var(--text-primary);font-family:Aleo,serif;font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap}.upv-credential-group{margin-bottom:14px}.upv-credential-group:last-child{margin-bottom:0}.upv-credential-label{align-items:center;color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;gap:6px;margin-bottom:6px}.upv-credential-label svg{color:#ffab4d}.upv-credential-list{list-style:disc;margin:0;padding:0 0 0 22px}.upv-credential-list li{color:var(--text-primary);font-family:Aleo,serif;font-size:14px;line-height:1.7}.upv-credential-list strong{font-family:Poppins,sans-serif;font-weight:600}.upv-year{color:var(--text-secondary);font-size:13px}.upv-connect-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upv-contact-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:10px;padding:12px 16px;text-decoration:none;transition:all .15s}.upv-contact-item:hover{background:#fff8f0;border-color:#ffab4d;color:#ffab4d}.upv-contact-item svg{color:#ffab4d;flex-shrink:0}.upv-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.upv-gallery-img{border-radius:8px;cursor:pointer;height:140px;object-fit:cover;transition:transform .2s;width:100%}.upv-gallery-img:hover{transform:scale(1.02)}.upv-lightbox{align-items:center;background:#000000d9;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:9999}.upv-lightbox img{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%}@media (max-width:768px){.upv-content{padding:16px}.upv-header-card{flex-direction:column;padding:24px;text-align:center}.upv-meta-row,.upv-school{justify-content:center}}.accept-invite-card{max-width:480px}.accept-invite-loading{display:flex;justify-content:center;padding:32px 0}.accept-invite-form{display:flex;flex-direction:column;gap:16px}.accept-invite-form .form-group{gap:6px}.accept-invite-input-plain{padding-left:16px!important}.accept-invite-auth-toggle{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:8px;margin-top:8px;padding:4px}.accept-invite-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.accept-invite-toggle-btn.active,.accept-invite-toggle-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.accept-invite-toggle-btn.active{box-shadow:var(--shadow-sm);font-weight:600}.accept-invite-submit{margin-top:16px}.accept-invite-hint{line-height:1.5;margin:8px 0}.accept-invite-hint,.accept-invite-login-link{color:var(--text-secondary);font-size:13px;text-align:center}.accept-invite-login-link{margin-top:16px}.accept-invite-login-link a{color:#ffab4d;font-weight:600;text-decoration:none}.accept-invite-login-link a:hover{text-decoration:underline}.accept-invite-password-wrapper{align-items:center;display:flex;position:relative}.accept-invite-password-wrapper .input-field{padding-right:48px!important;width:100%}.accept-invite-password-wrapper .password-toggle{position:absolute;right:12px}.accept-invite-google-option{margin-top:8px}.accept-invite-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.accept-invite-checkbox-label input[type=checkbox]{accent-color:#ffab4d;cursor:pointer;height:16px;width:16px}@media (max-width:480px){.accept-invite-card{max-width:100%}.accept-invite-toggle-btn{font-size:12px;padding:8px}}:root{--primary-color:#4a4f55;--primary-dark:#3a3f44;--primary-light:#5a5f65;--secondary-color:#8c88a3;--accent-color:#ffab4d;--highlight-color:#ff4713;--success-color:#0f9d58;--danger-color:#ff4713;--warning-color:#ffab4d;--info-color:#8c88a3;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#eee;--neutral-300:#e0e0e0;--neutral-400:#bdbdbd;--neutral-500:#9e9e9e;--neutral-600:#757575;--neutral-700:#616161;--neutral-800:#424242;--neutral-900:#1f1f1f;--text-primary:#1f1f1f;--text-secondary:#616161;--text-disabled:#bdbdbd;--bg-primary:#fff;--bg-secondary:#f9f9f9;--bg-sidebar:#4a4f55;--border-color:#d9d8d6;--border-light:#d9d8d6;--border-medium:#c5c4c2;--border-dark:#b0afad;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 15px #00000014;--shadow-xl:0 20px 25px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;background-color:var(--bg-secondary);color:#1f1f1f;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600}body,p{font-family:Aleo,Poppins,serif}button{border:none;cursor:pointer;font-family:inherit;font-weight:500;outline:none;transition:background-color .2s ease}button:active{transform:translateY(0)}input,select,textarea{font-family:inherit;font-size:inherit;transition:.25s ease-in-out;transition:var(--transition-normal)}.loading-container{align-items:center;background-color:#f9f9f9;background-color:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:4px solid #d9d8d6;border-top-color:#4a4f55;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#616161;color:var(--text-secondary);font-size:16px;font-weight:500;margin-top:16px}.card{background:#fff;background:var(--bg-primary);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000014;box-shadow:var(--shadow-md);padding:24px}.card:hover{box-shadow:0 10px 15px #00000014;box-shadow:var(--shadow-lg);transition:.25s ease-in-out;transition:var(--transition-normal)}.text-primary{color:#1f1f1f;color:var(--text-primary)}.text-secondary{color:#616161;color:var(--text-secondary)}.text-success{color:#0f9d58;color:var(--success-color)}.text-danger{color:#ff4713;color:var(--danger-color)}.text-warning{color:#ffab4d;color:var(--warning-color)}table.zebra-rows tbody tr:nth-child(2n){background-color:#ffab4d24}table.zebra-rows tbody tr:hover{background-color:#ffab4d47}:root{--naums-select-chevron:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23616161' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.naums-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23616161' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-image:var(--naums-select-chevron);background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:Aleo,Poppins,serif;font-size:14px;font-weight:500;min-height:40px;outline:none;padding:10px 32px 10px 12px;transition:var(--transition-normal)}.naums-select:hover{border-color:var(--border-medium)}.naums-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffab4d26;outline:none}.naums-select:disabled{cursor:not-allowed;opacity:.6}.form-group .naums-select{width:100%}.naums-select--minimal{background:#0000;background-position:right 4px center;border:none;min-height:auto;padding:0 20px 0 0}.naums-select--minimal:hover{border:none}.naums-select--minimal:focus{border:none;box-shadow:none}.naums-dropdown-menu{animation:naums-dropdown-in .2s ease;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;overflow:hidden;z-index:1000}@keyframes naums-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.naums-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:var(--transition-fast);width:100%}.naums-dropdown-item:hover{background:var(--bg-secondary)}.naums-dropdown-divider{background:var(--border-light);border:none;height:1px;margin:4px 0}
/*# sourceMappingURL=main.a776519f.css.map*/