*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f1e9;color:#201b16;line-height:1.5}
a{color:#1f4d7a;text-decoration:none}a:hover{text-decoration:underline}
.shell{display:flex;min-height:100vh}
.sidebar{width:280px;background:#171717;color:#f8f4ee;padding:28px 20px;display:flex;flex-direction:column;justify-content:space-between}
.brand{display:flex;gap:14px;align-items:center;margin-bottom:32px}
.brand-badge{width:42px;height:42px;border-radius:12px;background:#f2e7d4;color:#1b1b1b;display:flex;align-items:center;justify-content:center;font-weight:700}
.brand-title{font-size:18px;font-weight:700}
.brand-sub{color:#b5b0a7;font-size:13px}
.nav{display:flex;flex-direction:column;gap:8px}
.nav-link{padding:12px 14px;border-radius:12px;color:#e8e4de;display:block}
.nav-link:hover,.nav-link.active{background:#2b2b2b;text-decoration:none}
.sidebar-footer{display:flex;flex-direction:column;gap:12px}
.user-card{padding:14px;border:1px solid #2f2f2f;border-radius:14px;background:#1f1f1f}
.user-name{font-weight:700}
.user-meta{font-size:13px;color:#bbb4aa}
.main{flex:1;padding:32px;max-width:calc(100vw - 280px)}
.main-centered{max-width:100vw;padding:40px 18px}
.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7f6f5f;margin-bottom:8px}
h1{font-family:Georgia,serif;font-size:48px;line-height:1;margin:.1em 0 .25em}
h2{font-family:Georgia,serif;font-size:28px;line-height:1.1;margin:.2em 0 .4em}
h3{font-size:18px;margin:0 0 8px}
.muted{color:#6f655b;max-width:760px}
.card{background:#fff;border:1px solid #ddd2c4;border-radius:20px;padding:22px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.soft-card{background:#fbf8f2}
.stats-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}
.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat-card{padding:24px}
.stat-label{font-size:14px;color:#6f655b}
.stat-value{font-size:42px;font-weight:700;line-height:1.1}
.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #eee5d8;vertical-align:top}
th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#7f6f5f}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.02em}
.badge-safe{background:#efe7da;color:#6c4f25}
.badge-fast{background:#1d1d1d;color:#fff}
.text-link{font-weight:600}
.auth-wrap,.empty-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}
.auth-card{width:min(460px,100%);background:#fff;border:1px solid #ddd2c4;border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.auth-card-wide{width:min(960px,100%)}
.stack{display:flex;flex-direction:column;gap:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.full-width{grid-column:1/-1}.page-form{gap:20px}.form-section{display:flex;flex-direction:column;gap:16px}
label{display:flex;flex-direction:column;gap:8px;font-weight:600}
label span{font-size:14px}
input,select,textarea{width:100%;border:1px solid #d9cfbf;border-radius:12px;padding:12px 14px;font:inherit;background:#fff;color:#201b16}
input:focus,select:focus,textarea:focus{outline:none;border-color:#8d7b68;box-shadow:0 0 0 4px rgba(141,123,104,.14)}
small{font-size:12px;color:#766b60;font-weight:400}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1e1d1a;color:#fff;border:none;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}
.button:hover{text-decoration:none;opacity:.95}
.button-full{width:100%}
.button-ghost{background:transparent;color:#1e1d1a;border:1px solid #d7cbbb}
.button-google{background:#fff;color:#1a1a1a;border:1px solid #d7cbbb}
.button-small{padding:10px 12px;border-radius:12px;font-size:14px}
.actions{display:flex;gap:12px;align-items:center}
.alert{padding:14px 16px;border-radius:16px;margin-bottom:18px;border:1px solid}
.alert-success{background:#edf9ef;border-color:#c9e8cf;color:#25643b}
.alert-error{background:#fff1f1;border-color:#ebc3c3;color:#8a3434}
.checkbox{flex-direction:row;align-items:center;gap:12px;font-weight:600}.checkbox input{width:auto}
.compact-checkbox{font-weight:500}
.divider{position:relative;text-align:center;margin:18px 0;color:#8a7d6e}
.divider span{background:#fff;padding:0 12px;position:relative;z-index:2}
.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e6dccd}
.callout{padding:16px;border:1px solid #e8dccb;background:#fbf8f3;border-radius:16px}
.callout p{margin:.3em 0 0}
.empty-state{padding:24px;border:1px dashed #d9cfbf;border-radius:16px;background:#faf7f2}
.detail-list{display:grid;gap:12px;margin:0}.detail-list div{display:grid;grid-template-columns:180px 1fr;gap:12px;border-bottom:1px solid #efe6da;padding-bottom:12px}
.detail-list dt{font-size:13px;color:#7f6f5f;text-transform:uppercase;letter-spacing:.04em}
.detail-list dd{margin:0;font-weight:600}
.row-title{font-weight:700}.row-sub{font-size:13px;color:#6f655b}
.inline-form{display:flex;align-items:center;gap:12px}
.code-inline{display:block;white-space:pre-wrap;font-size:12px;background:#f7f2ea;border-radius:12px;padding:8px}
@media (max-width:960px){.shell{display:block}.sidebar{width:auto}.main{max-width:100%;padding:20px}.stats-grid,.detail-grid,.form-grid,.compact-grid{grid-template-columns:1fr}h1{font-size:38px}.detail-list div{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}

.table-sub{font-size:12px;color:#7b6f62;margin-top:4px}
.badge-neutral{background:#efe9df;color:#5f5348}
.subnav{display:flex;gap:10px;margin:-4px 0 20px}
.subnav-link{padding:10px 14px;border:1px solid #ddd2c4;border-radius:999px;color:#4a3e31;background:#fff}
.subnav-link.active{background:#1d1d1d;color:#fff;border-color:#1d1d1d;text-decoration:none}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.stat-small{font-size:24px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1ebe2;border:1px solid #ddd2c4;border-radius:8px;padding:2px 6px}
@media (max-width: 960px){
  .stats-grid,.detail-grid,.form-grid,.compact-grid{grid-template-columns:1fr}
  .page-header{flex-direction:column}
  .sidebar{width:100%;padding:18px}
  .shell{flex-direction:column}
  .main{max-width:none}
}