:root{--color-primary:#1f3a5f;--color-bg:#f6f1ea;--color-surface:#fff;--color-accent:#e07a3f;--color-success:#3e8e6e;--color-warning:#c9483c;--color-text:#1e2329;--color-text-muted:#6b7280;--color-border:#e6ded2;--color-weekend:#faf6f0;--font-heading:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#14202f;--color-surface:#1c2b3d;--color-text:#eef1f5;--color-text-muted:#9aa5b1;--color-border:#2a3b4f;--color-weekend:#182738}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--color-bg);color:var(--color-text)}h1,h2,h3{font-family:var(--font-heading),var(--font-body),sans-serif;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--color-primary);color:#fff;flex-wrap:wrap;gap:.5rem}.brand{color:#fff;font-family:var(--font-heading),sans-serif;font-weight:700;text-decoration:none;font-size:1.25rem}.nav{display:flex;align-items:center;gap:1.1rem;font-size:.95rem}.nav a{color:#d8e0ee;text-decoration:none}.nav a:hover{color:#fff}.user{color:#9fb0ca;font-size:.85rem}.container{max-width:640px;margin:0 auto;padding:1.25rem 1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.4rem;box-shadow:0 1px 4px rgba(31,58,95,.06);margin-bottom:1.1rem}.banner{background:rgba(62,142,110,.12);border:1px solid var(--color-success);color:var(--color-success);padding:.7rem 1rem;margin-bottom:1rem;font-weight:600}.banner,.hint{border-radius:10px}.hint{background:rgba(224,122,63,.1);padding:.6rem .9rem;color:var(--color-accent);font-size:.9rem;margin-bottom:.5rem}form{gap:.9rem}form,label{display:flex;flex-direction:column}label{gap:.35rem;font-size:.9rem;font-weight:600;color:var(--color-text)}input,select,textarea{font-family:var(--font-body),sans-serif;font-size:1rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{font-family:var(--font-body),sans-serif;font-size:1rem;padding:.7rem 1.1rem;border:none;border-radius:10px;background:var(--color-accent);color:#fff;font-weight:600;cursor:pointer}button:hover{background:#c8692f}button.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}button.secondary:hover{background:hsla(220,9%,46%,.08)}table{width:100%;border-collapse:collapse;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td,th{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.filters input,.filters select{flex:1 1;min-width:140px}.muted{color:var(--color-text-muted);font-size:.85rem}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;background:rgba(31,58,95,.08);color:var(--color-primary);font-size:.75rem;font-weight:600}.week-grid .card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem}.view-switch{display:inline-flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.2rem}.view-switch button{border:none;background:transparent;padding:.4rem .95rem;border-radius:999px;font-family:var(--font-body),sans-serif;font-size:.86rem;font-weight:600;color:var(--color-text-muted);cursor:pointer}.view-switch button.active{background:var(--color-primary);color:#fff}.period-nav{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .2rem;gap:.5rem}.period-nav .period-label{font-family:var(--font-heading),sans-serif;font-weight:700;font-size:1rem;text-align:center;flex:1 1}.period-nav button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:.4rem .65rem;cursor:pointer;font-size:.92rem;color:var(--color-text);flex-shrink:0}.period-nav button:hover{background:var(--color-bg)}.desktop-week{margin-top:1rem;overflow-x:auto}.week-grid table{width:100%;min-width:560px;border-collapse:collapse;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.week-grid td,.week-grid th{text-align:center;padding:.5rem .3rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.week-grid td:first-child,.week-grid th:first-child{text-align:left}.week-grid th{color:var(--color-text-muted);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.02em}.week-grid th .weekday-date{display:block;font-size:.64rem;font-weight:400;color:var(--color-text-muted);margin-top:.1rem}.week-grid td.weekend,.week-grid th.weekend{background:var(--color-weekend)}.cell-wrap{position:relative;display:inline-block}.hour-input{width:100%;max-width:56px;text-align:center;font-family:var(--font-body),sans-serif;font-size:.88rem;padding:.4rem .2rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hour-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(31,58,95,.18)}.hour-input.empty{color:var(--color-text-muted)}.comment-dot{display:none;position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--color-accent);border:1.5px solid var(--color-surface)}.cell-wrap.has-comment .comment-dot{display:block}.week-grid tfoot td{font-weight:700;border-bottom:none;border-top:2px solid var(--color-border)}.col-total,.row-total{color:var(--color-primary);font-weight:700}.mobile-week{display:none;margin-top:1rem;flex-direction:column;gap:.7rem}.day-card{border:1px solid var(--color-border);border-radius:12px;padding:.8rem .9rem;background:var(--color-surface)}.day-card.weekend{background:var(--color-weekend)}.day-card.today{border:2px solid var(--color-accent)}.day-card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.55rem}.day-card-title{font-family:var(--font-heading),sans-serif;font-weight:700;font-size:.95rem}.day-card-title .date-sub{font-family:var(--font-body),sans-serif;font-weight:400;color:var(--color-text-muted);font-size:.78rem;margin-left:.3rem}.day-card-total{font-weight:700;color:var(--color-primary);font-size:.9rem}.day-entry{display:grid;grid-template-columns:1fr 72px;grid-column-gap:.6rem;column-gap:.6rem;align-items:center;padding:.5rem 0;border-top:1px solid var(--color-border)}.day-entry:first-of-type{border-top:none}.day-entry-project{font-size:.86rem;font-weight:600}.day-entry .cell-wrap{display:block}.day-entry .hour-input{max-width:100%}@media (max-width:700px){.desktop-week{display:none}.mobile-week{display:flex}}.comment-panel{margin-top:1.1rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);padding:.9rem 1rem}.comment-panel-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-panel-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.comment-panel-title{font-family:var(--font-heading),sans-serif;font-weight:700;font-size:.88rem;color:var(--color-text)}.comment-panel textarea{width:100%;min-height:70px;font-family:var(--font-body),sans-serif;font-size:.92rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);resize:vertical}.comment-panel textarea:disabled{background:var(--color-weekend);color:var(--color-text-muted);cursor:not-allowed}.comment-panel textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.week-footer{display:flex;justify-content:flex-end;margin-top:1.1rem}button.primary{font-family:var(--font-body),sans-serif;font-size:.95rem;padding:.65rem 1.3rem;border:none;border-radius:10px;background:var(--color-accent);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;width:100%}@media (min-width:480px){button.primary{width:auto}}button.primary:disabled{opacity:.6;cursor:not-allowed}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px;margin-top:.8rem}.cal-head{text-align:center;font-size:.66rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;padding-bottom:.2rem}.cal-day{border:1px solid var(--color-border);border-radius:9px;padding:.4rem .3rem;min-height:56px;background:var(--color-surface);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.cal-day:hover{border-color:var(--color-accent)}.cal-day.weekend{background:var(--color-weekend)}.cal-day.outside{opacity:.35;cursor:default}.cal-day .date-num{font-size:.74rem;font-weight:600}.cal-day .day-hours{font-size:.82rem;font-weight:700;color:var(--color-primary)}.cal-day .day-hours.zero{color:var(--color-text-muted);font-weight:400;font-size:.7rem}.cal-day.today{border:2px solid var(--color-accent)}@media (max-width:420px){.cal-head{font-size:.58rem}.cal-day{min-height:44px;padding:.25rem}.cal-day .date-num{font-size:.68rem}.cal-day .day-hours{font-size:.7rem}}