:root{color:#241f16;background:radial-gradient(circle at top left,rgba(214,238,113,.45),transparent 22%),radial-gradient(circle at bottom right,rgba(255,215,170,.4),transparent 24%),linear-gradient(180deg,#f7f3ea,#f2ecdf);font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:#241f16;background:transparent}button,input,select,textarea{font:inherit}button{transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;padding:18px;gap:18px}.login-showcase,.login-panel,.sidebar,.panel,.stat-card{border:1px solid rgba(36,31,22,.08);box-shadow:0 24px 60px #52422a14}.login-showcase{padding:34px;border-radius:36px;background:linear-gradient(145deg,#ffffffd6,#fff9eceb),#fff;display:flex;flex-direction:column;justify-content:space-between}.showcase-chip,.eyebrow,.status-pill,.badge{display:inline-flex;align-items:center;border-radius:999px;font-size:.78rem;letter-spacing:.04em}.showcase-chip,.status-pill,.badge-good{background:#dff46b;color:#2b2b12}.showcase-chip{padding:.5rem .85rem;font-weight:700}.login-showcase h1{margin:18px 0 12px;max-width:11ch;font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:.96}.login-showcase p{max-width:62ch;color:#241f16a3;line-height:1.7}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.showcase-card{min-height:138px;padding:16px;border-radius:28px;background:#ffffffd6}.showcase-card span,.stat-card span,.panel-header p,.mini-surface p,.topbar-copy,.sidebar-footer p,.profile-card p,.nav-item small,.field span,.event-card p,.empty-state p{color:#241f1699}.showcase-card strong,.stat-card strong,.mini-surface strong,.event-card strong,.empty-state strong{display:block;margin-top:12px;line-height:1.4}.dark-card{background:#1f1b17;color:#fff7ec}.dark-card span,.dark-card strong{color:inherit}.accent-card{background:linear-gradient(160deg,#dff46bf2,#ffe8b9f2)}.login-panel{padding:30px;border-radius:36px;background:#ffffffd6;display:flex;flex-direction:column;justify-content:center}.login-panel-header h2{margin:8px 0 6px;font-size:1.95rem}.login-form,.stack-form,.page-stack{display:grid;gap:16px}.field{display:grid;gap:8px}.field input,.field select,.field textarea{width:100%;padding:12px 15px;border-radius:18px;border:1px solid rgba(36,31,22,.1);background:#f9f4eaf2;color:#241f16}.primary-button,.ghost-button,.nav-item{border:0;cursor:pointer}.primary-button{padding:12px 16px;border-radius:18px;background:#1f1b17;color:#fff8ef;font-weight:700;box-shadow:0 12px 24px #1f1b172e}.primary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{padding:10px 14px;border-radius:14px;background:#dff46b42;color:#3d3a1d}.shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr;gap:22px;padding:22px}.sidebar{border-radius:34px;background:#ffffffe0;padding:20px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#dff46b,#ffdfa9);font-weight:800}.brand p{margin:2px 0 0;color:#241f1694}.profile-card{padding:22px;border-radius:28px;background:linear-gradient(180deg,#f9f4eaf2,#fffffffa);text-align:center}.avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:24px;display:grid;place-items:center;background:#1f1b17;color:#fff;font-size:1.6rem;font-weight:800}.profile-card h3{margin:0}.profile-card p{margin:6px 0 0}.sidebar-nav{display:grid;gap:8px}.nav-item{padding:12px 14px;border-radius:18px;background:transparent;text-align:left}.nav-item span,.nav-item small{display:block}.nav-item span{font-weight:700;color:#241f16}.nav-item-active{background:#dff46b;box-shadow:inset 0 0 0 1px #241f160f}.sidebar-footer{margin-top:auto;padding:18px;border-radius:24px;background:#1f1b17;color:#fff8ef}.sidebar-footer p{color:#fff8efad}.content{display:grid;grid-auto-rows:max-content;align-content:start;gap:18px}.topbar{padding:20px 26px;border-radius:32px;background:#ffffffd1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{margin:0 0 10px;padding:.3rem .7rem;background:#dff46b7a;color:#444117;font-weight:700}.topbar h1{margin:0;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.02}.topbar-copy{margin:8px 0 0;max-width:52ch}.status-pill{padding:.55rem .9rem;font-weight:700}.stats-grid,.mini-grid,.dashboard-grid,.two-column-grid,.placeholder-grid{display:grid;align-items:start;gap:16px}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-grid,.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.placeholder-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card,.panel,.mini-surface,.event-card{border-radius:28px;background:#ffffffdb}.stat-card,.mini-surface,.event-card{padding:18px}.stat-card strong{font-size:1.8rem}.stat-good{background:linear-gradient(160deg,#dff46b80,#ffffffeb)}.stat-warn{background:linear-gradient(160deg,#ffd2a099,#ffffffeb)}.panel{padding:22px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.panel-header h2{margin:0;font-size:1.35rem}.panel-header p{margin:8px 0 0}.banner{padding:14px 16px;border-radius:18px;font-weight:600}.banner-error{background:#ffdadad9;color:#7a2929}.banner-success{background:#dff46b7a;color:#3d4618}.banner-neutral{background:#ffffffc2;color:#4d4438}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 10px;border-bottom:1px solid rgba(36,31,22,.08);text-align:left;vertical-align:top}.table th{color:#241f168a;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.table td{color:#2d261d}.badge{padding:.35rem .7rem;font-weight:700}.badge-neutral{background:#241f1614;color:#574a3c}.badge-warn{background:#ffd6b3b8;color:#7a4c18}.empty-state{padding:26px;border-radius:22px;background:#f9f4ead6}.event-list{display:grid;gap:12px}.event-header{display:flex;align-items:center;gap:10px}.event-card small{color:#241f1680}@media (max-width: 1240px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-shell,.shell,.dashboard-grid,.two-column-grid{grid-template-columns:1fr}}@media (max-width: 780px){.login-shell,.shell{padding:14px}.login-showcase,.login-panel,.sidebar,.topbar,.panel{border-radius:24px}.showcase-grid,.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.table{display:block;overflow-x:auto}}