:root{--navy:#173d58;--navy-2:#102d42;--teal:#0c7772;--teal-2:#23a39a;--cream:#f5f2ea;--card:#fff;--text:#172b3a;--muted:#697985;--border:#dbe3e2;--danger:#c83f4f;--warning:#a76a10;--success:#19734f;--radius:14px;--shadow:0 10px 32px rgba(23,61,88,.07)}*{box-sizing:border-box}html{font-family:Tahoma,Arial,sans-serif;background:var(--cream);color:var(--text)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:.16s ease}.app-body{background:var(--cream)}.sidebar{position:fixed;inset:0 0 0 auto;width:272px;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50}.sidebar-brand,.brand-row{display:flex;align-items:center;gap:12px}.sidebar-brand{padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--teal-2);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.12)}.sidebar-brand strong,.brand-row strong{display:block;font-size:21px}.sidebar-brand small,.brand-row small{display:block;color:#c5d1d8;font-size:12px;margin-top:3px}.sidebar-close{display:none;margin-inline-start:auto;border:0;background:transparent;color:#fff;font-size:25px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding-top:20px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#d9e2e7;font-size:14px}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link.active{background:#fff;color:var(--navy);font-weight:700;box-shadow:0 7px 20px rgba(0,0,0,.12)}.nav-icon{width:24px;text-align:center;font-size:19px;color:var(--teal-2)}.sidebar-user{margin-top:auto;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:15px;padding:10px;display:flex;align-items:center;gap:8px}.user-summary{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.user-summary>span:last-child{min-width:0}.user-summary strong,.user-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-summary strong{font-size:13px}.user-summary small{font-size:11px;color:#c5d1d8;margin-top:2px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--teal-2);color:#fff;font-weight:800}.avatar.teal{width:40px;height:40px}.logout-button{border:0;background:transparent;color:#d8e3e8;font-size:20px;cursor:pointer;border-radius:8px;padding:5px}.logout-button:hover{background:rgba(255,255,255,.1)}.main-area{min-height:100vh;margin-right:272px}.topbar{position:sticky;top:0;z-index:30;min-height:78px;padding:14px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(245,242,234,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(207,217,215,.8)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{font-size:23px;margin:0;color:var(--navy)}.topbar p{font-size:13px;color:var(--muted);margin:5px 0 0}.topbar-user{display:flex;align-items:center;gap:11px;text-align:left}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{font-size:13px}.topbar-user small{font-size:11px;color:var(--muted);margin-top:3px}.menu-button{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer}.content-wrap{max-width:1500px;margin:auto;padding:30px 34px 50px}.card{background:var(--card);border:1px solid rgba(214,225,223,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{padding:20px 22px;border-bottom:1px solid #edf1f0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-header h2,.card-header h3{margin:0;color:var(--navy)}.card-header h2{font-size:18px}.card-header h3{font-size:16px}.card-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.card-body{padding:22px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:18px}.hero{background:var(--navy);color:#fff;border-radius:26px;padding:30px;position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(23,61,88,.15)}.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-70px;top:-100px;background:rgba(35,163,154,.18);filter:blur(5px)}.hero-content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.hero h2{font-size:29px;margin:10px 0}.hero p{color:#d7e2e7;line-height:1.8;margin:0;max-width:600px}.quick-clock{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:15px;min-width:280px}.quick-clock small{display:block;color:#d7e2e7;margin-bottom:10px}.button-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;min-height:38px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:#096661}.button.secondary{background:#e8f2f1;color:var(--navy);border-color:#d3e7e4}.button.outline{background:#fff;color:var(--navy);border-color:var(--border)}.button.danger{background:#fff0f1;color:var(--danger);border-color:#f1d0d5}.button.ghost{background:transparent;color:var(--navy)}.button.small{min-height:32px;padding:6px 10px;font-size:12px}.button.wide{width:100%;min-height:46px}.button:disabled{opacity:.5;cursor:not-allowed}.kpi{padding:20px}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-size:31px;font-weight:800;color:var(--navy);margin:10px 0 2px}.kpi-note{font-size:11px;color:var(--muted)}.kpi-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:20px;background:#e7f4f2;color:var(--teal)}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.toolbar-group{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.search{position:relative;min-width:280px}.search input{padding-right:36px}.search:before{content:"⌕";position:absolute;right:12px;top:9px;color:var(--muted);z-index:1}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:12px 14px;text-align:right;white-space:nowrap;border-bottom:1px solid #edf1f0;vertical-align:middle}.data-table th{font-size:12px;color:#526572;background:#fafbfa;font-weight:700}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfb}.cell-title{font-weight:700;color:var(--navy)}.cell-sub{font-size:11px;color:var(--muted);margin-top:4px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;border:1px solid}.status-positive{color:var(--success);background:#ecf8f3;border-color:#ccebdd}.status-negative{color:#a82c3b;background:#fff0f2;border-color:#f4ccd2}.status-pending{color:var(--warning);background:#fff7e8;border-color:#f0dfbb}.badge{display:inline-flex;background:#edf2f2;color:#435966;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.form-card{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.form-stack label,.filter-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#435966}.form-grid .full{grid-column:1/-1}.form-stack{display:flex;flex-direction:column;gap:18px}.form-section{border:1px solid var(--border);border-radius:14px;padding:18px}.form-section h2{font-size:16px;margin:0 0 5px;color:var(--navy)}.form-section>p{font-size:12px;color:var(--muted);margin:0 0 15px}.input, input,select,textarea{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;min-height:40px;padding:9px 11px;outline:0}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--teal-2);box-shadow:0 0 0 3px rgba(35,163,154,.15)}textarea{min-height:90px;resize:vertical}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;background:#f7f9f8;border:1px solid var(--border);padding:11px;border-radius:10px}.checkbox-row input{width:17px;min-height:17px}.notice{border:1px solid;border-radius:12px;padding:13px 15px;margin-bottom:18px;font-size:13px;line-height:1.6;transition:.3s}.notice.success{background:#edf9f4;border-color:#c5e8d7;color:#176849}.notice.error{background:#fff0f2;border-color:#f1c9cf;color:#9f2939}.notice.warning{background:#fff8e9;border-color:#efdfb8;color:#8a5811}.notice.info{background:#eff7fc;border-color:#cbe2f1;color:#24617e}.notice.is-hiding{opacity:0;transform:translateY(-6px)}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--navy);margin-bottom:6px}.empty-icon{font-size:32px;opacity:.5;margin-bottom:10px}.project-card{padding:20px}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-title{display:flex;gap:12px}.project-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#e5f3f1;color:var(--teal);font-size:20px}.project-card h3{margin:1px 0 4px;color:var(--navy);font-size:16px}.project-card small{color:var(--muted)}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.project-stat{background:#f5f7f6;border-radius:11px;padding:11px}.project-stat small{display:block}.project-stat strong{display:block;margin-top:6px;font-size:13px}.section-title{margin:0 0 15px;color:var(--navy);font-size:18px}.approval-item{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:12px;padding:11px}.approval-item+.approval-item{margin-top:8px}.approval-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff4db;color:#a86a0e}.approval-item>div{min-width:0}.approval-item strong,.approval-item small{display:block}.approval-item small{color:var(--muted);margin-top:4px}.password-wrap{position:relative}.password-wrap button{position:absolute;left:7px;top:6px;border:0;background:#edf2f2;color:var(--navy);border-radius:7px;padding:5px 8px;font-size:11px;cursor:pointer}.login-body,.install-body{min-height:100vh;background:#eef2ef;display:grid;place-items:center;padding:25px}.login-shell{width:min(980px,100%);min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(23,61,88,.15)}.login-panel{background:var(--navy);color:#fff;padding:42px;display:flex;flex-direction:column}.brand-row small{color:#c8d5dc}.login-copy{margin:auto 0}.eyebrow{display:inline-flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 11px;font-size:11px}.login-copy h1{font-size:38px;line-height:1.35;margin:18px 0}.login-copy p{color:#cedae0;line-height:1.9}.login-points{display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.login-points span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.06)}.login-card{padding:58px 48px;display:flex;flex-direction:column;justify-content:center;gap:25px}.login-card h2{font-size:27px;margin:0;color:var(--navy)}.login-card p{margin:7px 0 0;color:var(--muted);font-size:13px}.login-help{text-align:center!important;font-size:11px!important}.install-shell{width:min(850px,100%)}.install-brand{text-align:center;margin-bottom:18px}.install-brand .brand-mark{margin:auto}.install-brand h1{margin:13px 0 7px;color:var(--navy)}.install-brand p{color:var(--muted);margin:0}.install-card{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.date-range{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap}.date-range label{font-size:11px;color:var(--muted);font-weight:700}.date-range input{margin-top:5px}.metric-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:16px;border:1px solid var(--border);border-radius:13px;background:#fafbfa}.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:23px;color:var(--navy);margin-top:7px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.permission{padding:14px;border:1px solid var(--border);border-radius:12px;background:#fafbfa}.permission strong{display:block;color:var(--navy)}.permission p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}.muted{color:var(--muted)}.text-danger{color:var(--danger)}.ltr{direction:ltr;text-align:right}.mobile-only{display:none}.sidebar-overlay{display:none}
.field-label{display:block;font-size:12px;font-weight:700;color:#435966;margin-bottom:7px}.button.disabled{opacity:.5;pointer-events:none}
@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.hero-content{align-items:flex-start;flex-direction:column}.quick-clock{min-width:0;width:100%}}
@media(max-width:820px){.sidebar{transform:translateX(110%);box-shadow:-20px 0 50px rgba(0,0,0,.2)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(8,24,34,.5);z-index:40}.sidebar-open .sidebar-overlay{display:block}.sidebar-close,.menu-button{display:block}.main-area{margin-right:0}.topbar{padding:12px 18px}.content-wrap{padding:20px 15px 40px}.topbar-user>span:first-child{display:none}.form-grid.three{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr;min-height:auto}.login-panel{display:none}.login-card{padding:38px 26px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-group{align-items:stretch}.search{min-width:0;width:100%}}
@media(max-width:560px){.grid.two,.grid.three,.grid.four,.form-grid,.form-grid.three,.metric-list,.permission-grid{grid-template-columns:1fr}.hero{padding:23px}.hero h2{font-size:24px}.quick-clock .button{flex:1}.topbar p{display:none}.topbar h1{font-size:19px}.card-header{padding:17px}.card-body{padding:17px}.form-grid .full{grid-column:auto}.button-row .button{flex-grow:1}.install-card{padding:18px}.project-stats{grid-template-columns:1fr}.mobile-only{display:block}}
.sidebar-nav{overflow-y:auto;min-height:0;padding-left:3px}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0 10px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06);color:#e4edf1;cursor:pointer;text-align:right}.theme-toggle:hover{background:rgba(255,255,255,.11)}.theme-top-button{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--navy);cursor:pointer}.audit-meta{min-width:205px}.audit-meta strong,.audit-meta small{display:block}.audit-meta small{color:var(--muted);margin-top:4px}.summary-strip{display:flex;flex-wrap:wrap;gap:9px}.summary-chip{padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--card);font-size:12px}.summary-chip strong{color:var(--navy)}.tabs-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs-row a{padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:var(--card);font-size:12px;font-weight:700}.tabs-row a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.money-positive{color:var(--success);font-weight:800}.money-negative{color:var(--danger);font-weight:800}.file-note{font-size:11px;color:var(--muted);line-height:1.7}.compact-form{display:flex;gap:8px;align-items:center}.compact-form input,.compact-form select{min-width:105px}.drive-state{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:13px;background:#fafbfa}.drive-dot{width:13px;height:13px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px rgba(200,63,79,.1)}.drive-dot.connected{background:var(--success);box-shadow:0 0 0 5px rgba(25,115,79,.1)}
[data-theme=dark]{--cream:#0e1821;--card:#172530;--text:#e4edf2;--muted:#9fb0bb;--border:#32434d;--navy:#d9edf5;--navy-2:#0b151d;--shadow:0 12px 32px rgba(0,0,0,.22);color-scheme:dark;background:#0e1821}[data-theme=dark] .app-body,[data-theme=dark] body{background:var(--cream);color:var(--text)}[data-theme=dark] .sidebar{background:#0b202d}[data-theme=dark] .nav-link.active{background:#203845;color:#fff}[data-theme=dark] .topbar{background:rgba(14,24,33,.92);border-color:#2a3b45}[data-theme=dark] .card,[data-theme=dark] .summary-chip,[data-theme=dark] .tabs-row a{background:var(--card);border-color:var(--border)}[data-theme=dark] .card-header,[data-theme=dark] .data-table th,[data-theme=dark] .data-table td{border-color:#2a3b45}[data-theme=dark] .data-table th,[data-theme=dark] .data-table tbody tr:hover,[data-theme=dark] .metric,[data-theme=dark] .permission,[data-theme=dark] .project-stat,[data-theme=dark] .checkbox-row,[data-theme=dark] .drive-state{background:#1b2b36}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .button.outline,[data-theme=dark] .theme-top-button{background:#12212b;color:var(--text);border-color:var(--border)}[data-theme=dark] .button.danger{background:#351f26}[data-theme=dark] .button.secondary{background:#24413f;color:#e9ffff}[data-theme=dark] .badge{background:#263944;color:#d8e5eb}[data-theme=dark] .hero{background:#143548}[data-theme=dark] .cell-title,[data-theme=dark] .kpi-value,[data-theme=dark] .card-header h2,[data-theme=dark] .card-header h3,[data-theme=dark] .project-card h3,[data-theme=dark] .section-title,[data-theme=dark] .topbar h1,[data-theme=dark] .summary-chip strong{color:#e5f4fa}
@media(max-width:820px){.theme-top-button{display:none}}