@charset "UTF-8";:root{--bg-sidebar: oklch(15% .03 255);--bg-sidebar-active: oklch(25% .055 255);--navy-mid: oklch(40% .07 255);--text-sidebar: oklch(92% .01 255);--text-sidebar-muted: oklch(62% .02 255);--accent: oklch(72% .13 85);--accent-strong: oklch(46% .12 85);--accent-soft: oklch(72% .13 85 / .15);--blue: oklch(58% .15 240);--blue-soft: oklch(58% .15 240 / .12);--green: oklch(60% .14 150);--green-soft: oklch(60% .14 150 / .12);--red: oklch(56% .18 25);--red-soft: oklch(56% .18 25 / .12);--bg-page: oklch(98% .004 255);--bg-card: oklch(100% 0 0);--border: oklch(90% .008 255);--text-primary: oklch(22% .02 255);--text-muted: oklch(52% .015 255)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text-primary);background:var(--bg-page)}h1,h2,h3,h4{font-family:Outfit,system-ui,sans-serif;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}button{font-family:Manrope,system-ui,sans-serif;cursor:pointer}.field{margin-bottom:18px}.field label{font-size:12.5px;font-weight:600;display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);font-size:13.5px;font-family:Manrope,sans-serif;background:#fff;color:var(--text-primary)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent)}.field-error{font-size:11.5px;color:var(--red);margin-top:6px}.banner{border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600;margin-bottom:18px}.banner-error{background:var(--red-soft);color:var(--red)}.banner-notice{background:var(--accent-soft);color:var(--accent-strong)}.btn{padding:11px 20px;border-radius:10px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.7;cursor:not-allowed}label{cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.btn-block{width:100%;justify-content:center}.modal h2{font-size:18px;font-weight:700;margin-bottom:4px}.modal .sub{font-size:12.5px;color:var(--text-muted);margin-bottom:22px}.m-field{margin-bottom:16px}.m-field label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}.m-field input,.m-field select{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--border);font-size:13px;font-family:Manrope,sans-serif;background:#fff;color:var(--text-primary)}.m-field input:focus,.m-field select:focus{outline:2px solid var(--accent)}.modal-actions{display:flex;gap:10px;margin-top:22px}.btn-cancel{flex:1;padding:11px;border-radius:9px;background:#f3f5f8;color:var(--text-muted);font-weight:700;font-size:13px;border:none;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-cancel:hover{background:var(--border);color:var(--text-primary)}.btn-create{flex:1;padding:11px;border-radius:9px;background:var(--accent);color:#fff;font-weight:700;font-size:13px;border:none;cursor:pointer;transition:background .15s ease}.btn-create:hover:not(:disabled){background:var(--accent-strong)}.btn-create:disabled{opacity:.7;cursor:not-allowed}.plan-options{display:flex;flex-direction:column;gap:8px}.plan-opt{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;font-size:12.5px;cursor:pointer;background:none;width:100%;text-align:left;font-family:Manrope,sans-serif;color:var(--text-primary);transition:border-color .15s ease,background .15s ease}.plan-opt:hover:not(.selected){border-color:var(--accent);background:var(--accent-soft)}.plan-opt.selected{border-color:var(--accent);background:var(--accent-soft)}.plan-opt b{font-family:Outfit,sans-serif}.table-scroll{width:100%;overflow-x:auto;margin-top:22px}table.data-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.table-scroll table.data-table{margin-top:0}table.data-table thead tr{background:#eef2f7}table.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:12px 16px;font-weight:700}table.data-table td{padding:14px 16px;font-size:13px;border-top:1px solid var(--border);vertical-align:middle}.status-pill{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.status-on{background:var(--green-soft);color:var(--green)}.status-off{background:var(--red-soft);color:var(--red)}.row-actions{display:flex;gap:8px}.pill-btn{padding:6px 12px;border-radius:8px;font-size:11.5px;font-weight:700;border:none;background:#f3f5f8;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,transform .08s ease}.pill-btn:active:not(:disabled){transform:translateY(1px)}.pill-btn:disabled{opacity:.6;cursor:not-allowed}.pill-ghost{background:#f3f5f8;color:var(--text-muted)}.pill-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-strong)}.pill-blue{background:var(--blue-soft);color:var(--blue)}.pill-blue:hover:not(:disabled){background:var(--blue);color:#fff}.pill-red{background:var(--red-soft);color:var(--red)}.pill-red:hover:not(:disabled){background:var(--red);color:#fff}.pill-green{background:var(--green-soft);color:var(--green)}.pill-green:hover:not(:disabled){background:var(--green);color:#fff}.pill-accent{background:var(--accent-soft);color:var(--accent-strong)}.pill-accent:hover:not(:disabled){background:var(--accent);color:#fff}.page-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}.page-head h1{font-size:24px;font-weight:700}.page-head p{margin:4px 0 0;font-size:13.5px;color:var(--text-muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.page-head h1{font-size:20px}.field-row{grid-template-columns:1fr}}