:root{--primary:#1d6f5c;--primary-dark:#14503f;--primary-light:#e4f2ee;--bg:#f4f6f5;--surface:#ffffff;--text:#1c2321;--muted:#5f6b67;--border:#dfe5e2;--success:#1d8f4c;--success-bg:#e4f7ea;--warning:#b4790e;--warning-bg:#fdf1de;--danger:#c0392b;--danger-bg:#fbe7e4;--info:#2563a8;--info-bg:#e3edf7;--dark:#33403c;--dark-bg:#e7eae9;--radius:10px;--shadow:0 1px 2px rgba(20,30,25,0.06),0 1px 8px rgba(20,30,25,0.04)}@media (prefers-color-scheme:dark){:root{--primary:#4fbf9f;--primary-dark:#7fd6bb;--primary-light:#16302a;--bg:#14181a;--surface:#1c2225;--text:#eaf0ee;--muted:#9aa8a3;--border:#2c3538;--success:#4fbf6f;--success-bg:#17301f;--warning:#e0a63a;--warning-bg:#332a12;--danger:#e2695a;--danger-bg:#3a1d18;--info:#6ba3e0;--info-bg:#17293b;--dark:#c9d3cf;--dark-bg:#2a3330;--shadow:0 1px 2px rgba(0,0,0,0.3),0 1px 8px rgba(0,0,0,0.25)}html{color-scheme:dark}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}#app,.app-shell,body{min-height:100%;display:flex;flex-direction:column}#app,.app-shell{flex:1 1}a{color:var(--primary-dark)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25}p{margin:0 0 .75em}.topbar{display:flex;align-items:center;gap:16px;background:var(--surface);border-bottom:1px solid var(--border);padding:10px 20px;position:sticky;top:0;z-index:20}.brand{font-weight:700;color:var(--primary-dark);white-space:nowrap;font-size:1.05rem}.brand small{display:block;font-weight:400;color:var(--muted);font-size:.7rem}.topnav{display:flex;gap:4px;flex-wrap:wrap;flex:1 1}.topnav a{text-decoration:none;color:var(--muted);padding:8px 12px;border-radius:999px;white-space:nowrap;font-size:.88rem;font-weight:500}.topnav a.active{color:var(--primary-dark)}.topnav a.active,.topnav a:hover{background:var(--primary-light)}.nav-toggle{display:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:38px;height:38px;justify-content:center;font-size:1.15rem;cursor:pointer}.nav-toggle,.userbox{align-items:center;flex-shrink:0}.userbox{display:flex;gap:10px;white-space:nowrap}.userbox .who{text-align:right;font-size:.82rem;line-height:1.2}.userbox .who b{display:block}.userbox .who span{color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.btn-logout{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.8rem;color:var(--muted)}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}main.view{flex:1 1;padding:20px;max-width:1100px;margin:0 auto;width:100%}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.view-header h1{font-size:1.35rem}.view-header .sub{color:var(--muted);font-size:.88rem;margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.card h2,.card h3{font-size:1rem}.card-row{display:flex;gap:16px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat .value{font-size:1.6rem;font-weight:700}.stat .label{color:var(--muted);font-size:.8rem;margin-top:2px}.stat.warn .value{color:var(--warning)}.stat.danger .value{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 14px;font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.btn-success{color:var(--success);border-color:var(--success)}.btn-success:hover{background:var(--success-bg)}.btn-sm{padding:5px 10px;font-size:.78rem}.btn-block{width:100%}.btn-big{padding:18px;font-size:1.05rem;border-radius:14px}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--primary-light);border-color:transparent}label{display:block;font-size:.82rem;font-weight:600;margin-bottom:4px;color:var(--muted)}.field{margin-bottom:14px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}textarea{resize:vertical;min-height:60px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row .field{flex:1 1;min-width:160px}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin:0 0 14px}legend{font-weight:700;font-size:.85rem;padding:0 6px}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:auto}.hint{color:var(--muted);font-size:.78rem;margin-top:3px}.field-error{color:var(--danger);font-size:.82rem;margin-top:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700}tbody tr:hover{background:var(--primary-light)}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tfoot td{font-weight:700;border-top:2px solid var(--border);border-bottom:none}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--dark)}.badge,.badge-muted{background:var(--dark-bg)}.badge-muted{color:var(--muted)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-dark{background:var(--dark-bg);color:var(--dark)}.badge-warn{background:var(--warning-bg);color:var(--warning)}.empty{color:var(--muted);font-style:italic;padding:20px 0;text-align:center}.divider{border:none;border-top:1px solid var(--border);margin:14px 0}.progress{background:var(--dark-bg);border-radius:999px;height:8px;overflow:hidden}.progress>div{height:100%;background:var(--primary)}.progress.over>div{background:var(--danger)}.pill-group{display:flex;gap:6px;flex-wrap:wrap}.tag{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.78rem;cursor:pointer;background:var(--surface);color:var(--muted)}.tag.active{background:var(--primary);border-color:var(--primary);color:#fff}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--dark);color:var(--bg);padding:10px 18px;border-radius:8px;font-size:.85rem;box-shadow:var(--shadow);z-index:100;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}.modal-backdrop{position:fixed;inset:0;background:rgba(10,15,12,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface);border-radius:var(--radius);padding:20px;max-width:480px;width:100%;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto;position:relative}.modal h3{margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.close-x{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--muted)}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.week-day{border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:var(--surface);min-height:90px}.week-day.today{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.week-day h4{font-size:.78rem;color:var(--muted);text-transform:uppercase}.week-day .total{font-weight:700;margin-top:6px}.entry-mini{font-size:.78rem;padding:4px 0;border-top:1px dashed var(--border)}.login-shell{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%}.login-card,.login-card .card{max-width:420px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}.user-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;background:var(--surface);text-align:left;display:flex;gap:10px;align-items:center}.user-card:hover{border-color:var(--primary);background:var(--primary-light)}.user-card .meta b{display:block}.user-card .meta span{color:var(--muted);font-size:.8rem}.notice{border-radius:var(--radius);padding:12px 14px;font-size:.85rem;margin-bottom:14px;border:1px solid var(--border);background:var(--info-bg);color:var(--info)}.notice.warn{background:var(--warning-bg);color:var(--warning);border-color:transparent}.notice.danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.small{font-size:.8rem;color:var(--muted)}.right{text-align:right}.mb-0{margin-bottom:0}.flex-between{align-items:center;justify-content:space-between;gap:10px}.flex-between,.tabs{display:flex;flex-wrap:wrap}.tabs{gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs a,.tabs button{background:none;padding:10px 14px;cursor:pointer;color:var(--muted);font-weight:600;font-size:.88rem;border:none;border-bottom:2px solid transparent;text-decoration:none}.tabs a.active,.tabs button.active{color:var(--primary-dark);border-color:var(--primary)}@media (max-width:768px){.topbar{position:relative;flex-wrap:nowrap;padding:10px 12px;gap:10px}.brand{font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:flex}.topnav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 12px 14px;box-shadow:var(--shadow);max-height:calc(100vh - 60px);overflow-y:auto}.topnav.open{display:flex}.topnav a{padding:12px 14px;border-radius:8px}.userbox .who{display:none}main.view{padding:14px}.week-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.modal{padding:16px}.view-header h1{font-size:1.15rem}}@media (max-width:420px){.stat-grid{grid-template-columns:1fr}}