:root{font-family:Inter,Segoe UI,sans-serif;color:#111827;background:#f8fafc;--primary: #2563eb;--primary-strong: #1d4ed8;--surface: #ffffff;--surface-subtle: #f8fafc;--border: #dbe1ea;--text: #111827;--text-muted: #475467;--text-soft: #667085;--danger: #b42318;--shadow: 0 12px 40px rgba(15, 23, 42, .08);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:320px;color:var(--text);background:#f3f6fb}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.08;font-weight:700;letter-spacing:-.04em}h2{font-size:1.125rem;line-height:1.33;font-weight:600;letter-spacing:-.02em}p,span,strong,label,input,select,textarea{font-size:.9375rem;line-height:1.6}.app-shell{min-height:100vh;padding:var(--space-4) var(--space-2)}.app-shell--hero{background:linear-gradient(#0f172a7a,#0f172a7a),url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center}.app-shell--hero .page-header__text h1,.app-shell--hero .page-header__text p{color:#fff}.app-shell--hero .surface{background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-frame{width:min(100%,1120px);margin:0 auto}.page-frame--narrow{width:min(100%,720px)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.page-header__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.page-header__text{display:grid;gap:var(--space-1);max-width:720px}.page-header__text p{color:var(--text-muted)}.page-header__actions,.button-row,.form-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-header>div:first-child{display:grid;gap:var(--space-1)}.section-header p{color:var(--text-muted)}.stack-xl,.stack-lg,.stack-md,.stack-sm{display:grid}.stack-xl{gap:var(--space-4)}.stack-lg{gap:var(--space-3)}.stack-md{gap:var(--space-2)}.stack-sm{gap:var(--space-1)}.metric-grid,.card-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card,.info-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);padding:var(--space-3)}.metric-card{display:grid;gap:var(--space-1)}.metric-card p,.info-card p,.empty-state p,.status-text{color:var(--text-muted)}.info-card{background:var(--surface)}.info-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.card-link{text-decoration:none}.card-link:hover h2{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-2);border-radius:10px;border:1px solid transparent;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button:hover{background:var(--primary-strong)}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{background:#fff;color:var(--text);border-color:var(--border)}.button--ghost:hover{background:#f8fafc}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle)}.segmented-control__item{min-height:40px;padding:0 var(--space-2);border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-weight:600}.segmented-control__item.is-active{background:#fff;color:var(--text);box-shadow:0 2px 10px #0f172a0f}.form-grid{display:grid;gap:var(--space-2)}.form-grid--two-col,.form-grid--event{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:var(--space-1)}.field span{color:var(--text-soft);font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text);padding:0 14px;outline:none}.field textarea{min-height:120px;resize:vertical;padding:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.form-submit{justify-self:start}.detail-list{display:grid;gap:var(--space-2)}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border)}.detail-row:first-child{border-top:0;padding-top:0}.detail-row span,.detail-row p{color:var(--text-muted)}.detail-row strong{color:var(--text)}.detail-row p{margin-top:4px}.detail-row--interactive{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.detail-row--interactive:first-child{padding:var(--space-2)}.list-card{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:var(--space-3);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.list-card:hover{border-color:#2563eb52;box-shadow:0 16px 32px #0f172a14;transform:translateY(-1px)}.list-card__body{display:grid;gap:var(--space-2)}.list-card__topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.list-card__body p{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#eef2f7;color:var(--text-muted);font-size:.8125rem;font-weight:600}.pill--primary{background:#2563eb1f;color:var(--primary-strong)}.empty-state{display:grid;gap:var(--space-2);padding:var(--space-2) 0}.status-text--error{color:var(--danger)}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;color:var(--text)}.toast--success{border-color:#2563eb33}.toast--error{border-color:#b423182e;color:var(--danger)}.toast__close{border:0;background:transparent;color:inherit;padding:0}.spinner-wrap{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-weight:600}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(37,99,235,.2);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.page-header,.section-header,.info-card__header,.list-card__topline,.detail-row{flex-direction:column;align-items:flex-start}.form-grid--two-col,.form-grid--event,.card-grid,.metric-grid{grid-template-columns:1fr}.page-header__actions,.button-row,.form-actions{width:100%}.page-header__actions>*,.button-row>*,.form-actions>*{flex:1 1 auto}}@media (max-width: 640px){.app-shell{padding:var(--space-3) var(--space-2)}.surface{padding:var(--space-3)}}