@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--canvas-bg:#0b0f19;--surface-bg:#111728;--card-bg:#131b2e;--card-bg-soft:#172138;--card-hover-bg:#1b2640;--border-color:#ffffff14;--border-color-light:#ffffff24;--text-main:#fff;--text-muted:#8e9db7;--text-sub:#64748b;--accent-color:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--blue-color:#38bdf8;--sidebar-width:260px;--sidebar-collapsed-width:72px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100%;min-height:100%;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .2s,color .2s;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin,.btn-spinner{animation:.8s linear infinite spin!important}[data-reduce-animations=true] *,[data-reduce-animations=true] :before,[data-reduce-animations=true] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-hide-scrollbars=true] *{scrollbar-width:none!important;-ms-overflow-style:none!important}[data-hide-scrollbars=true] ::-webkit-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}[data-hide-scrollbars=true] body::-webkit-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}[data-hide-scrollbars=true] ::-webkit-scrollbar{display:none!important}[data-compact=true] .creator-kpi-card{padding:10px 8px 6px!important}[data-compact=true] .timeline-item{padding:6px 10px!important}[data-compact=true] .creator-dashboard{gap:14px!important}[data-high-contrast=true]{--border-color:#ffffff47!important;--border-color-light:#ffffff73!important}[data-theme=light][data-high-contrast=true]{--border-color:#64748b!important;--border-color-light:#334155!important}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.mobile-app-bottom-bar{background:var(--surface-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color-light);z-index:150;justify-content:space-around;align-items:center;width:100vw;height:64px;padding:0 12px;display:none;position:fixed;bottom:0;left:0}.mob-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:600;transition:all .12s;display:flex}.mob-nav-btn.active{color:var(--accent-color)}.erp-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.erp-modal-window{background:var(--surface-bg);border:1px solid var(--border-color-light);border-radius:16px;width:100%;max-width:500px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 24px 60px #000000b3}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-top-bar{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-top-bar h3{color:var(--text-main);font-size:.95rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.modal-inner-body{padding:18px}.modal-sub-info{color:var(--text-muted);margin-bottom:12px;font-size:.82rem}.quick-attendance-picker{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.att-sample-row{background:var(--card-bg);color:var(--text-main);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.82rem;display:flex}.status-options{gap:5px;display:flex}.att-pill{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600}.att-pill.active-p{background:var(--success-color);color:#fff;border-color:#0000}.att-pill.active-a{background:var(--danger-color);color:#fff;border-color:#0000}.modal-submit-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:40px;font-size:.86rem;font-weight:700}.modal-submit-btn.wa-submit{background:#25d366;box-shadow:0 4px 16px #25d36659}.whatsapp-preview-card{background:#25d36614;border:1px solid #25d36633;border-radius:10px;margin:12px 0;padding:10px 12px}.wa-header{color:#25d366;align-items:center;gap:6px;margin-bottom:5px;font-size:.8rem;font-weight:700;display:flex}.wa-body{color:var(--text-main);font-size:.8rem;line-height:1.35}.modal-input-field{background:var(--card-bg);border:1px solid var(--border-color);width:100%;height:40px;color:var(--text-main);border-radius:8px;outline:none;margin:12px 0;padding:0 12px;font-size:.86rem}.insight-card-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;padding:10px}.insight-card-item strong{color:var(--text-main);font-size:.85rem}.insight-card-item p{color:var(--text-muted);margin-top:3px;font-size:.78rem;line-height:1.3}.placeholder-page{background:var(--surface-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:32px;display:flex}.placeholder-page h2{color:var(--text-main);margin-bottom:8px;font-size:1.5rem}.placeholder-page p{color:var(--text-muted);font-size:.9rem}@media (max-width:992px){.mobile-app-bottom-bar{display:flex}}