:root{--green:#6fc93d;--green-dark:#58a82c;--blue:#00bef2;--blue-dark:#0093bd;--ink:#0e1b25;--muted:#5a6b78;--bg:#f4f9fc;--card:#fff;--line:#e3edf3;--red:#e24c4b;--red-bg:#fdeded;--amber:#b8860b;--amber-bg:#fff6e0;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea,button{font-family:inherit;font-size:15px}a{color:inherit;text-decoration:none}ul{list-style:none}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:700;transition:transform .1s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-secondary{color:var(--ink);border:1.5px solid var(--line);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--blue)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-danger:hover:not(:disabled){background:#fbdcdc}.btn-block{width:100%}.btn-sm{border-radius:8px;padding:7px 13px;font-size:13px}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.f-input,select.f-input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:11px 13px;font-size:14.5px}.f-input:focus{border-color:var(--blue);outline:none}textarea.f-input{resize:vertical;min-height:70px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.badge{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-block}.badge.ok{color:var(--green-dark);background:#eaf7e0}.badge.warn{background:var(--amber-bg);color:var(--amber)}.badge.off{color:#8a8a8a;background:#f0f0f0}.badge.info{color:var(--blue-dark);background:#e3f6fd}.badge.danger{background:var(--red-bg);color:var(--red)}.error-box{background:var(--red-bg);color:var(--red);border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13.5px;font-weight:600}.empty-state{text-align:center;color:var(--muted);padding:48px 20px;font-size:14px}.empty-state .emoji{margin-bottom:10px;font-size:34px}.spinner{border:2.5px solid #0e1b251f;border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-loading{justify-content:center;align-items:center;padding:40px;display:flex}.toast{background:var(--ink);color:#fff;z-index:100;opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:12px 22px;font-size:13.5px;font-weight:600;transition:opacity .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.toast.show{opacity:1}.modal-overlay{z-index:50;background:#0e1b2573;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-sheet{background:#fff;border-radius:18px;width:100%;max-width:480px;max-height:88vh;padding:22px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h3{font-size:17px;font-weight:800}.modal-close{background:var(--bg);border-radius:50%;width:30px;height:30px;font-size:15px}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600}.chip.selected{background:var(--blue);border-color:var(--blue);color:#fff}