:root{--bg: #ffffff;--bg-alt: #faf7f8;--surface: #ffffff;--border: #efe7ea;--text: #1f1b2e;--text-muted: #6b6675;--primary: #fb6f92;--primary-hover: #e85c80;--primary-light: #fbc4d4;--primary-pale: #fdeef2;--green: #2fc28a;--green-pale: #e1f7ee;--amber: #f5a623;--amber-pale: #fdf0dc;--danger: #e85c80;--danger-hover: #d94569;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg-alt);color:var(--text)}h1{font-size:1.5rem;font-weight:800;margin:0 0 .25rem;color:var(--text)}h2{font-size:1.1rem;font-weight:800;margin:2rem 0 .75rem;color:var(--text)}h3{font-size:1rem;margin:0 0 .5rem}p{line-height:1.5}.muted{color:var(--text-muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.error-text{color:var(--danger)}.save-message{background:var(--primary-pale);border:1px solid var(--primary-light);color:var(--text);padding:.5rem .85rem;border-radius:var(--radius-md);font-size:.9rem;margin:.5rem 0 1rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:2rem;padding:.65rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;color:var(--text)}.topbar-logo{width:34px;height:34px;border-radius:9px;object-fit:cover}.topbar-nav{display:flex;gap:1.5rem;flex:1}.topbar-nav a{color:var(--text-muted);font-weight:600;text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}.topbar-nav a.active{color:var(--primary);border-bottom-color:var(--primary)}.topbar-user{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.badge{display:inline-block;background:var(--primary-pale);color:var(--primary);border-radius:var(--radius-pill);padding:.15rem .55rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-muted{background:var(--amber-pale);color:var(--amber)}.main-content{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.centered-message{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center;background:var(--bg-alt)}.centered-logo{width:64px;height:64px;border-radius:16px;margin-bottom:.5rem}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:.85rem;width:320px;box-shadow:0 8px 24px #fb6f9214}.login-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;text-align:left}input,select,textarea,button{font:inherit}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}textarea{min-height:4.5rem;resize:vertical}button{padding:.5rem 1.1rem;border-radius:var(--radius-pill);border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.5;cursor:default}button.danger{border-color:var(--danger);background:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-hover)}.row-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;white-space:nowrap}.topbar-user button{background:transparent;color:var(--text);border-color:var(--border);font-weight:600}.topbar-user button:hover{background:var(--bg-alt)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle}th{background:var(--bg-alt);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--primary-pale)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-alt);display:block}.thumb-empty{border:1px dashed var(--border)}.nested-table{font-size:.85rem;width:100%;border-collapse:collapse}.nested-table th,.nested-table td{padding:.35rem .5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.6rem}.card label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.field-row{display:flex;gap:1rem}.field-row label{flex:1}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .75rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem}legend{font-size:.8rem;color:var(--text-muted);padding:0 .35rem}.checkbox-label{flex-direction:row!important;align-items:center;gap:.35rem!important;font-size:.85rem}.edit-panel{display:flex;flex-direction:column;gap:.6rem;padding:.75rem 0}.edit-panel label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.edit-actions{display:flex;gap:.5rem}.editing-row{background:var(--primary-pale)}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}.range-picker{display:flex;gap:.4rem}.range-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.4rem .9rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}.range-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1.5rem 0}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem}.stat-value{font-size:1.6rem;font-weight:800;color:var(--text)}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem .75rem .5rem}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:4px}.bar-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-chart-bar{width:70%;min-width:3px;background:var(--primary);border-radius:3px 3px 0 0}.bar-chart-label{font-size:.6rem;color:var(--text-muted);margin-top:.3rem;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.analytics-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.hbar-list{display:flex;flex-direction:column;gap:.6rem}.hbar-row{display:grid;grid-template-columns:140px 1fr 32px;align-items:center;gap:.6rem;font-size:.85rem}.hbar-label{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{background:var(--bg-alt);border-radius:var(--radius-pill);height:10px;overflow:hidden}.hbar-fill{background:var(--primary);height:100%;border-radius:var(--radius-pill)}.hbar-count{color:var(--text-muted);text-align:right;font-size:.8rem}