:root{--hb-bg: #FDF7F4;--hb-surface: #FFFFFF;--hb-ink: #2A1820;--hb-ink-soft: #6B5560;--hb-ink-muted: #9C8590;--hb-brand: #E17A9D;--hb-brand-dark: #8C3255;--hb-brand-soft: #F7E4E9;--hb-brand-softer: #FBEFF3;--hb-accent: #F7B26A;--hb-accent-soft: #FCEAD3;--hb-mint: #B8DBC8;--hb-lilac: #D4C5E8;--hb-success: #5BA67F;--hb-danger: #D86B6B;--hb-border: #F0E4E8;--hb-radius-sm: 8px;--hb-radius-md: 12px;--hb-radius-lg: 16px;--hb-radius-xl: 22px;--hb-radius-pill: 9999px;--hb-shadow-soft: 0 1px 2px rgba(140, 50, 85, .04), 0 8px 24px rgba(140, 50, 85, .06);--hb-shadow-card: 0 2px 6px rgba(140, 50, 85, .05), 0 18px 40px rgba(140, 50, 85, .1);--hb-shadow-button: 0 4px 14px rgba(225, 122, 157, .35);--hb-font-display: "Bricolage Grotesque", "Poppins", system-ui, sans-serif;--hb-font-body: "Poppins", "Inter", system-ui, sans-serif;--hb-font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--hb-bg);color:var(--hb-ink);font-family:var(--hb-font-body);font-size:14px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--hb-font-display);color:var(--hb-ink);letter-spacing:-.02em;margin:0 0 12px;font-weight:600}h1{font-size:28px;line-height:1.2}h2{font-size:20px;line-height:1.3}h3{font-size:17px;line-height:1.35}h4{font-size:15px;line-height:1.4}p{margin:0 0 12px;color:var(--hb-ink-soft)}a{color:var(--hb-brand-dark);text-decoration:none;transition:color .12s ease}a:hover{color:var(--hb-brand)}code,pre{font-family:var(--hb-font-mono)}button{font-family:var(--hb-font-body);font-weight:600;font-size:14px;letter-spacing:-.01em;padding:10px 18px;min-height:40px;border-radius:var(--hb-radius-pill);border:none;background:var(--hb-brand);color:#fff;cursor:pointer;box-shadow:var(--hb-shadow-button);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease}button:hover:not(:disabled){background:var(--hb-brand-dark)}button:active:not(:disabled){transform:scale(.98)}button:disabled,button[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}button.hb-btn-secondary{background:var(--hb-surface);color:var(--hb-brand-dark);border:1.5px solid var(--hb-brand);box-shadow:none}button.hb-btn-secondary:hover:not(:disabled){background:var(--hb-brand-softer);color:var(--hb-brand-dark)}button.hb-btn-ghost{background:transparent;color:var(--hb-brand-dark);box-shadow:none;padding:8px 14px}button.hb-btn-ghost:hover:not(:disabled){background:var(--hb-brand-softer)}button.hb-btn-danger{background:var(--hb-danger);color:#fff;box-shadow:0 4px 14px #d86b6b52}button.hb-btn-danger:hover:not(:disabled){background:#b45656}button.hb-btn-dark{background:var(--hb-ink);color:#fff;box-shadow:0 6px 18px #2a182040}input,select,textarea{font-family:var(--hb-font-body);font-size:14px;color:var(--hb-ink);background:var(--hb-surface);border:1.5px solid var(--hb-border);border-radius:var(--hb-radius-md);padding:10px 14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--hb-brand);box-shadow:0 0 0 3px var(--hb-brand-softer)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--hb-brand);margin-right:6px;cursor:pointer}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}label{display:inline-block;font-size:13px;font-weight:500;color:var(--hb-ink-soft);margin-bottom:4px}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--hb-surface);border-radius:var(--hb-radius-lg);overflow:hidden;box-shadow:var(--hb-shadow-soft)}thead{background:var(--hb-brand-softer)}th{text-align:left;font-family:var(--hb-font-display);font-weight:600;font-size:13px;color:var(--hb-brand-dark);padding:12px 14px;border-bottom:1px solid var(--hb-border);letter-spacing:-.005em}td{padding:12px 14px;color:var(--hb-ink);border-bottom:1px solid var(--hb-border);font-size:13.5px;vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hb-brand-softer)}.hb-card{background:var(--hb-surface);border-radius:var(--hb-radius-lg);padding:20px;box-shadow:var(--hb-shadow-soft)}.hb-card-soft{background:var(--hb-brand-softer);border-radius:var(--hb-radius-lg);padding:20px}.hb-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--hb-radius-pill);background:var(--hb-brand-soft);color:var(--hb-brand-dark);font-size:12px;font-weight:500;line-height:1.4}.hb-pill-success{background:#ddefe3;color:#2f7a53}.hb-pill-warn{background:var(--hb-accent-soft);color:#8a5a20}.hb-pill-danger{background:#f7d8d8;color:#8a3838}.hb-pill-neutral{background:var(--hb-border);color:var(--hb-ink-soft)}.hb-nav-link{display:block;padding:9px 14px;border-radius:var(--hb-radius-pill);color:var(--hb-ink-soft);font-weight:500;font-size:14px;text-decoration:none;transition:background .12s ease,color .12s ease}.hb-nav-link:hover{background:var(--hb-brand-softer);color:var(--hb-brand-dark)}.hb-nav-link.active{background:var(--hb-brand);color:#fff;box-shadow:var(--hb-shadow-button)}.hb-nav-link.active:hover{background:var(--hb-brand-dark);color:#fff}.hb-muted{color:var(--hb-ink-muted)}.hb-soft{color:var(--hb-ink-soft)}.hb-form-row{margin-bottom:12px}.hb-form-row label{display:block}.hb-error{color:var(--hb-danger);font-size:13px;margin:4px 0}.hb-success{color:var(--hb-success);font-size:13px;margin:4px 0}