:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.brand{color:#c1121f;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.muted{color:#667085}.small{font-size:12px}.error{color:#b91c1c;font-weight:600;margin:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#fff5f5,#f0f4ff)}.auth-card{background:#fff;border-radius:24px;padding:32px;width:100%;max-width:420px;box-shadow:0 20px 50px #0f172a1f;display:grid;gap:14px}.auth-card h1{margin:0;font-size:26px}.auth-card label{display:grid;gap:6px;font-weight:600;font-size:14px;color:#334155}.auth-card input{border:1px solid #d0d5dd;border-radius:12px;padding:12px;font-size:15px}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-bottom:1px solid #e5e7eb}.topbar-right{display:flex;align-items:center;gap:10px}.pill{background:#eef2ff;color:#3730a3;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.pill--live{background:#ecfdf3;color:#027a48}.tabs{display:flex;gap:8px;padding:12px 32px;background:#fff;border-bottom:1px solid #e5e7eb;overflow-x:auto}.tab{background:transparent;border:1px solid transparent;color:#475467;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:14px}.tab--active{background:#111827;color:#fff}.layout{padding:32px;display:grid;gap:16px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.two-columns{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:22px;box-shadow:0 12px 30px #1720330f}.card h2{margin:0 0 6px}.metric{font-size:36px;font-weight:800;margin:6px 0}.flow-list{padding-left:18px;line-height:1.7;color:#344054}.form-grid{display:grid;gap:10px}.form-grid label{display:grid;font-size:13px;font-weight:600;gap:4px;color:#344054}.form-grid input,.form-grid select{border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:14px}.form-grid input:disabled{background:#f8fafc;color:#667085}.compact-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.station-access{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.station-access h3{margin:0 0 4px}.manager-list{display:grid;gap:10px;margin-top:12px}.manager-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.manager-row p{margin:4px 0 0}button{background:#c1121f;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;font-size:14px}button:disabled{opacity:.6;cursor:progress}.ghost-btn{background:#fff;color:#344054;border:1px solid #d0d5dd;font-size:12px;padding:6px 10px}.danger-btn{border-color:#fecaca;color:#b91c1c}.actions{display:flex;gap:6px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;font-size:14px}.table .row--active{background:#16a34a1f}.table-scroll{width:100%;overflow-x:auto;border:1px solid #eef2f7;border-radius:14px}.table-scroll .table th,.table-scroll .table td{white-space:nowrap}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0f172a8f;display:grid;place-items:center;padding:20px}.app-modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:20px;box-shadow:0 24px 70px #0f172a57;display:grid;gap:14px}.app-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-modal-head h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#111827b3;display:flex;align-items:center;justify-content:center;padding:20px}.cropper-modal{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 60px #0006}.cropper-modal h3{margin:0 0 6px}.cropper-stage{position:relative;width:100%;height:320px;background:#111827;border-radius:12px;overflow:hidden;margin:12px 0}.cropper-zoom{display:flex;align-items:center;gap:10px}.cropper-zoom input{flex:1}.cropper-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
