:root{--bg:#f6f7f8;--surface:#fff;--surface-soft:#fafafa;--border:#e6e7ea;--text:#0d0d0d;--muted:#74777f;--accent:#e42313;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--sidebar-width:244px;--shadow-soft:0 10px 30px #0d0d0d0a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:28px;padding:32px 20px;display:flex}.brand{flex-direction:column;gap:6px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:inline-flex}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{color:var(--muted);font-size:13px}.nav{flex-direction:column;gap:8px;display:flex}.sidebar-spacer{flex:1}.nav-link{color:var(--muted);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500}.nav-link.active{color:var(--accent);background:#e4231314}.sidebar-user-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.sidebar-user-label{color:var(--muted);font-size:12px;font-weight:600}.sidebar-user-name{font-size:15px;font-weight:700}.sidebar-user-meta{color:var(--muted);word-break:break-word;font-size:13px;line-height:1.5}.sidebar-actions{display:flex}.main{flex-direction:column;flex:1;gap:28px;padding:32px 40px 48px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:34px;line-height:1.1}.page-header p{color:var(--muted);max-width:720px;margin:8px 0 0;line-height:1.5}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:20px;padding:24px}.card h2,.card h3{margin:0 0 12px}.muted{color:var(--muted)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:22px;display:flex}.summary-label{color:var(--muted);font-size:13px;font-weight:600}.summary-value{letter-spacing:-.03em;font-size:32px;font-weight:700}.badge{border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-neutral{color:#4b5563;background:#f3f4f6}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#9a3412;background:#ffedd5}.badge-danger{color:#991b1b;background:#fee2e2}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 16px;font-weight:600}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-ghost{background:0 0}.button-full{width:100%}.input,.textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:14px;padding:12px 14px}.textarea{resize:vertical;min-height:220px;font-family:SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{color:var(--muted);font-size:13px;font-weight:600}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:14px 12px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.table td{font-size:14px}.empty-state{border:1px dashed var(--border);background:var(--surface-soft);color:var(--muted);border-radius:18px;padding:24px}.detail-grid{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.detail-list{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.detail-item{flex-direction:column;gap:6px;display:flex}.detail-item .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.detail-item .value{word-break:break-word;font-size:14px}.stack{flex-direction:column;gap:20px;display:flex}.callout{border-left:4px solid var(--accent);color:#5f221c;background:#fff7f6;border-radius:12px;padding:14px 16px}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quick-link-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:8px;padding:20px;display:flex}.two-column{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.status-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:1100px){.summary-grid,.quick-links,.detail-grid,.two-column{grid-template-columns:1fr}.page-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.main{padding:24px}}