:root{--ink:#14243a;--muted:#66758a;--paper:#fff;--panel:#fff;--panel2:#f5f8fc;--line:#d6e1ed;--accent:#276fbf;--soft:#e5f0fd;--danger:#ce4d58;--control:#fff}html[data-theme=dark]{--ink:#edf4ff;--muted:#aebfd7;--paper:#07172d;--panel:#0c2240;--panel2:#102b4f;--line:#24466f;--accent:#5da9ff;--soft:#163b69;--danger:#f46d6d;--control:#071b32}@media (prefers-color-scheme:dark){html[data-theme=system]{--ink:#edf4ff;--muted:#aebfd7;--paper:#07172d;--panel:#0c2240;--panel2:#102b4f;--line:#24466f;--accent:#5da9ff;--soft:#163b69;--danger:#f46d6d;--control:#071b32}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{color:#fff;background:#0a2443;border-bottom:1px solid #1d4d7c;align-items:center;gap:14px;height:64px;padding:0 32px;display:flex}.brand{align-items:center;gap:9px;font-size:20px;font-weight:750;display:flex}.brand span{color:#06203d;background:#73b8ff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.prototype{color:#b8d2ed;background:#12355c;border-radius:99px;margin-left:auto;padding:6px 10px;font-size:13px}.admin-top{color:#ffdce0;background:#552534;border:1px solid #a84952;border-radius:8px;padding:8px 11px;font-weight:700}.avatar{color:#fff;background:#315b86;border:0;border-radius:50%;width:32px;height:32px;font-weight:700}.account-wrap{position:relative}.account-menu{z-index:4;background:var(--panel);border:1px solid var(--line);width:190px;color:var(--ink);border-radius:10px;gap:7px;padding:12px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 12px 28px #0003}.account-menu span{color:var(--muted);margin-bottom:5px;font-size:12px}.account-menu button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:6px;padding:7px}.account-menu button:hover{background:var(--soft)}.shell{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}aside{background:#0a2443;border-right:1px solid #1d4d7c;padding:24px 14px;position:relative}nav{display:grid}.nav{text-align:left;color:#c2d8ed;background:0 0;border:0;border-radius:8px;padding:11px 13px}.nav:hover,.nav.active{color:#fff;background:#174675;font-weight:700}.project-switcher{border-top:1px solid #285981;margin-top:25px;padding-top:18px}.project-switcher p{color:#a9c7e4;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;padding-left:10px;font-size:11px}.project-nav{color:#c2d8ed;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 10px;font-size:13px}.project-nav:hover,.project-nav.selected{color:#fff;background:#174675}.settings-nav{color:#c2d8ed;align-items:center;gap:9px;font-size:13px;display:flex;position:absolute;bottom:20px;left:20px}.cog{color:#c2d8ed;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px;font-size:21px}.cog:hover,.cog.active{color:#fff;background:#174675;border-color:#3973a8}.content{width:min(1160px,100%);margin:0 auto;padding:48px}.notice{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:9px;justify-content:space-between;margin-bottom:22px;padding:12px 14px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:20px}.page-head,.admin-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.page-head h1,.admin-head h1{letter-spacing:-1.5px;margin:2px 0 7px;font-size:36px}.page-head p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:var(--accent)!important;font-size:12px!important}.button{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:8px;padding:10px 14px;font-weight:650}.button:hover{background:var(--soft)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.dashboard-tools{justify-content:flex-end;margin-bottom:28px;display:flex}.active-timer{color:#fff;background:#123b66;border-radius:14px;justify-content:space-between;align-items:center;margin:0 0 28px;padding:24px;display:flex}.active-timer h2{margin:4px 0;font-size:22px}.active-timer p{color:#d3e7fb;margin:0}.timer-note{color:#14243a;background:#fff;border:0;border-radius:7px;width:100%;max-width:340px;margin-top:12px;padding:9px}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:17px;display:grid}.project-card,.settings-card,.detail-graph{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:19px}.project-card.over{border-color:#d8868e}.card-link{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;padding:0;font-size:19px;display:flex}.card-link strong,.card-link small{display:block}.card-link small{color:var(--muted);min-height:16px;margin-top:6px;font-size:13px;font-weight:400}.hours{justify-content:space-between;margin:25px 0 10px;font-size:13px;display:flex}.hours strong{font-size:14px}.red,.text-danger{color:var(--danger)!important}.meter{background:var(--soft);border-radius:99px;height:8px;overflow:hidden}.meter i{background:var(--accent);border-radius:inherit;height:100%;display:block}.over .meter i{background:var(--danger)}.allowance,.muted{color:var(--muted);font-size:12px}.allowance{margin:10px 0 0}.wide{width:100%;margin-top:12px}.empty{background:var(--panel);border:1px dashed var(--line);text-align:center;border-radius:13px;padding:44px}.back,.inline-button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:700}.back{margin-bottom:19px}.actions{flex-wrap:wrap;gap:10px;display:flex}.csv-button{padding:8px 10px;font-size:13px}.csv-button span{margin-right:3px;font-size:16px}.summary{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid}.summary div{border-right:1px solid var(--line);padding:20px}.summary div:last-child{border:0}.summary small{color:var(--muted);margin-bottom:7px;display:block}.summary strong{font-size:22px;display:block}.inline-button{padding-top:6px;font-size:12px}.detail-graph{margin-bottom:34px}.detail-graph .hours{margin:0 0 10px}.section-title{font-size:20px}.entry-list,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:auto}.entry{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:18px;display:flex}.entry:last-child{border:0}.entry p{color:var(--muted);margin:6px 0 0;font-size:14px}.entry-actions{align-items:center;gap:14px;display:flex}.entry-actions button{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px}.empty-entry{padding:18px}.settings-card{gap:16px;max-width:640px;display:grid}.settings-card label,.form label{gap:7px;font-size:14px;font-weight:650;display:grid}.settings-card h2{font-size:20px}.settings-card p{color:var(--muted);line-height:1.5}.settings-card hr{border:0;border-top:1px solid var(--line);margin:12px 0}.admin-page{color:#edf4ff;background:linear-gradient(135deg,#0b2341,#102b4e);border:1px solid #28537b;border-radius:16px;min-height:570px;padding:32px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.admin-stats div{background:#0a1d36;border:1px solid #284d75;border-radius:11px;padding:19px}.admin-stats small{color:#aebfd7;margin-bottom:7px;display:block}.admin-stats strong{font-size:25px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:16px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.right{text-align:right}.status{color:#9be8b2;background:#164a33;border-radius:99px;padding:5px 8px;font-size:12px;font-weight:700}.overlay{z-index:3;background:#020b17aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:15px;width:min(560px,100%);padding:24px;box-shadow:0 20px 80px #0008}.modal-head{justify-content:space-between;margin-bottom:20px;display:flex}.modal-head h2{margin:0}.modal-head button{color:var(--muted);background:0 0;border:0;font-size:24px}.form{gap:16px;display:grid}.form label span{color:var(--muted);font-weight:400}input,textarea,select{border:1px solid var(--line);background:var(--control);color:var(--ink);border-radius:8px;width:100%;padding:10px}textarea{resize:vertical}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:7px;display:flex}.help{color:var(--muted);margin:0;font-size:13px}.form-error{color:#882b35;background:#ffe8e9;border:1px solid #e16670;border-radius:8px;padding:12px;font-weight:800}@media (max-width:720px){.topbar{padding:0 18px}.prototype{display:none}.admin-top{margin-left:auto}.shell{display:block}aside{z-index:2;border-bottom:1px solid #1d4d7c;border-right:0;min-height:51px;padding:8px 12px;position:sticky;top:0}nav{display:flex}.project-switcher{display:none}.settings-nav{bottom:8px;left:auto;right:12px}.settings-nav span{display:none}.content{padding:28px 18px}.page-head{display:grid}.page-head h1{font-size:31px}.cards,.summary,.admin-stats{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid var(--line)}.active-timer,.entry{flex-direction:column;align-items:start;gap:15px}.entry-actions{justify-content:space-between}.actions{width:100%}.two{grid-template-columns:1fr}.admin-page{padding:20px}}
.summary{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.summary div{padding:24px}.csv-button span{display:none}.csv-button:before{content:"";vertical-align:-3px;background:currentColor;width:16px;height:16px;margin-right:5px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 21h14a2 2 0 0 0 2-2v-4M3 15v4a2 2 0 0 0 2 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 21h14a2 2 0 0 0 2-2v-4M3 15v4a2 2 0 0 0 2 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.auth-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:18px;width:min(420px,100%);padding:30px;display:grid}.auth-card h1{margin:4px 0 0}.auth-card p{color:var(--muted);margin:0;line-height:1.5}.auth-card label{gap:7px;font-weight:650;display:grid}.auth-message{font-weight:650;color:var(--accent)!important}.invite-form{gap:8px;display:flex}.invite-form input{width:220px}.admin-delete{background:0 0;border:0;font-weight:650}.brand-button{color:inherit;background:0 0;border:0;padding:0}.brand img{object-fit:contain;width:30px;height:30px}.topbar .brand img{filter:brightness(0)invert()}.top-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.account-menu{width:min(260px,100vw - 24px)}.account-menu strong,.account-menu span{overflow-wrap:anywhere}.admin-page .table-wrap{background:#091c34;border-color:#355d84}.admin-page th{color:#b9d2e9;border-color:#355d84}.admin-page td{color:#f4f8ff;border-color:#355d84}.admin-page td .text-danger{color:#ff9da6!important}.settings-nav{color:#c2d8ed;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;width:calc(100% - 28px);padding:11px 13px;font-weight:650}.settings-nav span{vertical-align:-2px;margin-right:7px;font-size:19px;line-height:1;display:inline-block}.settings-nav:hover,.settings-nav.active{color:#fff;background:#174675;border-color:#3973a8}.delete-account-heading{margin:10px 0 -8px}@media (max-width:720px){.top-actions{gap:10px}.settings-nav{width:auto;bottom:8px;left:auto;right:12px}.settings-nav span{margin-right:0}.invite-form{flex-wrap:wrap;width:100%}.invite-form input{width:100%}}