:root{color-scheme:light;--bg: #FAF6EF;--bg-elevated: #FFFFFF;--surface: #FFFFFF;--surface-muted: #F1EBDF;--border: #E4DCCB;--ink: #33312C;--ink-soft: #6E6A5F;--ink-faint: #A39C8B;--sage: #A9C7A1;--sage-ink: #33512F;--lavender: #C9BCE0;--lavender-ink: #453A66;--apricot: #F3C6A0;--apricot-ink: #6B3E12;--sky: #A9CBDE;--sky-ink: #204255;--blush: #EBB9BE;--blush-ink: #6E2530;--focus-ring: #7C9E74;--shadow-sm: 0 1px 2px rgba(51,49,44,.06), 0 1px 1px rgba(51,49,44,.04);--shadow-md: 0 6px 20px rgba(51,49,44,.08), 0 2px 6px rgba(51,49,44,.06);--shadow-lg: 0 20px 45px rgba(51,49,44,.16);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Fraunces", "Iowan Old Style", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}:root[data-theme=dark]{color-scheme:dark;--bg: #23241F;--bg-elevated: #2B2C26;--surface: #2B2C26;--surface-muted: #34352D;--border: #454537;--ink: #F1ECE0;--ink-soft: #C7C0AC;--ink-faint: #8B856F;--sage: #8FB187;--sage-ink: #DCEBD7;--lavender: #B6A6D6;--lavender-ink: #EAE2F7;--apricot: #E4B385;--apricot-ink: #FBE9D5;--sky: #8FB6CC;--sky-ink: #E1EFF6;--blush: #D69AA0;--blush-ink: #FBE3E5;--focus-ring: #A9C7A1;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 6px 20px rgba(0,0,0,.35);--shadow-lg: 0 20px 45px rgba(0,0,0,.5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #23241F;--bg-elevated: #2B2C26;--surface: #2B2C26;--surface-muted: #34352D;--border: #454537;--ink: #F1ECE0;--ink-soft: #C7C0AC;--ink-faint: #8B856F;--sage: #8FB187;--sage-ink: #DCEBD7;--lavender: #B6A6D6;--lavender-ink: #EAE2F7;--apricot: #E4B385;--apricot-ink: #FBE9D5;--sky: #8FB6CC;--sky-ink: #E1EFF6;--blush: #D69AA0;--blush-ink: #FBE3E5;--focus-ring: #A9C7A1}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .35em;letter-spacing:-.01em}p{margin:0 0 .75em;color:var(--ink-soft)}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:1rem}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:6px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;background:none;border:none;cursor:pointer;text-align:left;width:100%;color:inherit}.sidebar-brand .dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--sage),var(--lavender));flex-shrink:0}.sidebar-brand h1{font-size:1.15rem;margin:0}.brand-logo{width:28px;height:28px;border-radius:8px;object-fit:cover;flex-shrink:0}.brand-logo-sm{width:22px;height:22px;border-radius:6px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:.93rem;cursor:pointer;border:none;background:none;text-align:left;width:100%}.nav-link:hover{background:var(--surface-muted);color:var(--ink)}.nav-link.active{background:var(--sage);color:var(--sage-ink)}.nav-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:14px 12px 4px}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:5}.content{padding:28px;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;font-size:.92rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--sage);color:var(--sage-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-secondary{background:var(--surface-muted);color:var(--ink);border-color:var(--border)}.btn-secondary:hover{background:var(--border)}.btn-accent{background:var(--apricot);color:var(--apricot-ink)}.btn-danger{background:var(--blush);color:var(--blush-ink)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--surface-muted)}.btn-sm{padding:6px 12px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.birthday-banner{display:flex;align-items:center;gap:10px;font-size:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--apricot) 55%,transparent),color-mix(in srgb,var(--lavender) 55%,transparent))}.tile .icon-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.tile p{margin:0;font-size:.86rem}.badge-card{position:relative;width:340px;max-width:92vw;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border);border-radius:26px;padding:46px 28px 28px;box-shadow:var(--shadow-lg);text-align:center}.badge-card:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:46px;height:12px;border-radius:8px;background:var(--border)}.badge-card:after{content:"";position:absolute;top:34px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.badge-strap{position:absolute;top:-38px;left:50%;transform:translate(-50%);width:6px;height:44px;background:repeating-linear-gradient(180deg,var(--sage),var(--sage) 8px,var(--lavender) 8px,var(--lavender) 16px);border-radius:4px;opacity:.85}.badge-role-pill{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--apricot);color:var(--apricot-ink);margin-bottom:10px}.field{margin-bottom:16px;text-align:left}.field label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink)}.pin-input{letter-spacing:.5em;font-family:var(--font-mono);text-align:center;font-size:1.3rem}.error-text{color:var(--blush-ink);background:var(--blush);padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:12px}.hint-text{color:var(--ink-faint);font-size:.78rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:10px 12px;border-bottom:1px solid var(--border)}.data-table td{padding:12px;border-bottom:1px solid var(--border);font-size:.92rem}.data-table tr:last-child td{border-bottom:none}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.tag-in{background:var(--sage);color:var(--sage-ink)}.tag-out{background:var(--surface-muted);color:var(--ink-soft)}.tag-locked{background:var(--blush);color:var(--blush-ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1c1666;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:24px;width:460px;max-width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--sage) 35%,transparent),transparent 45%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--lavender) 35%,transparent),transparent 45%),var(--bg);padding:24px}.theme-toggle{display:flex;align-items:center;gap:6px;background:var(--surface-muted);border-radius:var(--radius-pill);padding:4px}.theme-toggle button{border:none;background:none;padding:6px 10px;border-radius:var(--radius-pill);cursor:pointer;color:var(--ink-soft);font-size:.85rem}.theme-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.hamburger-btn{display:none}.topbar-brand-mobile{display:none;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:1rem}.sidebar-scrim,.sidebar-mobile-extra{display:none}.topbar-desktop-extra{display:flex;align-items:center}@media (max-width: 880px){.hamburger-btn{display:inline-flex}.topbar-brand-mobile{display:flex}.sidebar{position:fixed;left:0;top:0;height:100vh;width:min(280px,82vw);transform:translate(-100%);transition:transform .2s ease;z-index:40;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1c1673;z-index:39;animation:scrim-fade .15s ease}@keyframes scrim-fade{0%{opacity:0}to{opacity:1}}.content{padding:18px}.topbar{padding:12px 14px;gap:10px}.topbar-desktop-extra{display:none}.sidebar-mobile-extra{display:flex;flex-direction:column;gap:10px;padding:10px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--border)}.sidebar-profile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar>select,.table-toolbar>input{width:100%}.modal{padding:18px}.badge-card{padding:40px 20px 22px}}@media print{.sidebar,.topbar,[data-print-hide]{display:none!important}.app-shell{display:block}.content{padding:0}.card{box-shadow:none;border:none}}