*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-navy-deep:#121d27;--brand-navy:#162432;--brand-navy-light:#1e3245;--brand-navy-border:#253c52;--brand-mint:#34d399;--brand-mint-bright:#4ade80;--brand-mint-soft:#34d39926;--brand-mint-glow:#34d39947;--brand-mint-hover:#2ec48b;--bg-base:#f3f6f9;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f8fafc;--bg-hover:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#10b981;--accent-light:#34d399;--accent-soft:#10b9811f;--accent-glow:#10b98140;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#ef4444;--danger-soft:#fef2f2;--info:#0ea5e9;--info-soft:#f0f9ff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--sidebar-w:240px;--topbar-h:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 14px #16243214;--shadow-lg:0 10px 30px #1624321f}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--brand-navy);border-right:1px solid var(--brand-navy-border);color:#f8fafc;z-index:10;flex-direction:column;flex-shrink:0;transition:width .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar.collapsed{width:70px}.sidebar-brand{border-bottom:1px solid var(--brand-navy-border);background:var(--brand-navy-deep);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:12px;height:64px;min-height:64px;padding:0 16px;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-brand{flex-direction:row;justify-content:center;align-items:center;gap:0;height:64px;min-height:64px;padding:0 6px}.sidebar-brand-main{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.sidebar.collapsed .sidebar-brand-main{justify-content:center;width:auto}.sidebar-collapse-btn{color:#94a3b8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .16s;display:inline-flex}.sidebar-collapse-btn:hover{color:var(--brand-mint);background:#34d3992e;border-color:#34d39959;transform:scale(1.05)}.sidebar.collapsed .sidebar-collapse-btn{width:32px;height:26px}.brand-logo-img{object-fit:contain;border-radius:8px;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #0000004d}.sidebar.collapsed .brand-logo-img{width:32px;height:32px}.brand-name{color:#fff;letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.2}.brand-sub{color:#94a3b8;white-space:nowrap;margin-top:2px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:12px;padding:14px 10px;transition:padding .2s;display:flex;overflow:hidden auto}.sidebar.collapsed .sidebar-nav{gap:10px;padding:12px 6px}.sidebar-nav-group{flex-direction:column;gap:3px;display:flex}.sidebar.collapsed .sidebar-nav-group{gap:6px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.09em;color:#64748b;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:4px 12px 6px;font-size:10.5px;font-weight:700}.sidebar.collapsed .sidebar-section-label{background:#ffffff14;height:1px;margin:4px 10px;padding:0;font-size:0;overflow:hidden}.sidebar.collapsed .sidebar-section-label span{display:none}.nav-item{color:#cbd5e1;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.nav-item.active{background:var(--brand-mint-soft);color:var(--brand-mint);font-weight:700;box-shadow:0 0 12px #34d3991f}.nav-item svg{flex-shrink:0}.nav-item.active svg{color:var(--brand-mint);filter:drop-shadow(0 0 3px #34d39980)}.sidebar.collapsed .nav-item{border-radius:10px;justify-content:center;width:44px;height:44px;margin:0 auto;padding:0;transform:none}.sidebar.collapsed .nav-item:hover{background:#ffffff1a;transform:scale(1.05)}.sidebar.collapsed .nav-item.active{background:var(--brand-mint-soft);box-shadow:0 0 14px #34d39940}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item svg{width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--brand-navy-border);background:var(--brand-navy-deep);padding:10px 12px}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:10px 6px;display:flex}.sidebar-footer-toggle{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.sidebar-footer-toggle:hover{color:#fff;background:#ffffff0f;border-color:#ffffff14}.sidebar.collapsed .sidebar-footer-toggle{justify-content:center;width:44px;height:40px;margin:0 auto;padding:0}.sidebar.collapsed .sidebar-footer-toggle span{display:none}.topbar-page-icon{background:var(--bg-hover);border:1px solid var(--border);width:34px;height:34px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #0000000a}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);box-sizing:border-box;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.topbar-title{color:var(--text-primary);font-size:15px;font-weight:700}.topbar-subtitle{color:var(--text-muted);margin-left:2px;font-size:13px}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.page-content{flex:1;padding:24px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=400px){.stats-grid{grid-template-columns:1fr;gap:10px}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-height:102px;box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;justify-content:space-between;padding:13px 13px 11px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #10b98129, var(--shadow-md);transform:translateY(-3px)}.stat-card:active{transform:translateY(-1px)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--accent);box-shadow:0 8px 20px #10b98129, var(--shadow-md)}.stat-card-header{justify-content:space-between;align-items:center;gap:6px;width:100%;margin-bottom:8px;display:flex}.stat-card-body{flex-direction:column;min-width:0;display:flex}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.stat-icon svg{width:17px;height:17px}.stat-icon.purple{color:#8b5cf6;background:#8b5cf61f}.stat-icon.green{background:var(--success-soft);color:var(--success)}.stat-icon.amber{background:var(--warning-soft);color:var(--warning)}.stat-icon.red{background:var(--danger-soft);color:var(--danger)}.stat-icon.blue{background:var(--info-soft);color:var(--info)}.stat-icon.teal,.stat-icon.sky{color:#0d9488;background:#0d94881f}.stat-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:3px;font-size:22px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;place-items:center;padding:5px;line-height:0;transition:all .15s;display:grid}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.badge{text-transform:capitalize;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-planned{background:var(--info-soft);color:var(--info)}.badge-active,.badge-in_progress{background:var(--accent-soft);color:var(--accent)}.badge-completed{background:var(--success-soft);color:var(--success)}.badge-on_hold{background:var(--warning-soft);color:var(--warning)}.badge-cancelled{background:var(--bg-hover);color:var(--text-muted)}.badge-overdue{background:var(--danger-soft);color:var(--danger)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:10px 16px;font-size:11px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}tbody td{color:var(--text-secondary);vertical-align:middle;padding:12px 16px;font-size:13.5px}tbody td.name{color:var(--text-primary);font-weight:600}.progress-wrap{align-items:center;gap:8px;display:flex}.progress-bar{background:var(--border);border-radius:99px;flex:1;height:5px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.progress-fill.green{background:var(--success)}.progress-text{color:var(--text-muted);text-align:right;min-width:30px;font-size:11.5px;font-weight:600}.search-bar{align-items:center;display:flex;position:relative}.search-bar svg{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.search-bar input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:220px;padding:7px 12px 7px 32px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-bar input::placeholder{color:var(--text-muted)}.custom-select-wrap{box-sizing:border-box;font-family:inherit;display:inline-block;position:relative}.custom-select-wrap.full-width{width:100%;display:block}.custom-select-trigger{color:#0f172a;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0f172a0a}.custom-select-trigger:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 4px #0f172a0f}.custom-select-trigger.open,.custom-select-trigger:focus-visible{background-color:#fff;border-color:#172e40;outline:none;box-shadow:0 0 0 3px #172e401f,0 2px 5px #0f172a14}.custom-select-trigger:disabled{opacity:.55;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.custom-select-trigger-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.custom-select-trigger-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.custom-select-trigger-label{white-space:nowrap;text-overflow:ellipsis;color:#0f172a;font-weight:500;overflow:hidden}.custom-select-arrow{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.16,1,.3,1),color .16s;display:inline-flex}.custom-select-arrow.open{color:#172e40;transform:rotate(180deg)}.custom-select-wrap.variant-filter{min-width:165px}.custom-select-wrap.variant-filter .custom-select-trigger{color:#1e293b;border-radius:8px;height:38px;min-height:38px;padding:6px 12px;font-size:13px;font-weight:600}.custom-select-wrap.variant-date-month,.custom-select-wrap.variant-date-year{min-width:unset;display:inline-block}.custom-select-wrap.variant-date-month{width:124px}.custom-select-wrap.variant-date-year{width:88px}.custom-select-wrap.variant-date-month .custom-select-trigger,.custom-select-wrap.variant-date-year .custom-select-trigger{color:#172e40;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;height:32px;min-height:32px;padding:4px 10px;font-size:12.5px;font-weight:600}.custom-select-wrap.variant-date-month .custom-select-trigger:hover,.custom-select-wrap.variant-date-year .custom-select-trigger:hover{background-color:#f8fafc;border-color:#10b981}.custom-select-wrap.variant-date-month .custom-select-trigger-icon,.custom-select-wrap.variant-date-year .custom-select-trigger-icon,.custom-select-menu.variant-date-month .custom-select-item-icon,.custom-select-menu.variant-date-year .custom-select-item-icon{display:none!important}.custom-select-menu.variant-date-month,.custom-select-menu.variant-date-year{max-height:260px;overflow-y:auto}.custom-select-menu.variant-date-month .custom-select-item,.custom-select-menu.variant-date-year .custom-select-item{padding:6px 12px;font-size:12.5px;font-weight:500}.custom-select-wrap.variant-sheet-status .custom-select-trigger{min-height:unset;border:1px solid #0000;border-radius:999px;width:auto;padding:5px 12px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #0000000d}.custom-select-wrap.variant-sheet-status{z-index:10;position:relative}.custom-select-wrap.variant-sheet-status:focus-within{z-index:200}.custom-select-wrap.variant-sheet-status .status-assigned{color:#2e7d32;background-color:#e8f5e9;border-color:#a5d6a7;background-image:none!important}.custom-select-wrap.variant-sheet-status .status-assigned .custom-select-arrow,.custom-select-wrap.variant-sheet-status .status-assigned .custom-select-trigger-icon,.custom-select-wrap.variant-sheet-status .status-assigned .custom-select-trigger-label{color:#2e7d32}.custom-select-wrap.variant-sheet-status .status-unassigned{color:#64748b;background-color:#f8fafc;border-color:#cbd5e1;background-image:none!important}.custom-select-wrap.variant-sheet-status .status-unassigned .custom-select-arrow,.custom-select-wrap.variant-sheet-status .status-unassigned .custom-select-trigger-icon,.custom-select-wrap.variant-sheet-status .status-unassigned .custom-select-trigger-label{color:#64748b}.custom-select-wrap.variant-sheet-status .custom-select-menu,.custom-select-menu.variant-sheet-status{z-index:999999;background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-width:150px;max-width:220px;padding:5px;box-shadow:0 16px 36px -4px #0f172a33,0 4px 12px -2px #0f172a14}.custom-select-wrap.variant-sheet-status .custom-select-item,.custom-select-menu.variant-sheet-status .custom-select-item{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .12s;display:flex}.custom-select-wrap.variant-sheet-status .custom-select-item:last-child,.custom-select-menu.variant-sheet-status .custom-select-item:last-child{margin-bottom:0}.custom-select-wrap.variant-sheet-status .custom-select-item:hover,.custom-select-menu.variant-sheet-status .custom-select-item:hover{background-color:#f1f5f9}.custom-select-wrap.variant-sheet-status .custom-select-item.active,.custom-select-menu.variant-sheet-status .custom-select-item.active{color:#2e7d32;background-color:#e8f5e9}.custom-select-wrap.variant-sheet-project{z-index:10;width:100%;position:relative}.custom-select-wrap.variant-sheet-project:focus-within{z-index:200}.custom-select-wrap.variant-sheet-project .custom-select-trigger{color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:32px;min-height:32px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;box-shadow:0 1px 2px #0000000a}.custom-select-wrap.variant-sheet-project .custom-select-trigger:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.custom-select-wrap.variant-sheet-project .custom-select-trigger.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.custom-select-wrap.variant-sheet-project .project-selected{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe;font-weight:600}.custom-select-wrap.variant-sheet-project .project-selected .custom-select-trigger-icon{color:#2563eb}.custom-select-wrap.variant-sheet-project .project-selected .custom-select-arrow{color:#1d4ed8}.custom-select-wrap.variant-sheet-project .project-other{color:#6d28d9;background-color:#f5f3ff;border-color:#ddd6fe;font-weight:600}.custom-select-wrap.variant-sheet-project .project-other .custom-select-trigger-icon{color:#7c3aed}.custom-select-wrap.variant-sheet-project .project-other .custom-select-arrow{color:#6d28d9}.custom-select-wrap.variant-sheet-project .project-empty{color:#64748b;background-color:#fff;border-color:#cbd5e1}.custom-select-wrap.variant-sheet-project .custom-select-menu,.custom-select-menu.variant-sheet-project{z-index:999999;background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-width:190px;max-width:290px;padding:5px;box-shadow:0 16px 36px -4px #0f172a33,0 4px 12px -2px #0f172a14}.custom-select-wrap.variant-sheet-project .custom-select-item,.custom-select-menu.variant-sheet-project .custom-select-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.custom-select-wrap.variant-sheet-project .custom-select-item:hover,.custom-select-menu.variant-sheet-project .custom-select-item:hover{background-color:#f1f5f9}.custom-select-wrap.variant-sheet-project .custom-select-item.active,.custom-select-menu.variant-sheet-project .custom-select-item.active{color:#1d4ed8;background-color:#eff6ff;font-weight:600}.custom-select-wrap.variant-table-person .custom-select-trigger{min-height:unset;color:var(--text-secondary);border:1px solid var(--border);background-color:var(--bg-elevated);box-shadow:none;border-radius:999px;width:auto;max-width:170px;padding:3px 10px;font-size:11px;font-weight:600}.custom-select-wrap.variant-table-person .custom-select-trigger:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.custom-select-wrap.variant-table-person .custom-select-menu,.custom-select-menu.variant-table-person{z-index:999999;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-width:250px;max-width:360px;padding:6px;box-shadow:0 16px 36px -4px #0f172a33,0 4px 12px -2px #0f172a14}.custom-select-wrap.variant-table-person .custom-select-item,.custom-select-menu.variant-table-person .custom-select-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.custom-select-wrap.variant-table-person .custom-select-item:last-child,.custom-select-menu.variant-table-person .custom-select-item:last-child{margin-bottom:0}.custom-select-wrap.variant-table-person .custom-select-item:hover,.custom-select-menu.variant-table-person .custom-select-item:hover{background-color:#f1f5f9}.custom-select-wrap.variant-table-person .custom-select-item.active,.custom-select-menu.variant-table-person .custom-select-item.active{color:#2563eb;background-color:#eff6ff;font-weight:600}.custom-select-menu{z-index:1200;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:max-content;min-width:100%;max-width:320px;max-height:280px;padding:7px;animation:.16s cubic-bezier(.16,1,.3,1) customSelectMenuIn;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:0 18px 38px -4px #0f172a24,0 6px 14px -2px #0f172a0d}.custom-select-menu.dropup{animation-name:customSelectMenuInDropup;top:auto;bottom:calc(100% + 7px)}.custom-select-menu.align-right{left:auto;right:0}@keyframes customSelectMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes customSelectMenuInDropup{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-select-menu::-webkit-scrollbar{width:5px}.custom-select-menu::-webkit-scrollbar-track{background:0 0}.custom-select-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-select-item{color:#334155;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .14s;display:flex}.custom-select-item:hover{color:#0f172a;background-color:#f8fafc}.custom-select-item-icon{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;transition:color .14s;display:inline-flex}.custom-select-item:hover .custom-select-item-icon{color:#475569}.custom-select-item.active{color:#047857;background-color:#e6fcf3;font-weight:600}.custom-select-item.active .custom-select-item-icon{color:#10b981}.custom-select-item.active:hover{color:#047857;background-color:#d7faec}.custom-select-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}select,select.form-control{appearance:none;color:#0f172a;letter-spacing:-.01em;cursor:pointer;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #cbd5e1;border-radius:8px;min-height:38px;padding:8px 36px 8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.4;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;box-shadow:0 1px 2px #0f172a0a}select.form-control{width:100%}select:hover:not(:disabled),select.form-control:hover:not(:disabled){background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");border-color:#94a3b8;box-shadow:0 2px 4px #0f172a0f}select:focus,select.form-control:focus{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23172e40' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");border-color:#172e40;outline:none;box-shadow:0 0 0 3px #172e401f,0 1px 3px #0f172a14}select:disabled,select.form-control:disabled{opacity:.55;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}select option,select.form-control option{color:#0f172a;background-color:#fff;padding:10px 14px;font-size:13.5px;font-weight:500}select option:checked,select.form-control option:checked{color:#fff;background-color:#172e40}.filter-dropdown,select.filter-dropdown{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:145px;height:38px;padding:7px 34px 7px 12px;font-size:13px;font-weight:600;box-shadow:0 1px 3px #0f172a0d}.filter-dropdown:hover,select.filter-dropdown:hover{background-color:#f8fafc;border-color:#94a3b8}select.form-control-sm{background-position:right 10px center;background-size:12px 12px;border-radius:6px;height:32px;min-height:32px;padding:4px 30px 4px 10px;font-size:12.5px}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal,.modal-box{background:var(--bg-surface);border:1px solid var(--border);z-index:10000;border-radius:14px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;padding:0;animation:.2s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;margin:0;padding:16px 24px;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700;line-height:1.25}.modal-close-btn{border:1px solid var(--border);border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .15s;display:inline-flex}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.modal-body{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;padding:22px 24px 24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.confirm-modal-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:24px;animation:.18s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 20px 40px -8px #0f172a38,0 8px 16px -4px #0f172a14}.confirm-modal-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.confirm-icon-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.confirm-icon-badge.danger{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;box-shadow:0 2px 10px #ef444426}.confirm-icon-badge.primary{background:var(--accent-soft);color:var(--accent);border:1px solid #10b98133}.confirm-close-btn{margin-top:-4px;margin-right:-4px}.confirm-modal-content{margin-bottom:24px}.confirm-modal-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.3}.confirm-modal-message{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}.confirm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.form-control{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:70px}.password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap .form-control{padding-right:40px!important}.password-toggle-btn{border-radius:var(--radius-sm,6px);width:30px;height:30px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.password-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text-primary);align-items:center;gap:10px;min-width:240px;max-width:360px;padding:11px 16px;font-size:13.5px;font-weight:500;animation:.25s slideLeft;display:flex}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}.toast.warning{border-left:3px solid var(--warning)}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty-icon{background:var(--bg-hover);border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-muted);place-items:center;margin-bottom:4px;display:grid}.empty-title{color:var(--text-secondary);font-size:14px;font-weight:600}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.error-icon{background:var(--danger-soft);border-radius:var(--radius-md);width:48px;height:48px;color:var(--danger);place-items:center;margin-bottom:4px;display:grid}.error-title{color:var(--text-primary);font-size:14px;font-weight:600}.error-desc{color:var(--text-muted);max-width:340px;font-size:13px;line-height:1.5}.spinner-wrap{justify-content:center;align-items:center;padding:56px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.7s linear infinite spin}.deadline-list{flex-direction:column;gap:8px;display:flex}.deadline-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.deadline-item:hover{border-color:var(--border-strong)}.deadline-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.deadline-name{color:var(--text-primary);flex:1;font-size:13.5px;font-weight:500}.deadline-date{color:var(--text-muted);font-size:12px}.avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.avatar.sm{width:24px;height:24px;font-size:9px}.avatar.lg{width:40px;height:40px;font-size:15px}.avatar.xl{border:3px solid var(--bg-card);width:64px;height:64px;font-size:22px;box-shadow:0 4px 12px #0f172a1f}.skill-tag{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.skills-list{flex-wrap:wrap;gap:4px;display:flex}.dashboard-grid{grid-template-columns:1fr 320px;gap:18px;margin-top:4px;display:grid}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-grid-even{grid-template-columns:1fr 1fr;margin-bottom:18px}@media (width<=1100px){.dashboard-grid-even{grid-template-columns:1fr}}.dashboard-row-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}@media (width<=1100px){.dashboard-row-split{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.ml-auto{margin-left:auto}.text-muted{color:var(--text-muted);font-size:12.5px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-container{background:radial-gradient(circle at 50% 25%,#1e3245 0%,#121d27 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{box-sizing:border-box;background:#fff;border:1px solid #fff3;border-radius:16px;flex-direction:column;width:100%;max-width:440px;min-height:520px;padding:38px 32px 34px;animation:.25s ease-out slideUp;display:flex;box-shadow:0 25px 50px -12px #00000073}.login-card .form-control{transition:border-color .15s,box-shadow .15s;box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;height:44px!important;padding:10px 14px!important;font-size:14px!important}.login-card .form-control:focus{border-color:#10b981!important;outline:none!important;box-shadow:0 0 0 3.5px #10b9812e!important}.login-card .form-control::placeholder{color:#94a3b8!important;font-size:13.5px!important}.login-card .password-input-wrap{align-items:center!important;width:100%!important;display:flex!important;position:relative!important}.login-card .password-input-wrap .form-control{padding-right:42px!important}.login-card .password-toggle-btn{transition:color .15s;cursor:pointer!important;color:#94a3b8!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;display:flex!important;position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important}.login-card .password-toggle-btn:hover{color:#334155!important}.login-btn-primary{transition:background .15s,transform 50ms;color:#fff!important;cursor:pointer!important;background:#10b981!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:44px!important;font-size:14px!important;font-weight:600!important;display:flex!important}.login-btn-primary:hover:not(:disabled){background:#059669!important}.login-btn-primary:active:not(:disabled){transform:scale(.99)!important}.login-btn-primary:disabled{opacity:.7!important;cursor:not-allowed!important}.login-btn-secondary{transition:all .15s ease-in-out;color:#10b981!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:44px!important;margin-top:12px!important;font-size:14px!important;font-weight:600!important;display:flex!important}.login-btn-secondary:hover{color:#059669!important;background:#f0fdf4!important;border-color:#10b981!important}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-banner-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000040);max-width:220px;height:auto;margin-bottom:12px}.login-title{color:var(--text-primary);letter-spacing:-.02em;margin-top:12px;font-size:20px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.login-tabs{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;gap:4px;margin-bottom:24px;padding:4px;display:flex}.login-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.login-tab:hover{color:var(--text-primary);background:#ffffff80!important}.login-tab.active{background:var(--bg-surface)!important;color:var(--accent)!important;box-shadow:0 1px 4px #00000014,0 1px 2px #0000000a!important}.login-tab-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.login-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-md);border:1px solid #dc262633;align-items:flex-start;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.login-success{color:#15803d;border-radius:var(--radius-md);background:#f0fdf4;border:1px solid #22c55e40;align-items:flex-start;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.login-quick-helper{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.login-footer-info{color:var(--text-muted);align-items:flex-start;gap:8px;margin-top:20px;font-size:11.5px;line-height:1.45;display:flex}.user-profile-widget{border-left:1px solid var(--border);align-items:center;gap:12px;padding-left:12px;display:flex}.user-details{flex-direction:column;align-items:flex-end;display:flex}.user-email{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.user-role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;margin-top:2px;padding:2px 7px;font-size:10px;font-weight:700}.user-role-badge.role-super-admin{color:#7e22ce;background:#a855f71f;border:1px solid #a855f759;font-weight:700}.user-role-badge.role-project-admin{background:var(--brand-mint-soft);color:#047857;border:1px solid #10b98159}.user-role-badge.role-member{color:#475569;background:#f1f5f9;border:1px solid #64748b40}.dashboard-welcome{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:16px 20px;display:flex}.welcome-title-wrap{flex-direction:column;gap:4px;display:flex}.welcome-greeting{color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.welcome-sub{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.welcome-actions{align-items:center;gap:10px;display:flex}.stat-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.stat-chip.neutral{background:var(--bg-hover);color:var(--text-secondary)}.stat-chip.green{background:var(--success-soft);color:var(--success)}.stat-chip.blue{background:var(--info-soft);color:var(--info)}.stat-chip.amber{background:var(--warning-soft);color:var(--warning)}.stat-chip.red{background:var(--danger-soft);color:var(--danger)}.stat-chip.purple{color:#7c3aed;background:#8b5cf61f}.stat-chip.teal,.stat-chip.sky{color:#0d9488;background:#0d94881f}.pulse-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;display:inline-block;box-shadow:0 0}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #4f46e566}70%{transform:scale(1);box-shadow:0 0 0 6px #4f46e500}to{transform:scale(.95);box-shadow:0 0 #4f46e500}}.chart-container-split{grid-template-columns:220px 1fr;align-items:center;gap:24px;padding:6px 0 16px;display:grid}@media (width<=768px){.chart-container-split{grid-template-columns:1fr;justify-items:center}}.donut-svg-wrap{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex;position:relative}.donut-svg{overflow:visible;transform:rotate(-90deg)}.donut-slice{cursor:pointer;transition:stroke-width .2s cubic-bezier(.4,0,.2,1),opacity .2s,filter .2s}.donut-slice:hover,.donut-slice.active{filter:drop-shadow(0 4px 6px #0000001f);stroke-width:24px!important}.donut-slice.dimmed{opacity:.35}.donut-center-info{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center-count{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.donut-center-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:600}.donut-center-sub{color:var(--accent);margin-top:2px;font-size:11.5px;font-weight:600}.chart-legend-list{flex-direction:column;gap:8px;width:100%;display:flex}.chart-legend-item{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.chart-legend-item:hover,.chart-legend-item.active{background:var(--bg-hover);border-color:var(--border-strong);transform:translate(2px)}.legend-meta{align-items:center;gap:10px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--text-primary);font-size:13px;font-weight:500}.legend-stats{align-items:center;gap:8px;display:flex}.legend-count{color:var(--text-primary);font-size:13px;font-weight:700}.legend-percent{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.filter-pills{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px;display:flex}.filter-pill{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s}.filter-pill:hover{color:var(--text-primary)}.filter-pill.active{background:var(--bg-surface);color:var(--accent);box-shadow:0 1px 2px #0000000f}.capacity-card-inner{flex-direction:column;gap:14px;display:flex}.capacity-meter-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:14px;display:flex}.capacity-mini-ring{flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;position:relative}.capacity-ring-text{color:var(--text-primary);font-size:12px;font-weight:800;position:absolute}.capacity-details{flex:1;min-width:0}.capacity-title{color:var(--text-primary);font-size:13px;font-weight:600}.capacity-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.recent-project-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .15s,transform .12s;display:flex}.recent-project-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}.recent-project-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.recent-project-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:3px;font-size:11.5px;display:flex}.project-detail-container{flex-direction:column;gap:20px;animation:.18s fadeIn;display:flex}.project-breadcrumbs{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.breadcrumb-link{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.detail-header-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.detail-title-group{flex-direction:column;flex:1;gap:8px;min-width:260px;display:flex}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-project-title{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2}.detail-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.detail-main-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}@media (width<=992px){.detail-main-grid{grid-template-columns:1fr}}.project-info-table{flex-direction:column;display:flex}.project-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.project-info-row:last-child{border-bottom:none}.project-info-key{color:var(--text-muted);font-weight:500}.project-info-val{color:var(--text-primary);font-weight:600}.contributor-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.contributor-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.contributor-info{flex:1;min-width:0}.contributor-name{color:var(--text-primary);font-size:13.5px;font-weight:700}.contributor-sub{color:var(--text-muted);margin-top:1px;font-size:12px}.contributor-role-tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.contributor-meta-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.sheet-container{flex-direction:column;gap:24px;animation:.18s fadeIn;display:flex}.sheet-header-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.sheet-date-controls{align-items:center;gap:8px;display:flex}.sheet-table-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative}.sheet-table-toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sheet-table-wrap{max-width:100%;min-height:140px;padding-bottom:30px;overflow-x:auto}.spreadsheet-table{border-collapse:collapse;width:100%;font-family:inherit;font-size:13px}.spreadsheet-table thead th{color:#fff;letter-spacing:.02em;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#172e40;border-right:1px solid #ffffff26;padding:10px 14px;font-size:12.5px;font-weight:700}.spreadsheet-table thead th:last-child{border-right:none}.spreadsheet-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .12s}.spreadsheet-table tbody tr:hover{background:#f8fafc}.spreadsheet-table tbody td{vertical-align:middle;border-right:1px solid #eef2f6;padding:8px 12px}.spreadsheet-table tbody td:last-child{border-right:none}.sheet-input-cell{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;padding:6px 8px;font-family:inherit;font-size:13px;transition:all .15s}.sheet-input-cell:hover{border-color:var(--border);background:#fff}.sheet-input-cell:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:#fff;outline:none}textarea.sheet-input-cell{resize:vertical;min-height:42px;line-height:1.4}.eod-edit-container{flex-direction:column;gap:8px;width:100%;display:flex}.eod-textarea{border-radius:var(--radius-sm);width:100%;min-height:54px;padding:8px 10px;font-size:13px;line-height:1.45;transition:all .16s;border:1.5px solid var(--border-strong)!important;background:#fff!important}.eod-textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-soft)!important}.eod-inline-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.eod-submitted-display{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 12px;transition:all .15s;display:flex}.eod-submitted-display:hover{border-color:var(--border-strong);background:#fff;box-shadow:0 1px 4px #0000000a}.eod-submitted-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;flex:1;min-width:0;font-size:13px;line-height:1.5}.eod-submitted-badge-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.eod-badge-submitted{color:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11px;font-weight:700;display:inline-flex}.eod-pending-placeholder{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:#f8fafc;align-items:center;min-height:38px;padding:8px 12px;font-size:13px;font-style:italic;display:flex}.dev-pill{white-space:nowrap;-webkit-user-select:none;user-select:none;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.sheet-status-select{appearance:none;cursor:pointer;background-position:right 9px center;background-repeat:no-repeat;background-size:11px 11px;border:1px solid #0000;border-radius:999px;outline:none;padding:5px 26px 5px 12px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;transition:all .16s;box-shadow:0 1px 2px #0000000d}.sheet-status-select:focus{box-shadow:0 0 0 2px #172e4033}.status-assigned{color:#2e7d32;background-color:#e8f5e9;border-color:#a5d6a7;background-image:none!important}.status-assigned:hover{background-color:#dcf2de;border-color:#81c784}.status-unassigned{color:#64748b;background-color:#f8fafc;border-color:#cbd5e1;background-image:none!important}.status-unassigned:hover{background-color:#f1f5f9;border-color:#94a3b8}select.sheet-status-select.status-assigned{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 9px center!important;background-repeat:no-repeat!important;background-size:11px 11px!important}select.sheet-status-select.status-unassigned{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 9px center!important;background-repeat:no-repeat!important;background-size:11px 11px!important}.table-person-select{appearance:none;background-color:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;min-height:unset;box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px 10px;border-radius:999px;max-width:140px;padding:3px 20px 3px 9px;font-size:11px;font-weight:600;transition:all .15s;overflow:hidden}.table-person-select:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.table-person-select:focus{border-color:#172e40;outline:none;box-shadow:0 0 0 2px #172e4026}.sheet-history-section{flex-direction:column;gap:14px;display:flex}.history-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.history-date-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;gap:10px;padding:16px;transition:all .15s;display:flex}.history-date-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-date-card.active{border-color:var(--accent);background:var(--accent-soft)}.modal-footer{border-top:1px solid var(--border);background:var(--bg-elevated);border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.section-switch-tabs{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:4px;padding:4px;display:flex}.section-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.section-tab-btn:hover{color:var(--text-primary)}.section-tab-btn.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-sm)}.eod-table thead th{color:#fff;text-align:left;white-space:nowrap;background:#172e40;border-right:1px solid #ffffff26;padding:10px 14px;font-size:12.5px;font-weight:700}.eod-table thead th:last-child{border-right:none}.pagination-wrap{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.pagination-wrap.standalone{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:14px}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-info strong{color:var(--text-primary);font-weight:600}.pagination-controls{align-items:center;gap:6px;display:flex}.btn-page{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-page:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-page:disabled{opacity:.45;cursor:not-allowed}.pagination-pages{align-items:center;gap:4px;display:flex}.btn-page-num{min-width:32px;height:32px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;padding:0 6px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-grid}.btn-page-num:hover:not(.active){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-page-num.active{color:#fff;background:#172e40;border-color:#172e40;box-shadow:0 2px 6px #172e4040}.page-ellipsis{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:13px}.auto-progress-display{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:12px;height:40px;padding:0 14px;display:flex;box-shadow:0 1px 2px #0f172a0a}.auto-progress-bar-wrap{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.auto-progress-bar-fill{background:#172e40;border-radius:999px;height:100%;transition:width .25s}.auto-progress-bar-fill.green{background:#10b981}.auto-progress-text{color:var(--text-primary);text-align:right;min-width:38px;font-size:13px;font-weight:700}.project-modules-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:16px;padding:14px}.project-modules-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.project-modules-title{color:var(--text-primary);font-size:13.5px;font-weight:700}.project-modules-subtitle{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.project-modules-empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);background:#fff;flex-direction:column;align-items:center;gap:5px;padding:20px 14px;display:flex}.project-modules-empty svg{color:#94a3b8}.project-modules-list{flex-direction:column;gap:8px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.project-module-item{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .16s;display:flex}.project-module-item:hover{border-color:var(--border-strong);box-shadow:0 2px 6px #00000008}.project-module-item.completed{background:#f0fdf4;border-color:#bbf7d0}.module-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.module-checkbox{opacity:0;width:0;height:0;position:absolute}.module-checkbox-custom{color:#0000;background:#fff;border:1.8px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .16s;display:inline-flex}.module-checkbox:checked+.module-checkbox-custom{color:#fff;background:#10b981;border-color:#10b981}.module-status-badge{color:#64748b;letter-spacing:-.01em;background:#f1f5f9;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.project-module-item.completed .module-status-badge{color:#15803d;background:#dcfce7}.module-fields{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.module-name-input{height:30px;padding:4px 8px;font-size:12.5px;font-weight:600}.module-desc-input{color:var(--text-secondary);height:28px;padding:3px 8px;font-size:11.5px}.module-delete-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.module-delete-btn:hover{color:#ef4444;background:#fee2e2}.detail-modules-card{margin-top:18px}.detail-module-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .14s;display:flex}.detail-module-row:last-child{border-bottom:none}.detail-module-row:hover{background:var(--bg-hover)}.detail-module-row.completed{background:#f0fdf499}.detail-module-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.detail-module-info{min-width:0}.detail-module-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.detail-module-row.completed .detail-module-name{color:var(--text-secondary)}.detail-module-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.mobile-menu-btn{background:var(--bg-hover);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:none}.mobile-menu-btn:hover{background:var(--border);color:var(--accent)}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);z-index:1100;background:#0f172aa6;animation:.18s ease-out fadeIn;display:none;position:fixed;inset:0}.sidebar-mobile-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;padding:0;transition:all .15s;display:none}.sidebar-mobile-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.topbar-title-wrap{align-items:baseline;gap:6px;min-width:0;display:flex}.topbar-logout-btn{flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.page-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.people-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.people-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.people-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0f172a0d}.people-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.people-stat.blue .people-stat-icon{color:#1d4ed8;background:#dbeafe}.people-stat.green .people-stat-icon{color:#15803d;background:#dcfce7}.people-stat.amber .people-stat-icon{color:#b45309;background:#fef3c7}.people-stat.purple .people-stat-icon{color:#6d28d9;background:#ede9fe}.people-stat-value{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.1}.people-stat-label{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:600}.people-chips{flex-wrap:wrap;margin-bottom:16px}.person-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.person-card:hover{border-color:var(--border-strong,#cbd5e1);transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1a}.person-card-banner{background:radial-gradient(circle at 88% 15%,#34d39980,#0000 46%),radial-gradient(circle at 8% 120%,#6366f166,#0000 52%),linear-gradient(135deg,#0b1d2a 0%,#14323f 55%,#1b4a45 100%);border-bottom:3px solid #10b981;height:104px;position:relative;overflow:hidden}.person-card-banner.project{border-bottom-color:#6366f1}.person-card-banner.super{border-bottom-color:#a855f7}.person-card-banner:before{content:"";background-image:radial-gradient(#ffffff24 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000 20%,#000 100%);mask-image:linear-gradient(120deg,#0000 20%,#000 100%)}.person-card-banner:after{content:"";opacity:.5;background:url(/sparktan-logo.png) 50%/contain no-repeat;width:44px;height:44px;position:absolute;bottom:14px;right:18px}.person-card-avatar .avatar{box-shadow:0 0 0 3px #10b981,0 8px 18px #0f172a38}.person-card-avatar.project .avatar{box-shadow:0 0 0 3px #6366f1,0 8px 18px #0f172a38}.person-card-avatar.super .avatar{box-shadow:0 0 0 3px #a855f7,0 8px 18px #0f172a38}.people-hero{color:#fff;background:radial-gradient(circle at 90% 0,#34d39973,#0000 42%),radial-gradient(circle at 0 100%,#6366f166,#0000 45%),linear-gradient(135deg,#0b1d2a 0%,#14323f 55%,#1b4a45 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #0b1d2a40}.people-hero:before{content:"";background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000 100%);mask-image:linear-gradient(100deg,#0000 30%,#000 100%)}.people-hero>*{position:relative}.people-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6ee7b7;font-size:11.5px;font-weight:700}.people-hero-title{margin:4px 0 6px;font-size:24px;font-weight:800}.people-hero-sub{color:#ffffffc7;max-width:460px;margin:0;font-size:13.5px;line-height:1.55}.people-hero-stack{align-items:center;display:flex}.people-hero-stack .avatar{width:46px;height:46px;box-shadow:none;border:3px solid #14323f;margin-left:-12px;font-size:15px}.people-hero-stack .avatar:first-child{margin-left:0}.people-hero-more{color:#fff;background:#ffffff29;border:3px solid #14323f;border-radius:50%;place-items:center;width:46px;height:46px;margin-left:-12px;font-size:13px;font-weight:700;display:grid}.people-stat{border-left:4px solid #0000;transition:transform .18s,box-shadow .18s}.people-stat:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.people-stat.blue{border-left-color:#3b82f6}.people-stat.green{border-left-color:#22c55e}.people-stat.purple{border-left-color:#8b5cf6}.person-card-avatar{margin-top:-34px}.person-card-body{padding:0 18px 16px;position:relative}.person-card-avatar{margin-top:-32px;margin-bottom:8px}.person-card-top-right{position:absolute;top:10px;right:16px}.person-card-name{color:var(--text-primary);font-size:16px;font-weight:700}.person-card-title{color:var(--text-muted);margin-top:1px;font-size:13px}.person-card-tags{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.person-card-email{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:12.5px;display:flex}.person-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.person-card-actions{gap:6px;display:flex}.role-pill{border-radius:99px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.invite-pending-pill{background:var(--warning-soft);color:var(--warning);border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.workload-meter-head{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.workload-meter-tag{border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700}.workload-meter-track{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.workload-meter-fill{border-radius:99px;height:100%;transition:width .3s}.person-detail-hero{color:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:18px;display:flex}.person-detail-hero-text{flex:1;min-width:160px}.person-detail-name{font-size:18px;font-weight:800}.person-detail-title{opacity:.9;font-size:13px}.person-detail-email{opacity:.95;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.person-detail-hero-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.person-pending-panel{background:var(--warning-soft);color:var(--text-secondary);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.person-pending-panel p{margin:2px 0 0;font-size:12px}.person-detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.person-detail-tile{border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:14px}.person-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.person-detail-number{color:var(--accent);margin-bottom:8px;font-size:26px;font-weight:800;display:block}.person-detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.person-detail-notes{color:var(--text-secondary);border:1px solid var(--border);white-space:pre-wrap;background:#f8fafc;border-radius:10px;padding:10px 12px;font-size:13px}.invite-success-ring{background:var(--success-soft);width:56px;height:56px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto 14px;display:inline-grid}.invite-success-note{background:var(--accent-soft);color:var(--accent);border-radius:12px;margin-top:14px;padding:12px 16px;font-size:13px;line-height:1.55}@media (width<=760px){.people-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.person-detail-grid{grid-template-columns:1fr}.person-detail-hero-badges{align-items:flex-start}}.sheet-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:260px;display:flex}.sheet-toolbar-search{width:100%;max-width:280px}.sheet-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=1024px){.mobile-menu-btn{display:inline-flex}.sidebar-backdrop{display:block}.sidebar-mobile-close-btn{display:inline-flex}.sidebar{z-index:1200!important;width:280px!important;max-width:85vw!important;box-shadow:none!important;transition:transform .26s cubic-bezier(.32,.72,0,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.mobile-open{transform:translate(0)!important;box-shadow:0 0 45px #0000008c!important}.sidebar.collapsed{width:280px!important}.sidebar.collapsed .brand-text,.sidebar.collapsed .sidebar-section-label span,.sidebar.collapsed .nav-item span{display:inline!important}.sidebar.collapsed .nav-item{justify-content:flex-start!important;width:100%!important;height:auto!important;margin:0!important;padding:10px 14px!important}.sidebar.collapsed .sidebar-section-label{background:0 0!important;height:auto!important;margin:0!important;padding:4px 12px 6px!important;font-size:10.5px!important}.sidebar-footer{display:none!important}.main-area{width:100%!important;max-width:100vw!important}}@media (width<=768px){.topbar{gap:8px;height:58px;padding:0 14px}.topbar-subtitle{display:none}.page-content{padding:14px}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:inline-block;overflow:hidden}.welcome-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 16px}.welcome-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.welcome-actions .btn{flex:1;justify-content:center;min-width:120px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px 12px}.chart-container-split{flex-direction:column;align-items:center;gap:20px;padding:10px 0}.chart-legend-list{grid-template-columns:1fr;width:100%}.dashboard-grid{grid-template-columns:1fr;gap:16px}.page-toolbar{flex-direction:column;align-items:stretch;gap:10px}.page-toolbar .search-bar{width:100%;max-width:100%}.page-toolbar .custom-select-wrap{width:100%}.page-toolbar .btn{justify-content:center;width:100%}.sheet-header-banner{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px}.sheet-date-controls{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;display:flex}.sheet-date-controls .custom-select-wrap.variant-date-month{flex:calc(58% - 4px);width:auto;min-width:0}.sheet-date-controls .custom-select-wrap.variant-date-year{flex:calc(42% - 4px);width:auto;min-width:0}.sheet-date-controls .btn{text-align:center;flex:1;justify-content:center;min-width:60px;padding:6px 8px;font-size:12px}.sheet-date-controls input[type=date],.sheet-date-picker{text-align:center;width:100%!important}.sheet-toolbar-left,.sheet-toolbar-right{width:100%!important;min-width:0!important}.sheet-toolbar-search{width:100%!important;max-width:100%!important}.sheet-toolbar-left .custom-select-wrap{width:100%!important}.sheet-toolbar-right .btn{flex:1;justify-content:center}.sheet-table-wrap,.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.spreadsheet-table{min-width:650px}.table-wrap table{min-width:600px}.detail-header-card{padding:16px}.detail-title-group{min-width:100%}.detail-project-title{font-size:20px}.detail-header-actions{width:100%;margin-top:10px}.detail-header-actions .btn{flex:1;justify-content:center}.detail-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.detail-module-row{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.detail-module-left{width:100%}}@media (width<=640px){.modal-overlay{align-items:center;padding:10px}.modal,.modal-box{border-radius:12px;width:100%;max-width:100%;max-height:94vh;margin:0}.modal-header{padding:12px 16px}.modal-title{font-size:15px}.modal-body{padding:14px 16px}.modal-footer{flex-wrap:wrap;gap:8px;padding:12px 16px}.modal-footer .btn{flex:1;justify-content:center;min-width:100px}.form-row{grid-template-columns:1fr;gap:10px}.confirm-modal-box{max-width:100%;margin:10px;padding:18px 16px}.confirm-modal-actions{flex-direction:column-reverse;gap:8px}.confirm-modal-actions .btn{justify-content:center;width:100%}.history-card-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr;gap:12px}.custom-select-menu{-webkit-overflow-scrolling:touch;max-width:calc(100vw - 20px)!important;max-height:48vh!important;overflow-y:auto!important}.custom-select-item{padding:10px 14px;font-size:13.5px}.login-container{align-items:center;padding:14px}.login-card{border-radius:14px;max-width:100%;margin:0;padding:22px 16px}.login-brand{margin-bottom:20px}.login-banner-img{max-width:100%;height:auto}.login-subtitle{font-size:12.5px}.login-tabs{flex-direction:row;gap:6px}.login-tab{padding:8px 10px;font-size:12px}.form-control{font-size:15px}}@media (width<=480px){.topbar{padding:0 10px}.topbar-page-icon,.user-email,.logout-text{display:none}.topbar-logout-btn{padding:6px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stat-card{min-height:90px!important;padding:10px 10px 8px!important}.stat-value{font-size:19px!important}.stat-label{font-size:11px!important}.stat-chip{padding:1px 5px!important;font-size:9.5px!important}.detail-stat-grid{grid-template-columns:1fr}.welcome-banner-title{font-size:18px}}.desktop-only-table{display:block}.mobile-project-cards,.mobile-eod-cards,.mobile-task-cards{display:none}@media (width<=768px){.desktop-only-table,.col-date{display:none!important}.card-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.card-header .filter-pills{flex-wrap:wrap!important;gap:6px!important;width:100%!important;display:flex!important}.card-header .filter-pill{text-align:center!important;flex:1!important;justify-content:center!important;min-width:80px!important;padding:7px 10px!important;font-size:12px!important}.mobile-project-cards{flex-direction:column;gap:12px;padding:12px;display:flex!important}.mobile-project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px;transition:all .18s;display:flex}.mobile-project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.mobile-project-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mobile-project-title{color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:700;line-height:1.35}.mobile-project-progress-wrap{width:100%;margin:2px 0}.mobile-project-meta-row{color:var(--text-secondary);background:var(--bg-hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.mobile-project-meta-item{align-items:center;gap:5px;display:flex}.mobile-project-meta-item .meta-label{color:var(--text-muted);font-weight:500}.mobile-project-meta-item .meta-val{color:var(--text-primary);font-weight:600}.mobile-project-card-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mobile-project-card-actions .btn{flex:1;justify-content:center;min-width:65px;padding:6px 8px;font-size:12px}.mobile-eod-cards{flex-direction:column;gap:12px;padding:12px;display:flex!important}.mobile-eod-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px;display:flex}.mobile-eod-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-eod-idx{color:var(--text-muted);font-size:12px;font-weight:700}.mobile-eod-body{background:var(--bg-hover);border-radius:var(--radius-sm);min-height:48px;padding:10px 12px}.mobile-eod-textarea{border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;resize:vertical!important;background:#fff!important;width:100%!important;min-height:70px!important;padding:8px 10px!important;font-family:inherit!important;font-size:14px!important}.mobile-eod-footer{justify-content:flex-end;align-items:center;display:flex}.mobile-eod-footer .btn{padding:8px 12px;font-size:13px;font-weight:600}.mobile-task-cards{flex-direction:column;gap:12px;padding:12px;display:flex!important}.mobile-task-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px;display:flex}.mobile-task-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-task-idx{color:var(--text-muted);font-size:12px;font-weight:700}.mobile-task-status-wrap{min-width:110px}.mobile-task-project-row{align-items:center;gap:8px;font-size:13px;display:flex}.mobile-task-label{color:var(--text-secondary);min-width:50px;font-size:12px;font-weight:600}.mobile-task-body{flex-direction:column;gap:4px;display:flex}.mobile-task-textarea{border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;resize:vertical!important;background:#fff!important;width:100%!important;min-height:60px!important;padding:8px 10px!important;font-family:inherit!important;font-size:13.5px!important}.mobile-task-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;padding-top:6px;display:flex}}.att-header-icon{color:#fff;background:#172e40;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 8px #172e4040}.att-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:2.5px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.att-badge.att-present{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.att-badge.att-wfh{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.att-badge.att-half{color:#b45309;background:#fef3c7;border-color:#fde68a}.att-badge.att-leave{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.att-badge.att-absent{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.att-badge.att-unmarked{color:#64748b;border-color:var(--border);background:#f1f5f9}.att-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.att-dot.att-present{background:#16a34a}.att-dot.att-wfh{background:#0284c7}.att-dot.att-half{background:#d97706}.att-dot.att-leave{background:#7c3aed}.att-dot.att-absent{background:#dc2626}.att-dot.att-unmarked{background:#94a3b8}.att-my-card{background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.att-my-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:700}.att-my-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.att-my-actions{align-items:center;gap:8px;display:flex}.att-my-note{color:var(--text-secondary);font-size:13px;font-weight:600}.att-toolbar{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.att-view-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:3px;display:inline-flex}.att-view-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600}.att-view-toggle button.active{color:#fff;background:#172e40}.att-stats{flex-wrap:wrap;gap:10px;display:flex}.att-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.att-stat-label{color:var(--text-secondary)}.att-stat-value{color:var(--text-primary);font-weight:700}.att-num{text-align:center;width:100px}.att-mobile-form{flex-direction:column;gap:8px;display:flex}.att-mobile-times{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}@media (width<=640px){.att-my-actions{width:100%}.att-my-actions .btn{flex:1;justify-content:center}}.arrow-icon{flex-shrink:0;transition:transform .15s;display:block}.arrow-label{vertical-align:middle;align-items:center;gap:5px;display:inline-flex}button:hover:not(:disabled) .arrow-icon-right,.history-date-card:hover .arrow-icon-right{transform:translate(2px)}button:hover:not(:disabled) .arrow-icon-left{transform:translate(-2px)}.analytics-section-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin:4px 0 12px;display:flex}.analytics-section-head h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.analytics-section-head .text-muted{font-size:12.5px}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.analytics-grid>:last-child:nth-child(odd){grid-column:1/-1}.chart-card{flex-direction:column;gap:10px;min-width:0;display:flex}.chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.chart-card-sub{margin-top:2px;font-size:12.5px}.chart-legend-row{color:var(--text-secondary);flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.chart-legend-chip{align-items:center;gap:6px;display:inline-flex}.chart-legend-chip strong{color:var(--text-primary);font-weight:700}.chart-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.chart-subhead{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:700}.chart-tooltip{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;min-width:150px;padding:9px 11px;font-size:12.5px}.chart-tooltip-title{color:var(--text-primary);max-width:240px;margin-bottom:6px;font-weight:700}.chart-tooltip-row{align-items:center;gap:7px;padding:2px 0;display:flex}.chart-tooltip-label{color:var(--text-secondary);flex:1}.chart-tooltip-value{color:var(--text-primary);font-weight:700}.chart-empty{min-height:160px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.attendance-overview{flex-direction:column;gap:10px;display:flex}.attendance-donut{position:relative}.attendance-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.attendance-donut-center strong{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.1}.attendance-donut-center span{color:var(--text-muted);font-size:11.5px}.workload-chips{flex-wrap:wrap;gap:6px;display:flex}.workload-chips .stat-chip{margin:0}.workload-unassigned{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;font-size:12px;display:flex}.workload-unassigned-label{color:var(--text-secondary);font-weight:700}.workload-name-chip{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;font-weight:600}@media (width<=1024px){.analytics-grid{grid-template-columns:minmax(0,1fr)}}.chart-fill{flex:auto;min-width:0;position:relative}.att-badge.att-holiday{color:#a21caf;background:#fdf4ff;border-color:#f5d0fe}.att-holiday-banner{border-radius:var(--radius-md);background:#fdf4ff;border:1px solid #f5d0fe;border-left:4px solid #c026d3;align-items:center;gap:14px;padding:14px 18px;display:flex}.att-holiday-icon{color:#a21caf;background:#fff;border:1px solid #f5d0fe;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.att-holiday-text{min-width:0;color:var(--text-secondary);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.att-holiday-text strong{color:var(--text-primary);font-size:14px}.att-holiday-list{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.att-holiday-list-label{color:var(--text-secondary);font-weight:700}.att-holiday-chip{color:var(--text-primary);background:#fdf4ff;border:1px solid #f5d0fe;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;display:inline-flex}.att-holiday-chip strong{color:#a21caf}.att-holiday-chip-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;width:20px;height:20px;font-size:16px;line-height:1}.att-holiday-chip-remove:hover:not(:disabled){color:#a21caf;background:#f5d0fe}.att-holiday-form{flex-direction:column;gap:8px;display:flex}.att-holiday-help{margin:4px 0 0;font-size:12.5px;line-height:1.5}.att-holiday-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.avatar.has-photo{background:var(--border);padding:0;overflow:hidden}.avatar.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.avatar.xxl{border:4px solid var(--bg-card);width:96px;height:96px;font-size:32px;box-shadow:0 6px 18px #0f172a2e}.topbar-profile-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;padding:0;transition:border-color .15s,transform .15s;display:grid}.topbar-profile-btn:hover{border-color:var(--accent);transform:scale(1.06)}.topbar-profile-btn.active{border-color:var(--accent)}.topbar-profile-btn .avatar{width:34px;height:34px;font-size:12px}.profile-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.profile-summary-banner{border-bottom:1px solid var(--border);background:#fff url(/sparktan-banner.png) 50%/cover no-repeat;height:96px}.profile-summary-body{text-align:center;flex-direction:column;align-items:center;padding:0 22px 24px;display:flex}.profile-summary-avatar{margin-top:-48px;margin-bottom:12px}.profile-summary-name{color:var(--text-primary);word-break:break-word;font-size:20px;font-weight:800}.profile-summary-email{color:var(--text-muted);word-break:break-all;margin:3px 0 12px;font-size:13px}.profile-summary-note{border-top:1px solid var(--border);color:var(--text-muted);margin-top:18px;padding-top:16px;font-size:12.5px;line-height:1.55}.profile-card{margin:0}.profile-card .form-group:last-of-type{margin-bottom:0}.profile-photo-row{border:1px dashed var(--border);background:#f8fafc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 16px;display:flex}.profile-photo-row .avatar{width:64px;height:64px;box-shadow:none;font-size:22px}.profile-photo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-photo-actions .text-muted{flex-basis:100%}.profile-card .form-control:disabled{color:var(--text-secondary);cursor:not-allowed;background:#f1f5f9}.profile-card .form-actions{margin-top:22px}@media (width<=900px){.profile-layout{grid-template-columns:1fr}}.people-page-scope,.people-hero,.people-stat,.person-card,.person-detail-hero,.profile-summary{--calm-ink:#24433d;--calm-ink-soft:#5b7a72;--calm-sage:#e6f2ec;--calm-mint:#cfe9dd;--calm-teal:#4f9d8b;--calm-sky:#dcebf5;--calm-lilac:#e8e4f4;--calm-peach:#fbe8dc;--calm-sand:#f8f4ec;--calm-line:#e4ece8}.people-hero{color:var(--calm-ink);border:1px solid var(--calm-line);background:radial-gradient(circle at 92% 18%,#ffffffd9 0,#fff0 38%),radial-gradient(circle at 78% 110%,#dcebf5f2 0,#dcebf500 48%),radial-gradient(circle at 4% 0,#e8e4f4e6 0,#e8e4f400 42%),linear-gradient(135deg,#e3f2ea 0%,#d6ece2 50%,#e4f0ee 100%);box-shadow:0 8px 24px #4f9d8b1f}.people-hero:before{background-image:radial-gradient(#4f9d8b29 1.2px,#0000 1.2px);background-size:18px 18px}.people-stat{border:1px solid var(--calm-line);box-shadow:none;border-left-width:1px}.people-stat.blue{background:linear-gradient(135deg, #f1f8fc, var(--calm-sky));border-left-color:var(--calm-line)}.people-stat.green{background:linear-gradient(135deg, #f1faf5, var(--calm-mint));border-left-color:var(--calm-line)}.people-stat.amber{background:linear-gradient(135deg, #fffaf4, var(--calm-peach));border-left-color:var(--calm-line)}.people-stat.purple{background:linear-gradient(135deg, #f7f5fc, var(--calm-lilac));border-left-color:var(--calm-line)}.people-stat .people-stat-icon{background:#ffffffd9;box-shadow:0 2px 6px #24433d14}.people-stat.blue .people-stat-icon{color:#3b7ea6}.people-stat.green .people-stat-icon{color:#3f8d72}.people-stat.amber .people-stat-icon{color:#c47a45}.people-stat.purple .people-stat-icon{color:#7a68b5}.person-card{border-color:var(--calm-line);box-shadow:0 2px 8px #24433d0d}.person-card-banner,.profile-summary-banner{background:radial-gradient(circle at 86% 24%,#ffffffe6 0,#fff0 34%),radial-gradient(circle at 12% 120%,#ffffff8c 0,#fff0 46%),linear-gradient(135deg,#d8eee3 0%,#cfe6ea 55%,#dcdff3 100%);border-bottom:0}.person-card-banner.project{background:radial-gradient(circle at 86% 24%,#ffffffe6 0,#fff0 34%),linear-gradient(135deg,#d9e2f6 0%,#dcdff3 55%,#e6e0f4 100%)}.person-card-banner.super{background:radial-gradient(circle at 86% 24%,#ffffffe6 0,#fff0 34%),linear-gradient(135deg,#e6dcf2 0%,#eadff0 55%,#f3e0ea 100%)}.person-card-banner:before{background-image:radial-gradient(#4f9d8b33 1.2px,#0000 1.2px);background-size:16px 16px}.person-card-banner:after{opacity:1;border-radius:11px;width:38px;height:38px;box-shadow:0 4px 10px #24433d33}.person-card-top-right .badge{background:#ffffffe6;box-shadow:0 2px 6px #24433d1a}.person-card-avatar .avatar{border-color:#0000;box-shadow:0 0 0 4px #fff,0 8px 18px #24433d29}.person-card-name{color:var(--calm-ink)}.person-card-title,.person-card-email{color:var(--calm-ink-soft)}.role-pill.member{background:var(--calm-sage);color:#3d7a68;border:1px solid #cfe5da}.role-pill.super{background:var(--calm-lilac);color:#6a559f;border:1px solid #d8d0ee}.invite-pending-pill{background:var(--calm-peach);color:#b86a36}.person-card .skill-tag{background:var(--calm-sand);color:#6a6354;border-color:#ece5d6}.workload-meter-tag.low{background:var(--calm-sage);color:#3d7a68}.workload-meter-tag.mid{background:var(--calm-peach);color:#b86a36}.people-chips .filter-pill.active{color:var(--calm-teal);background:#fff;box-shadow:0 1px 4px #24433d1a}.person-detail-hero{color:var(--calm-ink);border:1px solid var(--calm-line)}.person-detail-hero.member{background:linear-gradient(135deg,#e3f2ea 0%,#d6ece2 55%,#dcebf5 100%)}.person-detail-hero.project{background:linear-gradient(135deg,#e3e9f8 0%,#dcdff3 55%,#e6e0f4 100%)}.person-detail-hero.super{background:linear-gradient(135deg,#e8e0f4 0%,#eadff0 55%,#f3e0ea 100%)}.person-detail-hero .avatar{border-color:#0000;box-shadow:0 0 0 4px #fff,0 6px 14px #24433d24}.person-detail-title,.person-detail-email{color:var(--calm-ink-soft);opacity:1}.profile-summary{border-color:var(--calm-line);box-shadow:0 2px 8px #24433d0d}.profile-summary-banner{height:104px}.profile-summary-avatar .avatar{border-color:#0000;box-shadow:0 0 0 4px #fff,0 8px 18px #24433d29}.profile-summary-name{color:var(--calm-ink)}.profile-summary-email,.profile-summary-note{color:var(--calm-ink-soft)}.person-card-banner,.profile-summary-banner{background:radial-gradient(circle at var(--blob-x,78%) var(--blob-y,22%), #ffffffd9 0, #fff0 30%), radial-gradient(circle at calc(var(--blob-x,78%) - 38%) 105%, #ffffff80 0, #fff0 40%), linear-gradient(120deg, var(--b1,#c9e9dc) 0%, var(--b2,#cfe3ef) 55%, var(--b3,#e0e6f6) 100%);border-bottom:0;height:118px;position:relative;overflow:hidden}.person-card-banner.project,.person-card-banner.super{background:radial-gradient(circle at var(--blob-x,78%) var(--blob-y,22%), #ffffffd9 0, #fff0 30%), radial-gradient(circle at calc(var(--blob-x,78%) - 38%) 105%, #ffffff80 0, #fff0 40%), linear-gradient(120deg, var(--b1,#c9e9dc) 0%, var(--b2,#cfe3ef) 55%, var(--b3,#e0e6f6) 100%)}.person-card-top-right{z-index:2;top:12px;right:14px}.person-card-avatar{z-index:2;margin-top:-40px;position:relative}.person-card-avatar .avatar{width:72px;height:72px;font-size:24px}:root{--sp-cloud-art:none;--sp-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 44' preserveAspectRatio='none'%3E%3Cpath d='M0 44V26C70 6 130 4 210 20s130 12 190-8V44z' fill='%2334d399' fill-opacity='0.35'/%3E%3Cpath d='M0 44V34C80 18 140 20 215 30s125 4 185-8V44z' fill='%23ffffff'/%3E%3C/svg%3E")}.brand-lockup{z-index:2;letter-spacing:.22em;color:#fff;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:16px}.brand-lockup img{border-radius:8px;width:26px;height:26px;box-shadow:0 0 0 1.5px #34d3998c}.person-card-banner,.person-card-banner.project,.person-card-banner.super,.profile-summary-banner{background:radial-gradient(circle at 92% 8%,#34d39973 0,#34d39900 42%),radial-gradient(circle at 0 100%,#34d39929 0,#34d39900 45%),linear-gradient(135deg,#121d27 0%,#162432 45%,#1e3245 100%);border-bottom:0;height:122px;position:relative;overflow:hidden}.person-card-banner:before,.profile-summary-banner:before{content:"";background:var(--sp-cloud-art) right 10px top 4px / 176px 94px no-repeat, radial-gradient(#ffffff1a 1px, transparent 1px) 0 0 / 16px 16px;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.person-card-banner:after,.profile-summary-banner:after{content:"";width:100%;height:44px;box-shadow:none;filter:none;opacity:1;background:var(--sp-wave) center bottom / 100% 100% no-repeat;border-radius:0;position:absolute;bottom:-1px;left:0;right:0}.person-card-top-right .badge{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff2;border:0;box-shadow:0 2px 8px #00000040}.person-card-avatar .avatar,.profile-summary-avatar .avatar{border-color:#0000;box-shadow:0 0 0 4px #fff,0 0 0 6px #34d399b3,0 8px 18px #16243238}.person-card-avatar.project .avatar,.person-card-avatar.super .avatar{box-shadow:0 0 0 4px #fff,0 0 0 6px #34d399b3,0 8px 18px #16243238}.people-hero{color:#fff;background:radial-gradient(circle at 94% 0,#34d39980 0,#34d39900 44%),radial-gradient(circle at 0 100%,#34d39929 0,#34d39900 46%),linear-gradient(135deg,#121d27 0%,#162432 50%,#1e3245 100%);border:0;box-shadow:0 12px 30px #16243247}.people-hero:before{background:var(--sp-cloud-art) right 170px center / 270px 145px no-repeat, radial-gradient(#ffffff17 1px, transparent 1px) 0 0 / 18px 18px;-webkit-mask-image:none;mask-image:none}.people-hero .brand-lockup{margin-bottom:10px;display:flex;position:static}.people-hero-eyebrow{color:var(--brand-mint,#34d399)}.people-hero-title{color:#fff}.people-hero-sub{color:#ffffffc7}.people-hero-stack .avatar{border-color:#162432;box-shadow:0 0 0 2px #34d3998c}.people-hero-more{color:#6ee7b7;background:#34d3992e;border-color:#162432;box-shadow:0 0 0 2px #34d39959}.people-stat,.people-stat.blue,.people-stat.green,.people-stat.amber,.people-stat.purple{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-left:4px solid #34d399}.people-stat.amber{border-left-color:#f59e0b}.people-stat.blue .people-stat-icon,.people-stat.green .people-stat-icon,.people-stat.purple .people-stat-icon{color:#0f9f6e;box-shadow:none;background:#34d39924}.people-stat.amber .people-stat-icon{color:#b45309;box-shadow:none;background:#fef3c7}.people-stat-value{color:#162432}.people-stat-label{color:#64748b}.people-stat:hover{box-shadow:0 10px 22px #1624321a}.person-card{box-shadow:var(--shadow-sm);border-color:#e2e8f0}.person-card:hover{border-color:#34d399b3;box-shadow:0 16px 32px #16243224}.person-card-name,.profile-summary-name{color:#162432}.person-card-title,.person-card-email,.profile-summary-email,.profile-summary-note{color:#64748b}.person-card-footer{border-top-color:#e8edf2}.role-pill.member{color:#0b8a5f;background:#34d39924;border:1px solid #34d39966}.role-pill.project{color:#1e3245;background:#e8eef4;border:1px solid #cbd5e1}.role-pill.super{color:#6ee7b7;background:#162432;border:1px solid #162432}.invite-pending-pill{color:#b45309;background:#fef3c7}.person-card .skill-tag{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.workload-meter-track{background:#e8edf2}.workload-meter-fill.low{background:linear-gradient(90deg,#34d399,#10b981)}.workload-meter-fill.mid{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.workload-meter-fill.high{background:linear-gradient(90deg,#f87171,#ef4444)}.workload-meter-tag.low{color:#0b8a5f;background:#34d39929}.workload-meter-tag.mid{color:#b45309;background:#fef3c7}.workload-meter-tag.high{color:#b91c1c;background:#fee2e2}.people-chips.filter-pills{background:#f1f5f9;border-color:#e2e8f0}.people-chips .filter-pill.active{color:#6ee7b7;box-shadow:none;background:#162432}.person-detail-hero,.person-detail-hero.member,.person-detail-hero.project,.person-detail-hero.super{color:#fff;background:radial-gradient(circle at 94% 0,#34d39973 0,#34d39900 46%),linear-gradient(135deg,#121d27 0%,#162432 55%,#1e3245 100%);border:0}.person-detail-hero .avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #34d399b3}.person-detail-title,.person-detail-email{color:#ffffffd9;opacity:1}.person-detail-tile{background:#f8fafc;border-color:#e2e8f0}.person-detail-number{color:#10b981}.profile-photo-row{background:#f8fafc;border-color:#cbd5e1}.profile-summary{box-shadow:var(--shadow-sm);border-color:#e2e8f0}.person-detail-hero .role-pill{color:#fff;background:#ffffff24;border-color:#ffffff4d}.profile-summary-avatar{z-index:3;margin-top:-52px;position:relative}.profile-summary-body{z-index:2;position:relative}.profile-summary-avatar .avatar{width:104px;height:104px;font-size:34px}.profile-summary-avatar .avatar:not(.has-photo){color:#0f9f6e;background:#dcf5ea}.offer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:20px;display:grid}.offer-form-col{flex-direction:column;gap:16px;display:flex}.offer-intro{color:#fff;background:radial-gradient(circle at 94% 0,#34d39973 0,#34d39900 46%),linear-gradient(135deg,#121d27 0%,#162432 55%,#1e3245 100%);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.offer-intro-title{margin:0;font-size:17px;font-weight:800}.offer-intro-sub{color:#ffffffbf;max-width:460px;margin:4px 0 0;font-size:12.5px;line-height:1.5}.offer-intro .btn-ghost{color:#6ee7b7;border-color:#6ee7b766}.offer-card{margin:0}.offer-card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.offer-card-head h4{color:#162432;margin:0;font-size:14.5px;font-weight:700}.offer-card-icon{color:#0f9f6e;background:#34d39926;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.offer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.offer-field.wide{grid-column:1/-1}.offer-help{color:var(--text-muted);margin-top:4px;font-size:11.5px;display:block}.offer-preview-col{position:sticky;top:16px}.offer-preview-card{margin:0;padding:16px}.offer-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.offer-preview-head h4{color:#162432;margin:0;font-size:15px;font-weight:700}.offer-actions{flex-wrap:wrap;gap:8px;display:flex}.offer-error{background:var(--danger-soft);color:#b91c1c;border:1px solid #ef444440;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13px}.offer-preview-frame{border:1px solid var(--border);background:#f1f5f9;border-radius:10px;width:100%;height:calc(100vh - 220px);min-height:520px}.offer-preview-empty{text-align:center;border:1.5px dashed var(--border-strong);min-height:420px;color:var(--text-muted);background:#f8fafc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.offer-preview-empty p{max-width:260px;margin:0;font-size:13.5px;line-height:1.5}@media (width<=1100px){.offer-layout{grid-template-columns:1fr}.offer-preview-col{position:static}.offer-preview-frame{height:70vh}}@media (width<=560px){.offer-fields{grid-template-columns:1fr}}.offer-page{flex-direction:column;gap:16px;display:flex}.offer-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.offer-generate-bar{z-index:5;border:1px solid var(--border);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 18px #16243214}.offer-generate-bar .offer-error{flex:1;margin:0}.offer-generate-btn{justify-content:center;min-width:220px}.modal.modal-xl{width:94vw;max-width:980px}.modal.modal-xl .offer-preview-frame{height:72vh;min-height:420px}.offer-modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}@media (width<=1100px){.offer-cards{grid-template-columns:1fr}}.offer-cards{align-items:stretch}.offer-card{flex-direction:column;display:flex}.offer-card .offer-fields{flex:1;align-content:start}.offer-card .offer-fields:has(textarea){grid-template-rows:auto 1fr}.offer-card .offer-field:has(textarea){flex-direction:column;display:flex}.offer-card .offer-field textarea{resize:vertical;flex:1;min-height:120px}.offer-cards>:last-child:nth-child(odd){grid-column:1/-1}.offer-generate-bar{box-shadow:var(--shadow-sm);margin-top:4px;position:static}.modal.modal-xl{height:90vh}.modal.modal-xl .modal-body{scrollbar-gutter:auto;flex-direction:column;padding:16px 20px;display:flex;overflow:hidden}.modal.modal-xl .offer-preview-frame{flex:1;height:auto;min-height:0}.modal.modal-xl .offer-modal-actions{flex-shrink:0}.eod-page{flex-direction:column;gap:16px;display:flex}.eod-tabs{border:1px solid var(--border);background:#f1f5f9;border-radius:14px;align-self:flex-start;gap:6px;padding:5px;display:inline-flex}.eod-tab{cursor:pointer;color:#475569;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 18px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.eod-tab:hover{background:#ffffffb3}.eod-tab.active{color:#6ee7b7;background:#162432;box-shadow:0 4px 12px #16243238}.eod-tab-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.eod-tab-label{font-size:14px;font-weight:700}.eod-tab-hint{opacity:.75;font-size:11px;font-weight:500}.eod-fill-wrap{max-width:860px}.eod-fill-card{margin:0;padding:0;overflow:hidden}.eod-fill-head{color:#fff;background:radial-gradient(circle at 96% 0,#34d39973 0,#34d39900 46%),linear-gradient(135deg,#121d27 0%,#162432 55%,#1e3245 100%);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px;display:flex}.eod-fill-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6ee7b7;font-size:11.5px;font-weight:700}.eod-fill-title{margin:4px 0 6px;font-size:21px;font-weight:800}.eod-fill-sub{color:#ffffffc7;max-width:520px;margin:0;font-size:13px;line-height:1.55}.eod-status-chip{background:#fff;border-radius:99px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.eod-status-dot{border-radius:50%;width:8px;height:8px}.eod-status-chip.pending{color:#b45309}.eod-status-chip.pending .eod-status-dot{background:#f59e0b}.eod-status-chip.done{color:#0b8a5f}.eod-status-chip.done .eod-status-dot{background:#10b981}.eod-context{border-bottom:1px solid var(--border);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 26px;display:flex}.eod-context-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.eod-context-chip{color:#0b8a5f;background:#34d39926;border:1px solid #34d39966;border-radius:99px;padding:3px 11px;font-size:12px;font-weight:700}.eod-context-task{color:var(--text-secondary);font-size:13px}.eod-form{padding:22px 26px 24px}.eod-fill-textarea{resize:vertical;min-height:190px;margin-top:6px;font-size:14px;line-height:1.6}.eod-form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.eod-form-actions{gap:10px;display:flex}.eod-submitted-view{flex-direction:column;gap:14px;padding:22px 26px 24px;display:flex}.eod-submitted-banner{color:#0b8a5f;background:#34d39926;border-radius:99px;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.eod-submitted-text{white-space:pre-wrap;color:var(--text-primary);border:1px solid var(--border);background:#fcfdfd;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.65}.eod-date-chip{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.eod-date-chip.live{color:#15803d;background:#dcfce7}.eod-chip-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.eod-date-chip.upcoming{color:#c2410c;background:#fff7ed;font-weight:600}.eod-date-chip.archived{color:#5f6368;background:#f1f3f4;font-weight:600}.eod-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.eod-stat{border:1px solid var(--border);background:#fff;border-left:4px solid #34d399;border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.eod-stat.navy{border-left-color:#162432}.eod-stat.amber{border-left-color:#f59e0b}.eod-stat.mint{border-left-color:#34d399}.eod-stat-value{color:#162432;font-size:22px;font-weight:800;line-height:1.1}.eod-stat-label{color:var(--text-muted);font-size:12px;font-weight:600}@media (width<=760px){.eod-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.eod-tabs{align-self:stretch}.eod-tab{flex:1;justify-content:center;padding:9px 10px}.eod-tab-hint{display:none}.eod-fill-head,.eod-form,.eod-submitted-view,.eod-context{padding-left:16px;padding-right:16px}}.eod-fill-head{align-items:center;padding:18px 26px}.eod-fill-title{margin:2px 0 0}.eod-step{border-bottom:1px solid var(--border);padding:22px 26px}.eod-step-last{border-bottom:0}.eod-step-title{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.eod-step-title h4{color:#162432;margin:0;font-size:15px;font-weight:700}.eod-step-title p{color:var(--text-muted);margin:2px 0 0;font-size:12.5px;line-height:1.5}.eod-step-num{color:#6ee7b7;background:#162432;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.eod-assigned{border:1px solid var(--border);background:#fcfdfd;border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.eod-assigned-row{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:12px;padding:12px 16px;display:grid}.eod-assigned-row+.eod-assigned-row{border-top:1px solid var(--border)}.eod-assigned-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding-top:3px;font-size:11.5px;font-weight:700}.eod-assigned-value{flex-wrap:wrap;gap:8px;display:flex}.eod-assigned-task{white-space:pre-wrap;color:var(--text-primary);font-size:14px;line-height:1.6}.eod-task-status{color:#1e3245;background:#e8eef4;border-radius:99px;padding:3px 11px;font-size:12px;font-weight:700}.eod-task-status.assigned{color:#0b8a5f;background:#34d3992e}.eod-task-status.unassigned{color:#64748b;background:#f1f5f9}.eod-assigned-empty{border:1.5px dashed var(--border-strong);color:var(--text-muted);background:#f8fafc;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex}.eod-assigned-empty div{flex-direction:column;gap:2px;font-size:13px;display:flex}.eod-assigned-empty strong{color:var(--text-secondary)}.eod-step .eod-form,.eod-step .eod-submitted-view{padding:0}@media (width<=760px){.eod-step{padding:18px 16px}.eod-assigned-row{grid-template-columns:1fr;gap:4px}}.eod-fill-wrap{width:100%;max-width:none}.eod-fill-card{width:100%}.suggest-input-wrap{position:relative}.suggest-input-menu{z-index:50;width:auto;min-width:0;max-width:none;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.stats-grid{margin-bottom:16px}.analytics-section-head{margin:4px 0 12px}.analytics-grid{align-items:stretch;gap:16px;margin-bottom:16px}.analytics-grid>.chart-card{height:100%}.portfolio-overview{flex:1}.portfolio-avg{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.portfolio-avg-head{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12.5px;font-weight:600;display:flex}.portfolio-avg-head strong{color:var(--accent);font-size:13px}.dashboard-bottom{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.dashboard-bottom>.card{flex-direction:column;min-width:0;margin:0;display:flex}.dashboard-bottom .deadline-list{max-height:360px;overflow-y:auto}.dashboard-bottom .filter-pills{flex-wrap:wrap}@media (width<=1280px){.dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom>:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=760px){.dashboard-bottom{grid-template-columns:1fr}}.docs-page{flex-direction:column;gap:16px;display:flex}.docs-hero{color:#fff;background:radial-gradient(circle at 94% 0,#34d39973 0,#34d39900 44%),linear-gradient(135deg,#121d27 0%,#162432 55%,#1e3245 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.docs-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6ee7b7;font-size:11.5px;font-weight:700}.docs-hero-title{margin:4px 0 6px;font-size:21px;font-weight:800}.docs-hero-sub{color:#ffffffc7;margin:0;font-size:13px}.docs-search{background:#fff;min-width:260px}.docs-project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.docs-project-card{text-align:left;cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.docs-project-card:hover{border-color:#34d399b3;transform:translateY(-2px);box-shadow:0 12px 26px #1624321a}.docs-project-card-top{justify-content:space-between;align-items:center;display:flex}.docs-project-icon{color:#0f9f6e;background:#34d39926;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.docs-project-name{color:#162432;font-size:15.5px;font-weight:700}.docs-project-meta{color:var(--text-muted);gap:6px;font-size:12.5px;display:flex}.docs-project-open{color:var(--accent);align-items:center;gap:4px;margin-top:4px;font-size:12.5px;font-weight:700;display:inline-flex}.docs-project-head{flex-direction:column;gap:10px;display:flex}.docs-project-head>.btn{align-self:flex-start}.docs-project-head-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.docs-project-head-main h2{color:#162432;margin:0;font-size:20px;font-weight:800}.docs-module-tabs{flex-wrap:wrap;gap:8px;display:flex}.docs-module-tab{cursor:pointer;border:1px solid var(--border);color:#334155;background:#fff;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.docs-module-tab.active{color:#6ee7b7;background:#162432;border-color:#162432}.docs-module-count{text-align:center;background:#94a3b833;border-radius:99px;min-width:20px;padding:0 6px;font-size:11px;font-weight:700}.docs-module-tab.active .docs-module-count{background:#6ee7b733}.docs-list-card{margin:0;padding:0;overflow:hidden}.docs-list-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:16px 20px;display:flex}.docs-list-head h3{color:#162432;margin:0;font-size:15px;font-weight:700}.docs-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:40px 20px;font-size:13px;display:flex}.docs-empty strong{color:var(--text-secondary)}.docs-items{flex-direction:column;display:flex}.docs-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 20px;display:flex}.docs-item:last-child{border-bottom:0}.docs-item:hover{background:#fafcfd}.docs-item-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.tone-violet{color:#6d28d9;background:#ede9fe}.tone-red{color:#b91c1c;background:#fee2e2}.tone-blue{color:#1d4ed8;background:#dbeafe}.tone-green{color:#15803d;background:#dcfce7}.tone-amber{color:#b45309;background:#fef3c7}.tone-slate{color:#475569;background:#f1f5f9}.tone-sky{color:#0369a1;background:#e0f2fe}.tone-mint{color:#0b8a5f;background:#34d39929}.docs-item-main{flex:1;min-width:0}.docs-item-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.docs-item-title-btn{cursor:pointer;color:#162432;text-align:left;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.docs-item-title-btn:hover{color:var(--accent)}.docs-badge{color:#475569;background:#f1f5f9;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700}.docs-badge.confidential{color:#6ee7b7;background:#162432}.docs-item-desc{color:var(--text-secondary);margin-top:3px;font-size:13px}.docs-item-meta{color:var(--text-muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.docs-item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.doc-type-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.doc-type-tab{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.doc-type-tab strong{color:#162432;font-size:13.5px}.doc-type-tab span{color:var(--text-muted);font-size:11.5px}.doc-type-tab.active{background:#f8fafc;border-color:#162432;box-shadow:0 0 0 2px #1624321f}.doc-dropzone{cursor:pointer;border:1.5px dashed var(--border-strong);width:100%;color:var(--text-muted);background:#f8fafc;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px;font-size:12.5px;display:flex}.doc-dropzone strong{color:#162432;overflow-wrap:anywhere;font-size:13.5px}.doc-dropzone:hover{border-color:var(--accent)}.doc-visibility{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.doc-vis-card{border:1.5px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.doc-vis-card strong{color:#162432;font-size:13.5px}.doc-vis-card span{color:var(--text-muted);font-size:12px;line-height:1.45}.doc-vis-card.active{border-color:var(--accent);background:#34d39914}.doc-vis-card.confidential.active{background:#162432;border-color:#162432}.doc-vis-card.confidential.active strong{color:#6ee7b7}.doc-vis-card.confidential.active span{color:#ffffffc7}.doc-vis-card:disabled{opacity:.55;cursor:not-allowed}.doc-share-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:4px 0 12px;padding:10px 12px;font-size:12.5px}.doc-viewer{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.doc-viewer-desc{color:var(--text-secondary);margin:0;font-size:13px}.doc-viewer-stage{border:1px solid var(--border);background:#f1f5f9;border-radius:12px;flex:1;min-height:0;position:relative;overflow:auto}.doc-viewer-foot{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.doc-viewer-loading,.doc-viewer-error,.doc-viewer-empty{text-align:center;min-height:260px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.doc-viewer-error{color:#b91c1c}.doc-viewer-empty strong{color:#162432;overflow-wrap:anywhere;font-size:14px}.doc-pdf-frame{border:0;width:100%;height:100%;min-height:60vh;display:block}.doc-image{max-width:100%;margin:0 auto;display:block}.doc-image-canvas{max-width:100%;height:auto;margin:0 auto;display:block}.doc-pdf-pages{flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}.doc-pdf-page{background:#fff;max-width:100%;height:auto;box-shadow:0 2px 10px #0f172a26}.doc-note-view{white-space:pre-wrap;color:var(--text-primary);background:#fff;min-height:100%;padding:20px;font-size:14px;line-height:1.65}.doc-link-view{background:#fff;flex-direction:column;gap:6px;min-height:100%;padding:20px;display:flex}.doc-link-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.doc-link-view a,.doc-link-view code{overflow-wrap:anywhere;font-size:14px}.no-select,.doc-protected,.doc-protected *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.doc-protected{min-height:100%;position:relative}.doc-protected-notice{z-index:3;color:#6ee7b7;background:#162432;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.doc-protected-body{position:relative}.doc-watermark{z-index:2;pointer-events:none;transform-origin:50%;flex-wrap:wrap;align-content:flex-start;gap:60px 40px;padding:30px;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotate(-24deg)scale(1.4)}.doc-watermark span{color:#16243221;white-space:nowrap;font-size:13px;font-weight:700}.doc-protected.is-hidden .doc-protected-body{filter:blur(22px)}.doc-protected-cover{z-index:4;cursor:pointer;color:#fff;text-align:center;background:#121d27d1;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.doc-protected-cover strong{color:#6ee7b7;font-size:16px}@media print{body.doc-confidential-open *{visibility:hidden!important}}@media (width<=760px){.docs-item{flex-wrap:wrap}.docs-item-actions{justify-content:flex-end;width:100%}.doc-type-tabs,.doc-visibility{grid-template-columns:1fr}}.doc-protected-cover{justify-content:flex-start;padding:0}.doc-protected-cover-inner{background:#121d27eb;border-radius:14px;flex-direction:column;align-items:center;gap:6px;max-width:520px;margin:120px auto 0;padding:20px 24px;display:flex;position:sticky;top:30%;box-shadow:0 10px 30px #00000059}.human-check-host{z-index:100000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.att-tampered{color:#b91c1c;background:#fee2e2;border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.att-integrity-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.people-filterbar{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px;display:flex}.people-chip{cursor:pointer;color:#475569;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 12px 8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.people-chip:hover{color:#162432;background:#f1f5f9}.people-chip-count{text-align:center;color:#475569;background:#f1f5f9;border-radius:99px;min-width:24px;padding:1px 8px;font-size:11.5px;font-weight:800}.people-chip.chip-project_admin .people-chip-count{color:#1e3245;background:#e8eef4}.people-chip.chip-super_admin .people-chip-count{color:#6ee7b7;background:#162432}.people-chip.chip-member .people-chip-count{color:#0b8a5f;background:#34d39929}.people-chip.chip-pending .people-chip-count{color:#b45309;background:#fef3c7}.people-chip.active{color:#fff;background:#162432;border-color:#162432;box-shadow:0 4px 12px #16243238}.people-chip.active .people-chip-count{color:#0b2a22;background:#34d399}.profile-layout{align-items:stretch}.profile-summary{flex-direction:column;height:100%;display:flex}.profile-summary-body{flex:1}.profile-card{height:100%}.docs-searchbox{cursor:text;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c7f9e4;background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;flex:0 420px;align-items:center;gap:10px;min-width:320px;max-width:420px;height:46px;padding:0 8px 0 14px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.docs-searchbox:focus-within{color:#0f9f6e;background:#fff;border-color:#34d399;box-shadow:0 0 0 4px #34d39940}.docs-searchbox input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.docs-searchbox:focus-within input{color:#162432}.docs-searchbox input::placeholder{color:#ffffffa6}.docs-searchbox:focus-within input::placeholder{color:#94a3b8}.docs-searchbox-count{color:#6ee7b7;background:#34d39938;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:11.5px;font-weight:700}.docs-searchbox:focus-within .docs-searchbox-count{color:#0f9f6e;background:#34d39926}.docs-searchbox-clear{cursor:pointer;width:28px;height:28px;color:inherit;background:#94a3b833;border:0;border-radius:50%;flex-shrink:0;font-size:18px;line-height:1}.docs-body{display:block}.docs-body.has-modules{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.docs-module-nav{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;flex-direction:column;display:flex;position:sticky;top:16px;overflow:hidden}.docs-module-nav-head{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 14px;font-size:11.5px;font-weight:800}.docs-module-nav-list{flex-direction:column;gap:4px;max-height:calc(100vh - 230px);padding:8px;display:flex;overflow-y:auto}.docs-module-link{cursor:pointer;text-align:left;color:#334155;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.docs-module-link:hover{background:#f1f5f9}.docs-module-link.active{color:#6ee7b7;background:#162432}.docs-module-link-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.docs-module-link.active .docs-module-count{background:#6ee7b733}.docs-list-pagination{border-top:1px solid var(--border);padding:10px 16px}@media (width<=900px){.docs-body.has-modules{grid-template-columns:1fr}.docs-module-nav{position:static}.docs-module-nav-list{flex-direction:row;max-height:none;overflow-x:auto}.docs-module-link{flex-shrink:0;width:auto}.docs-searchbox{flex:100%;min-width:0}}.mm{flex-direction:column;gap:14px;padding:16px;display:flex}.mm-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.mm-stat{border:1px solid var(--border);background:#fff;border-top:4px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.mm-stat-value{color:#162432;font-size:20px;font-weight:800}.mm-stat-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.mm-stat-present{border-top-color:#16a34a}.mm-stat-wfh{border-top-color:#0284c7}.mm-stat-half{border-top-color:#d97706}.mm-stat-leave{border-top-color:#7c3aed}.mm-stat-absent{border-top-color:#dc2626}.mm-stat-unmarked{border-top-color:#94a3b8}.mm-stat-hours{border-top-color:#162432}.mm-legend{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px;display:flex}.mm-legend-item{align-items:center;gap:6px;display:inline-flex}.mm-swatch{border-radius:4px;width:16px;height:16px;display:inline-block}.mm-swatch-weekend{background:#f1f5f9;border:1px solid #e2e8f0}.mm-scroll{border:1px solid var(--border);background:#fff;border-radius:12px;max-height:65vh;overflow:auto}.mm-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.mm-table th,.mm-table td{text-align:center;border-bottom:1px solid #eef2f6}.mm-table thead th{z-index:2;color:#e2e8f0;background:#162432;padding:8px 4px;font-weight:700;position:sticky;top:0}.mm-sticky{z-index:1;background:#fff;position:sticky;left:0}.mm-table thead .mm-sticky{z-index:3;background:#162432}.mm-name-col{border-right:1px solid #e2e8f0;min-width:220px;max-width:260px;text-align:left!important;padding:8px 12px!important}.mm-name-col .dev-pill{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:200px;display:inline-block;overflow:hidden}.mm-day{min-width:32px}.mm-day-num{font-size:12px;display:block}.mm-day-dow{opacity:.65;font-size:10px;font-weight:600;display:block}.mm-table thead th.is-weekend{background:#1e3245}.mm-table thead th.is-holiday{background:#92400e}.mm-table thead th.is-today{color:#062a1f;background:#10b981}.mm-daycell{padding:4px 2px}.mm-daycell.is-weekend{background:#f8fafc}.mm-daycell.is-holiday{background:#fffbeb}.mm-daycell.is-today{background:#10b98114}.mm-table tbody tr:hover td,.mm-table tbody tr:hover .mm-sticky{background:#f1f5f9}.mm-cell{border-radius:6px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:inline-grid}.mm-present{color:#15803d;background:#dcfce7}.mm-wfh{color:#0369a1;background:#e0f2fe}.mm-half{color:#b45309;background:#fef3c7}.mm-leave{color:#6d28d9;background:#ede9fe}.mm-absent{color:#b91c1c;background:#fee2e2}.mm-tampered{color:#b91c1c;background:#fff;border:1.5px solid #dc2626}.mm-unmarked{color:#94a3b8;background:#f1f5f9}.mm-holiday{color:#92400e;background:#fde68a;font-size:10px}.mm-empty{background:0 0}.mm-other{color:#334155;background:#e2e8f0}.mm-total-head{min-width:70px;padding:8px!important}.mm-total{padding:4px 6px}.mm-total-pill{border-radius:99px;min-width:30px;padding:2px 8px;font-weight:800;display:inline-block}.mm-total-pill.is-zero{opacity:.4}.mm-total-pill.mm-t-present{color:#15803d;background:#dcfce7}.mm-total-pill.mm-t-wfh{color:#0369a1;background:#e0f2fe}.mm-total-pill.mm-t-half{color:#b45309;background:#fef3c7}.mm-total-pill.mm-t-leave{color:#6d28d9;background:#ede9fe}.mm-total-pill.mm-t-absent{color:#b91c1c;background:#fee2e2}.mm-total-pill.mm-t-unmarked{color:#475569;background:#f1f5f9}.mm-hours{color:#162432;white-space:nowrap;font-weight:700}.mm-flag{color:#b91c1c;vertical-align:middle;background:#fee2e2;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:6px;font-size:11px;font-weight:800;display:inline-grid}@media (width<=1100px){.mm-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.mm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-name-col{min-width:150px}}.notif-wrap{position:relative}.notif-bell{cursor:pointer;border:1px solid var(--border);color:#334155;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid;position:relative}.notif-bell:hover,.notif-bell.open{color:#6ee7b7;background:#162432;border-color:#162432}.notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.notif-panel{z-index:2000;border:1px solid var(--border);background:#fff;border-radius:16px;width:380px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 24px 48px -12px #0f172a47}.notif-head{color:#fff;background:#162432;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.notif-head strong{font-size:14.5px;display:block}.notif-head span{color:#6ee7b7;font-size:12px}.notif-head-actions{gap:6px;display:flex}.notif-head-actions button{color:#6ee7b7;cursor:pointer;background:0 0;border:1px solid #6ee7b766;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:700}.notif-head-actions button:hover{background:#6ee7b71f}.notif-list{max-height:420px;overflow-y:auto}.notif-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:36px 16px;font-size:13px;display:flex}.notif-item{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;display:flex}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#34d39912}.notif-icon{color:#475569;background:#f1f5f9;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.notif-icon.kind-doc_shared{color:#1d4ed8;background:#dbeafe}.notif-icon.kind-task_assigned{color:#0b8a5f;background:#34d39929}.notif-icon.kind-project_assigned{color:#6d28d9;background:#ede9fe}.notif-icon.kind-role_changed{color:#6ee7b7;background:#162432}.notif-icon.kind-holiday{color:#b45309;background:#fef3c7}.notif-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-title{color:#162432;font-size:13px;font-weight:700}.notif-body{color:var(--text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.notif-time{color:var(--text-muted);font-size:11.5px}.notif-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-foot{color:var(--text-muted);text-align:center;background:#f8fafc;padding:8px 16px;font-size:11.5px}.att-missed-checkout{color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.mm-no-checkout{position:relative}.mm-caution{color:#fff;background:#f59e0b;border:1.5px solid #fff;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:-5px;right:-5px}.notif-icon.kind-checkout_reminder{color:#0369a1;background:#e0f2fe}.notif-icon.kind-checkout_missed{color:#b45309;background:#fef3c7}.roles-role-badge{white-space:nowrap;justify-content:center;align-items:center;margin-top:0;padding:4px 10px;font-size:10.5px;line-height:1.2;display:inline-flex}