:root{color:#1f2937;background:#f3f6fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f3f6fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-page{background:linear-gradient(160deg,#eef4ff 0%,#f7fbff 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border-radius:20px;width:min(100%,460px);padding:32px;box-shadow:0 20px 50px #0f172a14}.demo-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:16px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;flex-direction:column;gap:24px;padding:24px 18px;display:flex}.brand{font-size:22px;font-weight:700}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-link{color:#cbd5e1;border-radius:12px;padding:12px 14px}.nav-link:hover,.nav-link-active{color:#fff;background:#ffffff14}.content-shell{grid-template-rows:auto 1fr;display:grid}.topbar{z-index:10;background:#ffffffd9;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex;position:sticky;top:0}.topbar-title{font-weight:700}.topbar-subtitle{color:#6b7280}.content-area{padding:24px 28px 40px}.page-grid{gap:20px;display:grid}.page-header h1{margin-bottom:6px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 12px 30px #0f172a0a}.card-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.section-title{margin-bottom:16px;font-size:18px;font-weight:700}.section-subtitle{margin-bottom:12px;font-size:15px;font-weight:600}.muted{color:#6b7280}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #e5e7eb;border-radius:18px;padding:18px}.stat-label{color:#6b7280;margin-bottom:10px}.stat-value{font-size:32px;font-weight:700}.stat-value-small{font-size:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.compact-form{grid-template-columns:1fr}.inline-form-grid{grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;margin-bottom:12px;display:grid}.form-grid label,.inline-form-grid{width:100%}label span{margin-bottom:8px;font-size:14px;font-weight:600;display:block}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61f}.full-width{grid-column:1/-1}.checkbox-label{align-items:center;gap:10px;display:flex}.checkbox-label input{width:auto}.button{color:#fff;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-weight:600}.button:hover{opacity:.95}.button:disabled{opacity:.65;cursor:not-allowed}.button-secondary{color:#111827;background:#e5e7eb}.button-danger{background:#ef4444}.button-row{flex-wrap:wrap;gap:12px;display:flex}.badge{color:#1d4ed8;background:#e0edff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.alert{border:1px solid #0000;border-radius:14px;padding:14px 16px}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px}.table-wrap thead th{text-transform:uppercase;color:#6b7280;font-size:13px}.empty-cell{text-align:center;color:#6b7280}.text-link{color:#2563eb;font-weight:600}.feed-list{gap:12px;display:grid}.feed-item{background:#fafcff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.feed-item p:last-child{margin-bottom:0}.feed-header{color:#6b7280;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.details-grid dt{color:#6b7280;font-size:13px}.details-grid dd{margin:4px 0 0;font-weight:600}.chips-wrap{flex-wrap:wrap;gap:10px;display:flex}.chip{color:#3730a3;background:#eef2ff;border-radius:999px;padding:8px 12px;font-size:14px}.stack-list{gap:18px;display:grid}.stack-item{border:1px solid #e5e7eb;border-radius:18px;padding:18px}.stack-item-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.not-found{flex-direction:column;gap:12px}@media (width<=1120px){.stats-grid,.card-two-columns,.details-grid,.inline-form-grid{grid-template-columns:1fr 1fr}}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.stats-grid,.card-two-columns,.form-grid,.details-grid{grid-template-columns:1fr}}@media (width<=640px){.content-area,.topbar,.auth-card{padding:18px}.inline-form-grid{grid-template-columns:1fr}.feed-header,.stack-item-header,.topbar{flex-direction:column;align-items:flex-start}}.request-item-grid{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto}