:root{--color-ink: #13212c;--color-muted: #60707d;--color-surface: rgba(255, 255, 255, .88);--color-line: rgba(19, 33, 44, .12);--color-primary: #0f766e;--color-primary-soft: rgba(15, 118, 110, .12);--color-secondary: #f97316;--color-secondary-soft: rgba(249, 115, 22, .14);--color-tertiary: #2563eb;--color-tertiary-soft: rgba(37, 99, 235, .12);--color-bg: #f2efe8;--shadow-lg: 0 20px 60px rgba(19, 33, 44, .12);--shadow-sm: 0 10px 25px rgba(19, 33, 44, .08);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--font-display: "Space Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(249,115,22,.16),transparent 30%),radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#f6f3eb,#ebe5d8);color:var(--color-ink);font-family:var(--font-display)}button,input,textarea,select{font:inherit}a{color:inherit}#root{min-height:100vh}.page{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px;padding:32px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffdb,#fff8f0eb);box-shadow:var(--shadow-lg)}.hero__eyebrow{margin:0 0 10px;color:var(--color-primary);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:.95}.hero__description{max-width:720px;margin:14px 0 0;color:var(--color-muted);font-size:1rem;line-height:1.7}.hero__actions{display:flex;flex-direction:column;gap:14px;min-width:220px;align-items:flex-end}.hero__timestamp{color:var(--color-muted);font-size:.95rem;text-align:right}.button{border:0;border-radius:999px;padding:14px 22px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7}.button--primary{background:var(--color-ink);color:#fff;box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{padding:20px 22px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-sm)}.stat-card--primary{background:linear-gradient(180deg,#fff,var(--color-primary-soft))}.stat-card--secondary{background:linear-gradient(180deg,#fff,var(--color-secondary-soft))}.stat-card--tertiary{background:linear-gradient(180deg,#fff,var(--color-tertiary-soft))}.stat-card__label{display:block;margin-bottom:8px;color:var(--color-muted);font-size:.95rem}.stat-card__value{font-size:clamp(1.5rem,2vw,2.2rem)}.empty-state,.table-shell{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.empty-state{padding:32px}.empty-state h2{margin-top:0;margin-bottom:8px}.empty-state p{margin-top:0;margin-bottom:18px;color:var(--color-muted);line-height:1.7}.table-shell{overflow:auto}.hours-table{width:100%;border-collapse:collapse;min-width:940px}.hours-table th,.hours-table td{padding:16px 18px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.hours-table th{position:sticky;top:0;background:#f8f4eb;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.hours-table td{font-size:.97rem}.hours-table tbody tr:hover{background:#13212c08}.hours-table__comment{min-width:280px;max-width:420px;color:var(--color-muted)}@media (max-width: 900px){.page{width:min(100% - 20px,1200px);padding-top:20px}.hero{flex-direction:column;padding:24px}.hero__actions{width:100%;align-items:flex-start}.hero__timestamp{text-align:left}.stats-grid{grid-template-columns:1fr}}