:root{--ink:#2c2a26;--soft:#6f675c;--faint:#9a9286;--teal:#0f6e56;--teal-d:#0a4f3e;--terra:#c2674a;--gold:#c79a4a;--glass:rgba(255,255,255,.55);--glass-strong:rgba(255,255,255,.72);--glass-brd:rgba(255,255,255,.7);--field:rgba(255,255,255,.62);--line:rgba(120,110,95,.16);--ok-bg:rgba(15,110,86,.16);--ok-tx:#0a4f3e;--wait-bg:rgba(199,154,74,.22);--wait-tx:#8a641f;--info-bg:rgba(55,138,221,.16);--info-tx:#185fa5;--mut-bg:rgba(120,110,95,.16);--mut-tx:#6f675c;--danger:#a32d2d;--radius:24px;--radius-md:14px;--radius-sm:11px;--display:"Outfit",system-ui,-apple-system,sans-serif;--body:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}.cal-add{display:flex;align-items:center;justify-content:center;cursor:pointer}.cal-add>span{opacity:0;transition:opacity .12s;font-weight:700;font-size:14px;color:var(--teal-d);line-height:1}.cal-add:hover{background:#0f6e561f}.cal-add:hover>span{opacity:.95}.cal-unit:hover{background:#0f6e560f}body{margin:0;color:var(--ink);font-family:var(--body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 700px at 12% -10%,#fbe8d6,#fbe8d600 60%),radial-gradient(900px 700px at 100% 0%,#d7e9e1,#d7e9e100 55%),radial-gradient(900px 800px at 85% 115%,#f2d8c8,#f2d8c800 55%),linear-gradient(160deg,#f7f1e8,#f1ece2);background-attachment:fixed}h1,h2,h3,.display{font-family:var(--display);font-weight:600;letter-spacing:.2px;margin:0}a{color:inherit}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--glass-brd);box-shadow:0 10px 30px #3c32281a,inset 0 1px #fff9;border-radius:var(--radius)}.card{padding:20px 22px}.muted{color:var(--soft)}.faint{color:var(--faint)}.h-page{font-family:var(--display);font-size:25px;font-weight:600}.sub{color:var(--soft);font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--body);font-size:14px;font-weight:600;padding:11px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-brd);background:var(--field);color:var(--ink);cursor:pointer;transition:.15s}.btn:hover{background:var(--glass-strong)}.btn-primary{border:none;color:#fff;background:linear-gradient(150deg,var(--teal),#14876a);box-shadow:0 8px 18px #0f6e564d}.btn-primary:hover{background:linear-gradient(150deg,#0c7d61,#15916f);filter:none;color:#fff}.btn:disabled{opacity:.55;cursor:default}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:13px;color:var(--soft);margin-bottom:6px;font-weight:500}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;font-family:var(--body);font-size:15px;color:var(--ink);background:var(--field);border:1px solid var(--glass-brd);border-radius:12px;padding:11px 13px;outline:none;transition:.15s}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f6e5626}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;color:var(--soft);font-size:14.5px;font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:#ffffff80;color:var(--ink)}.nav-item.active{background:linear-gradient(150deg,#0f6e5624,#0f6e560f);color:var(--teal-d);box-shadow:inset 0 0 0 1px #0f6e562e}.badge{display:inline-block;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px}.badge-ok{background:var(--ok-bg);color:var(--ok-tx)}.badge-wait{background:var(--wait-bg);color:var(--wait-tx)}.badge-info{background:var(--info-bg);color:var(--info-tx)}.badge-mut{background:var(--mut-bg);color:var(--mut-tx)}.kpi{padding:18px}.kpi .kpi-l{font-size:13.5px;color:var(--soft)}.kpi .kpi-v{font-family:var(--display);font-size:32px;font-weight:600;line-height:1;margin-top:8px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(150deg,var(--teal),#14876a);display:flex;align-items:center;justify-content:center;color:#eafff6;box-shadow:0 6px 14px #0f6e5659}.brand-name{font-family:var(--display);font-size:21px;font-weight:600}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,var(--terra),#d98a63);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;font-family:var(--display)}