*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,system-ui,Arial,sans-serif}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.actions{gap:8px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.card.narrow{max-width:500px}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.grid3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form{gap:10px;display:grid}input,select,button{font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;font-weight:600}button:hover{filter:brightness(.95)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px 6px}.error{color:#b91c1c}