:root{--navy: #081225;--navy-mid: #0F1E35;--navy-light: #152844;--blue: #2563EB;--blue-light: #3B82F6;--blue-soft: rgba(37,99,235,.08);--teal: #14B8A6;--teal-light: #2DD4BF;--teal-soft: rgba(20,184,166,.1);--emerald: #10B981;--emerald-soft: rgba(16,185,129,.1);--purple: #8B5CF6;--purple-soft: rgba(139,92,246,.1);--amber: #F59E0B;--amber-soft: rgba(245,158,11,.1);--red: #EF4444;--red-soft: rgba(239,68,68,.1);--green: #22C55E;--green-soft: rgba(34,197,94,.1);--gold: #F59E0B;--gold-light: #FCD34D;--teal-light-v1: #2DD4BF;--gray-800-v1: #0F172A;--bg: #F5F7FB;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #64748B;--gray-800: #0F172A;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--sidebar-w: 240px;--topbar-h: 60px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 6px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 24px 64px rgba(0,0,0,.14);--border: 1px solid var(--gray-200)}[data-theme=dark]{--bg: #0B0F1A;--white: #111827;--gray-50: #141B2D;--gray-100: #1A2235;--gray-200: #243048;--gray-300: #2E3D58;--gray-400: #4B6080;--gray-500: #6B7FA0;--gray-600: #8899B8;--gray-800: #E2E8F0;--shadow-sm: 0 1px 6px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--blue-light);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}h1{font-size:26px;font-weight:700;color:var(--gray-800);letter-spacing:-.02em}h2{font-size:20px;font-weight:700;color:var(--gray-800);letter-spacing:-.01em}h3{font-size:15px;font-weight:600;color:var(--gray-800)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes loginFloat{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-30px) scale(1.08)}}@keyframes slideIn{0%{transform:translate(-8px);opacity:0}to{transform:none;opacity:1}}#app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:200;transition:transform .3s cubic-bezier(.22,1,.36,1);border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.sidebar-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue) 0%,var(--teal) 100%);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden}.sidebar-logo img{width:100%;height:100%;object-fit:cover;border-radius:10px}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-text h2{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.1}.sidebar-brand-text span{font-size:10px;color:#ffffff59;letter-spacing:.04em;text-transform:uppercase;margin-top:1px}.sidebar-user{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s}.sidebar-user:hover{background:#ffffff0a}.sidebar-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--teal) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.12)}.sidebar-user-info{flex:1;min-width:0}.sidebar-name{font-size:13px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-role{font-size:10.5px;color:#fff6;text-transform:capitalize;margin-top:1px}.sidebar-role-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:20px;font-size:9.5px;font-weight:700;background:#2563eb40;color:var(--blue-light);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{list-style:none;flex:1;padding:10px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:#ffffff8c;cursor:pointer;transition:all .15s;margin-bottom:2px;position:relative}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#2563eb2e;color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--blue-light);border-radius:0 3px 3px 0;margin-left:-12px}.nav-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center}.nav-section{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff3;padding:12px 12px 4px;margin-top:4px}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}.sidebar-footer-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:#ffffff73;background:none;border:none;cursor:pointer;transition:all .15s;width:100%;text-align:left}.sidebar-footer-btn:hover{background:#ffffff12;color:#fff}.sidebar-footer-btn.danger:hover{background:#ef44441f;color:#fca5a5}.theme-switch{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:#ffffff73}.switch{width:36px;height:20px;background:#ffffff26;border-radius:10px;position:relative;cursor:pointer;transition:background .25s}.switch.on{background:var(--blue)}.switch-thumb{position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .25s}.switch.on .switch-thumb{transform:translate(16px)}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--white);border-bottom:var(--border);height:var(--topbar-h);padding:0 24px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.topbar-toggle{display:none;background:none;border:none;font-size:20px;color:var(--gray-500);padding:4px}.topbar-search{flex:1;max-width:400px;display:flex;align-items:center;gap:8px;background:var(--gray-100);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:7px 12px;transition:all .2s;cursor:text}.topbar-search:focus-within{background:var(--white);border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.topbar-search input{flex:1;background:none;border:none;outline:none;font-size:13.5px;color:var(--gray-800)}.topbar-search input::placeholder{color:var(--gray-400)}.topbar-search-icon{color:var(--gray-400);font-size:14px;flex-shrink:0}.topbar-search-kbd{font-size:10px;color:var(--gray-400);background:var(--gray-200);border-radius:4px;padding:1px 5px;white-space:nowrap}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:none;border:none;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--gray-500);cursor:pointer;position:relative;transition:all .15s}.topbar-icon-btn:hover{background:var(--gray-100);color:var(--gray-800)}.topbar-notif-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--red);border:1.5px solid var(--white)}.topbar-avatar-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:var(--radius);background:none;border:1.5px solid var(--gray-200);cursor:pointer;transition:all .15s}.topbar-avatar-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.topbar-user-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.topbar-user-name{font-size:12.5px;font-weight:600;color:var(--gray-800)}.page{display:none;padding:28px;animation:fadeIn .22s ease;width:100%}.page.active{display:block}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-sub{font-size:13px;color:var(--gray-500);margin-top:3px}.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:var(--border);box-shadow:var(--shadow-sm);padding:20px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.clickable{cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card.blue:before{background:linear-gradient(90deg,var(--blue),var(--blue-light))}.stat-card.teal:before{background:linear-gradient(90deg,var(--teal),var(--teal-light))}.stat-card.emerald:before{background:linear-gradient(90deg,var(--emerald),#34D399)}.stat-card.amber:before{background:linear-gradient(90deg,var(--amber),#FCD34D)}.stat-card.red:before{background:linear-gradient(90deg,var(--red),#F87171)}.stat-card.purple:before{background:linear-gradient(90deg,var(--purple),#A78BFA)}.stat-card.green:before{background:linear-gradient(90deg,var(--green),#4ADE80)}.stat-card.navy:before{background:linear-gradient(90deg,var(--navy),var(--navy-mid))}.stat-card.gold:before{background:linear-gradient(90deg,#c8943a,#e8b85c)}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.stat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon-wrap.blue{background:var(--blue-soft)}.stat-icon-wrap.teal{background:var(--teal-soft)}.stat-icon-wrap.emerald{background:var(--emerald-soft)}.stat-icon-wrap.amber{background:var(--amber-soft)}.stat-icon-wrap.red{background:var(--red-soft)}.stat-icon-wrap.purple{background:var(--purple-soft)}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-500);margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:var(--gray-800);letter-spacing:-.02em;line-height:1}.stat-sub{font-size:12px;color:var(--gray-500);margin-top:4px}.stat-sparkline{margin-top:14px}.stat-sparkline svg{width:100%;height:36px;display:block}.stat-trend{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:20px;margin-top:5px}.stat-trend.up{background:var(--green-soft);color:#16a34a}.stat-trend.down{background:var(--red-soft);color:var(--red)}.stat-trend.flat{background:var(--gray-100);color:var(--gray-500)}.dash-hero{margin-bottom:24px}.dash-hero h1{font-size:24px;font-weight:700;color:var(--gray-800);margin-bottom:4px}.dash-hero p{font-size:13.5px;color:var(--gray-500)}.dash-hero-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.dash-date-chip{display:flex;align-items:center;gap:7px;background:var(--white);border:var(--border);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;color:var(--gray-600);box-shadow:var(--shadow-xs)}.dash-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;margin-bottom:20px}@media (max-width: 1024px){.dash-grid{grid-template-columns:1fr}}@media (max-width: 1440px){:root{--sidebar-w: 210px}.page{padding:20px 24px}.dash-grid{grid-template-columns:1fr 300px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:var(--radius);background:var(--white);border:var(--border);cursor:pointer;transition:all .18s;text-align:center;box-shadow:var(--shadow-xs)}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--blue)}.qa-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px}.qa-label{font-size:11.5px;font-weight:600;color:var(--gray-600);line-height:1.3}.panel{background:var(--white);border-radius:var(--radius-lg);border:var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{padding:14px 20px;border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-title{font-size:14px;font-weight:700;color:var(--gray-800)}.panel-sub{font-size:12px;color:var(--gray-500);margin-top:1px}.panel-view-all{font-size:12.5px;font-weight:600;color:var(--blue);background:none;border:none;cursor:pointer;transition:color .15s}.panel-view-all:hover{color:var(--blue-light)}.attention-panel{background:var(--white);border-radius:var(--radius-lg);border:var(--border);border-left:4px solid var(--red);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.att-title{font-size:13px;font-weight:700;color:var(--red);margin-bottom:10px;display:flex;align-items:center;gap:8px}.att-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--gray-100);font-size:13px}.att-overdue-badge{font-size:10.5px;font-weight:700;background:var(--red-soft);color:var(--red);padding:2px 8px;border-radius:20px;flex-shrink:0}.dash-alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}.dash-alert.red{background:var(--red-soft);border:1px solid rgba(239,68,68,.2);color:#dc2626}.dash-alert.amber{background:var(--amber-soft);border:1px solid rgba(245,158,11,.2);color:#d97706}.member-id-pill{background:var(--navy);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.member-id-pill code{color:var(--teal-light)}.contributor-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.contributor-row:last-child{border-bottom:none}.contributor-rank{width:20px;font-size:13px;font-weight:700;color:var(--gray-400);text-align:center;flex-shrink:0}.contributor-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.contributor-info{flex:1;min-width:0}.contributor-name{font-size:13px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contributor-bar-wrap{height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden;margin-top:4px}.contributor-bar-fill{height:100%;border-radius:2px;background:var(--blue);transition:width .8s ease}.contributor-amount{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap;flex-shrink:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:var(--gray-50);padding:10px 14px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);text-align:left;border-bottom:var(--border);white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid var(--gray-100);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}.amount{text-align:left;font-variant-numeric:tabular-nums;font-weight:600}.synthetic-row td{opacity:.65;background:#f59e0b08}.selected td{background:#2563eb0a!important}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.22,1,.36,1);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-light);border-color:var(--blue-light);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:var(--white);color:var(--gray-700, #374151);border-color:var(--gray-200)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}.btn-ghost{background:transparent;color:var(--gray-500);border-color:transparent}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:5px 11px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.btn-icon{padding:7px;border-radius:var(--radius-sm);background:var(--gray-100);border:var(--border);color:var(--gray-500);transition:all .15s}.btn-icon:hover{background:var(--gray-200);color:var(--gray-800)}.input{padding:9px 13px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;color:var(--gray-800);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none;width:100%}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}.input[readonly]{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}textarea.input{resize:vertical}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-green{background:var(--green-soft);color:#16a34a}.badge-amber{background:var(--amber-soft);color:#d97706}.badge-red{background:var(--red-soft);color:#dc2626}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-teal{background:var(--teal-soft);color:#0d9488}.badge-navy{background:#08122514;color:var(--navy)}.badge-purple{background:var(--purple-soft);color:#7c3aed}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-gold{background:var(--amber-soft);color:#d97706}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.filter-bar .input{max-width:220px}.bulk-bar{background:var(--navy);color:#fff;padding:10px 18px;border-radius:var(--radius);margin-bottom:12px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.bulk-bar .btn{border-color:#ffffff40;color:#fff}.bulk-bar .btn:hover{background:#ffffff1a}.action-menu-wrap{position:relative;display:inline-block}.action-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:500;background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:164px;overflow:hidden}.action-item{display:block;width:100%;padding:9px 14px;text-align:left;font-size:13px;background:none;border:none;color:var(--gray-800);cursor:pointer;transition:background .12s}.action-item:hover{background:var(--gray-50)}.action-item.danger{color:var(--red)}.action-item.danger:hover{background:var(--red-soft)}.action-divider{height:1px;background:var(--gray-100);margin:3px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08122580;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;animation:fadeUp .25s cubic-bezier(.22,1,.36,1)}.modal-card-lg{max-width:680px}.modal-header{padding:18px 24px;border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:16px;font-weight:700}.modal-close{background:var(--gray-100);border:none;font-size:16px;color:var(--gray-500);cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--gray-200);color:var(--gray-800)}.modal-body{padding:22px 24px}.modal-footer{padding:16px 24px;border-top:var(--border);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field label{display:block;font-size:11.5px;font-weight:700;color:var(--gray-500);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:var(--navy);color:#fff;padding:11px 22px;border-radius:30px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{background:#15803d}.toast.error{background:#dc2626}.toast.warning{background:#d97706}.notif-badge{background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;margin-left:auto}.notif-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--gray-100)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:var(--blue-soft);border-radius:var(--radius);padding:14px 10px}.notif-icon{font-size:20px;flex-shrink:0}.notif-msg{font-size:13.5px;color:var(--gray-800);margin-bottom:4px;line-height:1.5}.notif-time{font-size:11px;color:var(--gray-400)}.empty-state{padding:40px;text-align:center}.empty-icon{font-size:36px;margin-bottom:10px}.empty-state p{font-size:13px;color:var(--gray-400)}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.lb-row:last-child{border-bottom:none}.lb-medal{font-size:22px;width:28px;text-align:center;flex-shrink:0}.lb-rank{width:28px;text-align:center;font-size:13px;font-weight:700;color:var(--gray-400);flex-shrink:0}.lb-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.lb-info{flex:1;min-width:0}.lb-name{font-size:14px;font-weight:600;color:var(--gray-800)}.lb-meta{font-size:11.5px;color:var(--gray-400);margin-top:1px}.lb-bar-wrap{height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden;margin-top:5px}.lb-bar-fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.22,1,.36,1)}.lb-amount{text-align:right;flex-shrink:0}.lb-total{font-size:15px;font-weight:700}.lb-pct{font-size:11px;color:var(--gray-400);margin-top:2px}.profile-card{padding:0}.profile-top{display:flex;align-items:center;gap:20px;padding:28px;border-bottom:var(--border)}.profile-avatar-lg{width:72px;height:72px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-name{font-size:22px;font-weight:700;color:var(--gray-800)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-field{padding:16px 28px;border-bottom:1px solid var(--gray-100)}.profile-field span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-bottom:4px;font-weight:600}.profile-field strong{font-size:14px;color:var(--gray-800);font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}#onboarding-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:40px 16px 60px}.ob-card{width:100%;max-width:520px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:var(--border)}.ob-header{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);padding:24px 28px;display:flex;align-items:center;gap:14px}.ob-logo{width:44px;height:44px;border-radius:12px;border:1.5px solid rgba(37,99,235,.5);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:#ffffff0d}.ob-logo img{width:100%;height:100%;object-fit:cover}.ob-org{font-size:18px;font-weight:700;color:#fff}.ob-tag{font-size:10px;color:#fff6;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.ob-body-wrap{padding:28px}.ob-intro{margin-bottom:22px}.ob-intro h2{font-size:22px;font-weight:700;color:var(--gray-800);margin-bottom:8px}.ob-intro p{font-size:13.5px;color:var(--gray-500);line-height:1.7}.ob-field{margin-bottom:16px}.ob-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-bottom:5px}.ob-field input{width:100%;padding:10px 13px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13.5px;color:var(--gray-800);transition:border-color .2s,box-shadow .2s;outline:none;background:var(--white)}.ob-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}.ob-field input[readonly]{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.ob-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ob-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin:20px 0 12px;padding-bottom:5px;border-bottom:var(--border)}.ob-commitment-box{background:var(--gray-50);border:var(--border);border-radius:var(--radius);padding:14px;margin-bottom:18px}.ob-commitment-box p{font-size:12.5px;color:var(--gray-500);line-height:1.7;margin-bottom:10px}.ob-check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.ob-check-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--blue)}.ob-check-row span{font-size:13px;color:var(--gray-700,#374151);line-height:1.5}.ob-submit{width:100%;padding:13px;border-radius:var(--radius);background:var(--blue);border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #2563eb4d}.ob-submit:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 8px 24px #2563eb59}.ob-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}#login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);position:relative;overflow:hidden}#login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(37,99,235,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(20,184,166,.18) 0%,transparent 55%)}#login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.login-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:loginFloat 10s ease-in-out infinite alternate}.login-orb-1{width:320px;height:320px;background:#2563eb33;top:-80px;right:-60px;animation-duration:11s}.login-orb-2{width:220px;height:220px;background:#14b8a626;bottom:-40px;left:-40px;animation-duration:9s;animation-delay:-3s}.login-orb-3{width:160px;height:160px;background:#8b5cf61f;bottom:20%;right:10%;animation-duration:13s;animation-delay:-6s}.login-card{position:relative;z-index:10;width:430px;max-width:95vw;background:#ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:40px 36px 32px;box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff1a;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both}.login-card:before{content:"";position:absolute;top:0;left:36px;right:36px;height:2px;background:linear-gradient(90deg,transparent,var(--blue-light),var(--teal),transparent);border-radius:0 0 2px 2px}.login-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--teal));border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 16px #2563eb66}.login-logo img{width:100%;height:100%;object-fit:cover;border-radius:10px}.login-logo-text{display:flex;flex-direction:column}.login-logo-name{font-size:17px;font-weight:700;color:#fff;line-height:1.1}.login-logo-tagline{font-size:10px;color:#fff6;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.login-heading{margin-bottom:24px}.login-heading h1{font-size:30px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:6px;letter-spacing:-.02em}.gold-text{background:linear-gradient(135deg,var(--teal-light) 0%,var(--blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-heading p{font-size:13px;color:#ffffff73;line-height:1.6}.google-btn{width:100%;padding:12px 20px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#ffffff0f;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.google-btn:hover{background:#ffffff1c;border-color:#2563eb80;transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{font-size:11px;color:#ffffff4d;white-space:nowrap}.login-field{margin-bottom:13px}.login-field label{display:block;font-size:11px;font-weight:700;color:#ffffff80;margin-bottom:5px;letter-spacing:.05em;text-transform:uppercase}.login-field input{width:100%;padding:11px 13px;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none}.login-field input::placeholder{color:#fff3}.login-field input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb1a}.login-field-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.login-field-row label{margin-bottom:0}.forgot-link{font-size:11px;color:var(--teal-light);opacity:.8;background:none;border:none;cursor:pointer;padding:0}.forgot-link:hover{opacity:1}.login-submit{width:100%;padding:12px;border-radius:var(--radius);background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%);border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-top:4px;transition:all .2s;box-shadow:0 4px 16px #2563eb59}.login-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2563eb73}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-msg{margin-top:12px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;display:none}.login-msg.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.login-msg.info{background:#2563eb1f;border:1px solid rgba(37,99,235,.3);color:#93c5fd}.login-msg.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}.login-footer{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:#fff3;text-align:center;line-height:1.6}.login-footer a{color:#2dd4bf99}.login-footer a:hover{color:var(--teal-light)}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;font-size:12px;color:#fff6;background:none;border:none;cursor:pointer;transition:color .15s}.back-link:hover{color:var(--teal-light)}.login-status-screen{text-align:center;padding:12px 0}.login-status-screen .status-icon{font-size:42px;margin-bottom:14px}.login-status-screen h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}.login-status-screen p{font-size:13px;color:#ffffff73;line-height:1.7}.status-sign-out{margin-top:22px;padding:9px 22px;border-radius:var(--radius);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:13px;cursor:pointer;transition:all .2s}.status-sign-out:hover{background:#ffffff1a;color:#fff}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:190}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-overlay.open{display:block}.main-content{margin-left:0}.topbar-toggle{display:flex}.topbar-search{display:none}.page{padding:16px}.form-grid,.ob-row,.dash-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}.analytics-header{margin-bottom:24px}.analytics-header h1{font-size:24px;font-weight:700}.analytics-header p{font-size:13px;color:var(--gray-500);margin-top:4px}.analytics-tabs{display:flex;gap:0;border-bottom:var(--border);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.analytics-tabs::-webkit-scrollbar{display:none}.analytics-tab{padding:11px 18px;font-size:13px;font-weight:500;color:var(--gray-500);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .18s;background:none;border-top:none;border-left:none;border-right:none;display:flex;align-items:center;gap:6px}.analytics-tab:hover{color:var(--gray-800)}.analytics-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.analytics-panel{display:none}.analytics-panel.active{display:block;animation:fadeIn .2s ease}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.an-stat{background:var(--white);border-radius:var(--radius-lg);border:var(--border);padding:18px 20px;box-shadow:var(--shadow-sm)}.an-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:6px}.an-stat-value{font-size:26px;font-weight:700;color:var(--gray-800);letter-spacing:-.02em;line-height:1}.an-stat-sub{font-size:11px;color:var(--gray-400);margin-top:4px}.an-card{background:var(--white);border-radius:var(--radius-lg);border:var(--border);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:20px}.an-card-header{padding:14px 20px;border-bottom:var(--border);border-left:3px solid var(--blue);display:flex;align-items:center;justify-content:space-between}.an-card-title{font-size:14px;font-weight:700;color:var(--gray-800)}.an-card-sub{font-size:12px;color:var(--gray-400);margin-top:2px}.an-card-body{padding:20px 22px}.heatmap-wrap{overflow-x:auto}.heatmap-table{border-collapse:collapse;min-width:100%}.heatmap-table th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);padding:6px 8px;text-align:center;white-space:nowrap}.heatmap-table td.member-name{font-size:12.5px;font-weight:700;color:var(--gray-800);padding:6px 12px 6px 0;white-space:nowrap;min-width:100px}.hm-cell{height:32px;border-radius:5px;display:table-cell;text-align:center;vertical-align:middle;font-size:13px;font-weight:600;cursor:default;transition:transform .12s;padding:0 4px}.hm-cell:hover{transform:scale(1.15)}.hm-paid{background:#22c55e26;color:#16a34a}.hm-pending{background:#f59e0b26;color:#d97706}.hm-overdue{background:#ef444426;color:#dc2626}.hm-none{background:var(--gray-100);color:var(--gray-400)}.hm-legend{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.hm-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--gray-500)}.hm-legend-dot{width:14px;height:14px;border-radius:3px}.aging-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.aging-label{width:90px;font-size:12.5px;font-weight:600;color:var(--gray-600);flex-shrink:0}.aging-bar-wrap{flex:1;height:28px;background:var(--gray-100);border-radius:6px;overflow:hidden}.aging-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding-left:10px;font-size:11.5px;font-weight:700;color:#fff;transition:width .8s cubic-bezier(.22,1,.36,1)}.aging-count{font-size:13px;font-weight:700;color:var(--gray-800);width:32px;text-align:right;flex-shrink:0}.aging-amount{font-size:12px;color:var(--gray-400);width:100px;text-align:right;flex-shrink:0}.rely-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rely-rank{width:24px;font-size:12px;font-weight:700;color:var(--gray-400);flex-shrink:0;text-align:right}.rely-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.rely-info{flex:1;min-width:0}.rely-name{font-size:13px;font-weight:600;color:var(--gray-800);margin-bottom:4px;display:flex;justify-content:space-between}.rely-pct{font-size:12px;font-weight:700}.rely-bar-wrap{height:6px;background:var(--gray-100);border-radius:4px;overflow:hidden}.rely-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.22,1,.36,1)}.streak-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.streak-row:last-child{border-bottom:none}.streak-medal{font-size:22px;width:28px;text-align:center;flex-shrink:0}.streak-rank{width:28px;font-size:13px;font-weight:700;color:var(--gray-400);text-align:center;flex-shrink:0}.streak-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.streak-info{flex:1}.streak-name{font-size:13.5px;font-weight:600;color:var(--gray-800)}.streak-meta{font-size:11.5px;color:var(--gray-400);margin-top:1px}.streak-count{text-align:right;flex-shrink:0}.streak-num{font-size:26px;font-weight:700;line-height:1}.streak-label{font-size:10px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.forecast-legend{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}.forecast-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--gray-500)}.forecast-dot{width:12px;height:12px;border-radius:2px}.sidebar-ann-section{padding:10px 12px 6px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.sidebar-ann-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar-ann-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d}.sidebar-ann-badge{background:var(--blue);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px}.ann-sidebar-item{padding:8px 10px;border-radius:8px;margin-bottom:5px;background:#ffffff0d;cursor:pointer;transition:background .15s;border-left:2px solid transparent}.ann-sidebar-item:hover{background:#ffffff17}.ann-sidebar-item.pinned{border-left-color:var(--blue)}.ann-sidebar-cat{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.ann-sidebar-title{font-size:12px;color:#ffffffbf;line-height:1.4;font-weight:500}.ann-sidebar-date{font-size:10px;color:#ffffff4d;margin-top:3px}.ann-sidebar-empty{font-size:11.5px;color:#ffffff40;padding:8px 10px}.ann-cat-general{color:#60a5fa}.ann-cat-event{color:#34d399}.ann-cat-reminder{color:#fbbf24}.ann-cat-urgent{color:#f87171}.ann-card{background:var(--white);border-radius:var(--radius-lg);border:var(--border);box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden;transition:box-shadow .2s}.ann-card:hover{box-shadow:var(--shadow-md)}.ann-card.ann-pinned{border-left:4px solid var(--blue)}.ann-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;gap:10px;flex-wrap:wrap}.ann-card-body{padding:0 18px 14px}.ann-card-footer{padding:10px 18px;border-top:var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--gray-400);gap:8px;background:var(--gray-50)}.ann-cat{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--gray-100)}.ann-cat.ann-cat-general{background:#60a5fa1f;color:#2563eb}.ann-cat.ann-cat-event{background:#34d3991f;color:#059669}.ann-cat.ann-cat-reminder{background:#fbbf241f;color:#d97706}.ann-cat.ann-cat-urgent{background:#f871711f;color:#dc2626}.ann-pin-badge{font-size:10.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);padding:2px 8px;border-radius:20px}.ann-title{font-size:17px;font-weight:700;color:var(--gray-800);margin-bottom:10px;line-height:1.3}.ann-body{font-size:14px;color:var(--gray-600);line-height:1.75;white-space:pre-wrap}