:root{--bg: #f3f5ef;--panel: #ffffff;--panel-muted: #e9ece3;--text: #1f2933;--subtle: #506070;--accent: #0a7f6b;--accent-2: #f08d49;--danger: #b43337;--border: #d2d8cc;--radius: 14px;--shadow: 0 12px 30px rgba(24, 38, 33, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Avenir Next,Gill Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 0% 0%,#d9f5ef 0,transparent 40%),radial-gradient(circle at 100% 0%,#ffe8d6 0,transparent 50%),var(--bg)}h1,h2,h3,p{margin:0}a{color:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.app-shell{max-width:1100px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.topbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem}.brand h1{font-size:1.2rem}.brand p{color:var(--subtle);font-size:.9rem}.brand-dot{width:.75rem;height:.75rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.nav{display:flex;gap:.5rem;overflow-x:auto}.nav-link{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-muted);border:1px solid var(--border);padding:.5rem .8rem;border-radius:999px;text-decoration:none;font-weight:600;color:var(--subtle)}.nav-link.active{color:#fff;border-color:transparent;background:linear-gradient(120deg,var(--accent),#056e9f)}.page-wrap,.stack{display:grid;gap:1rem}.section-head{display:grid;gap:.35rem}.section-head p{color:var(--subtle)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:grid;gap:.75rem}.form{gap:.8rem}.form-inline{display:flex;align-items:end;gap:1rem}.grid-two{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}label{display:grid;gap:.3rem;font-size:.95rem;color:var(--subtle)}input,select,button{font:inherit}input,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;background:#fff}.button{border:none;border-radius:10px;padding:.65rem .95rem;color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--accent),#1776c8);font-weight:700}.button:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background:#334155}.button-danger{background:var(--danger)}.cards-list,.list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.list li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px dashed var(--border);padding-bottom:.5rem}.list li:last-child{border-bottom:none;padding-bottom:0}.list-card{display:flex;justify-content:space-between;align-items:start;gap:1rem}.list-card p{color:var(--subtle)}.status-error{color:var(--danger);font-weight:600}.status-info{color:var(--accent);font-weight:600}.row-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:.6rem}.checkbox-row input{width:auto}.pill{display:inline-flex;margin-left:.6rem;font-size:.8rem;background:#d8f7e4;color:#0f5132;border-radius:999px;padding:.15rem .45rem}@media(max-width:780px){.topbar{flex-direction:column;align-items:stretch}.list-card{flex-direction:column}.form-inline{flex-direction:column;align-items:stretch}}
