@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Roboto:wght@400;500;700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--orange-light:#334155;--bg:#eef2f7;--panel:#fff;--panel2:#f8fafc;--sidebar:#1e3a5f;--sidebar2:#162d4a;--accent:#1a56db;--accent2:#7c3aed;--green:#057a55;--warn:#c27803;--danger:#dc2626;--border:#d1dce8;--border2:#b8c8da;--text:#1a2332;--muted:#485568;--light:#8896a8;--font:"Roboto",Arial,sans-serif;--mono:"JetBrains Mono",monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0;font-size:16px}.login-page{background:radial-gradient(circle at top right,#1a56db2e,transparent 30%),var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;width:430px;padding:42px;position:relative;overflow:hidden;box-shadow:0 24px 80px #1e3a5f2e}.login-card:before{content:"";background:radial-gradient(circle,#1a56db26,#0000 70%);width:220px;height:220px;position:absolute;top:-70px;right:-70px}.login-card h1{color:var(--text);margin-bottom:6px;font-size:24px}.login-card p{color:var(--muted);font-family:var(--mono);margin-bottom:28px;font-size:14px}.login-logo-vertical{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;display:flex;position:relative}.login-logo-box,.brand-logo-box{background:linear-gradient(135deg,#2563eb24,#f9731624);border:1px solid #2563eb3d;border-radius:22px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;overflow:hidden;box-shadow:0 12px 28px #0f172a1a}.login-logo-box img,.brand-logo-box img{object-fit:contain;width:100%;height:100%;padding:8px}.login-logo-box span,.brand-logo-box span{font-size:34px}.login-brand-text h1{color:#0f172a;margin:0 0 4px}.login-brand-text p{color:#64748b;margin:0}input,select,textarea{background:var(--panel2);border:1px solid var(--border2);width:100%;color:var(--text);font-family:var(--mono);border-radius:8px;outline:none;padding:11px 13px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#fff}button{cursor:pointer;background:linear-gradient(135deg,var(--accent),#09b);color:#fff;font-family:var(--font);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 13px;font-weight:700;display:inline-flex}button:disabled,input:disabled{cursor:not-allowed;opacity:.68}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-weight:700}.app{height:100vh;display:flex;overflow:hidden}aside{background:var(--sidebar);border-right:1px solid var(--sidebar2);color:#fff;flex-direction:column;width:245px;padding:18px 12px;display:flex}aside h2{color:#fff;letter-spacing:.3px;margin-bottom:18px;padding:12px;font-size:20px}aside h2:before{content:"🛡️ "}aside button{color:#d8e7f5;background:0 0;border-radius:7px;justify-content:flex-start;width:100%;margin-bottom:5px;font-size:15px}aside button:hover{background:#ffffff1f}aside button.danger{color:#fff;margin-top:auto;background:#dc26262e!important}main{background:var(--bg);flex:1;padding:24px;overflow:auto}header{background:var(--panel);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 22px;display:flex;box-shadow:0 8px 30px #1e3a5f0f}header h1{color:var(--text);font-size:22px}header span{font-family:var(--mono);color:var(--muted);font-size:14px}.grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 30px #1e3a5f0f}.card:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent2));width:100%;height:4px;position:absolute;top:0;left:0}.card h3{color:var(--muted);font-size:14px;font-family:var(--mono);text-transform:uppercase;margin-bottom:14px}.card strong{color:var(--text);font-size:36px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:18px;box-shadow:0 8px 30px #1e3a5f0f}.form{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:end;gap:12px;display:grid}table{border-collapse:collapse;background:var(--panel);width:100%;font-size:15px}th{text-align:left;color:var(--muted);font-family:var(--mono);text-transform:uppercase;background:var(--panel2);border-bottom:1px solid var(--border);padding:12px;font-size:13px}td{border-bottom:1px solid var(--border);color:var(--text);padding:12px}tr:hover td{background:#f1f5f9}pre{color:#bbf7d0;font-family:var(--mono);background:#0f172a;border-radius:10px;padding:14px;font-size:14px;overflow:auto}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.actions button{background:#1e3a5f}label{font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}label input{width:auto}@media (width<=1100px){.grid,.form{grid-template-columns:repeat(2,1fr)}aside{width:220px}}@media (width<=760px){.app{flex-direction:column}aside{width:100%;height:auto}.grid,.form{grid-template-columns:1fr}}@media (width<=900px){.ipam-allocation-grid .ipam-address-form,.ipam-filters{grid-template-columns:1fr}}.ipam-simple{color:#0f172a;gap:18px;display:grid}.ipam-simple button{font:inherit;cursor:pointer}.ipam-simple-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e40af);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px;display:flex;box-shadow:0 16px 38px #0f172a20}.ipam-simple-hero h2{margin:4px 0 5px;font-size:27px}.ipam-simple-hero p{color:#dbeafe;margin:0}.ipam-kicker{text-transform:uppercase;letter-spacing:.12em;color:#93c5fd;font-size:11px;font-weight:900}.ipam-primary{box-shadow:0 7px 18px #2563eb2e;color:#fff!important;background:#2563eb!important;border:0!important;font-weight:800!important}.ipam-simple-hero .ipam-primary{white-space:nowrap;box-shadow:none;border-radius:12px;padding:12px 17px;color:#1d4ed8!important;background:#fff!important}.ipam-simple-tabs{background:#e8eef8;border-radius:13px;gap:5px;width:max-content;max-width:100%;padding:5px;display:flex}.ipam-simple-tabs button{color:#64748b;background:0 0;border:0;border-radius:9px;padding:9px 16px;font-weight:750}.ipam-simple-tabs button.active{color:#1d4ed8;background:#fff;box-shadow:0 2px 8px #0f172a14}.ipam-summary-strip{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:end;gap:0;padding:15px 18px;display:flex}.ipam-summary-strip>div{border-right:1px solid #e2e8f0;min-width:120px;padding:0 18px;display:grid}.ipam-summary-strip>div:first-child{padding-left:0}.ipam-summary-strip strong{font-size:22px}.ipam-summary-strip span{color:#64748b;font-size:12px}.ipam-summary-strip label{gap:4px;width:min(370px,42%);margin-left:auto;display:grid}.ipam-summary-strip input,.ipam-search-address{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-height:39px;padding:0 12px}.ipam-block-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.ipam-block-card{background:#fff;border:1px solid #dce5f0;border-radius:17px;padding:18px;transition:all .18s;box-shadow:0 8px 22px #0f172a0a}.ipam-block-card:hover{border-color:#93b4e8;transform:translateY(-2px);box-shadow:0 12px 26px #0f172a12}.ipam-card-top{color:#475569;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.ipam-card-top small{color:#94a3b8;margin-left:auto}.ipam-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px}.ipam-dot.free{background:#22c55e}.ipam-dot.used{background:#f97316}.ipam-block-card h3{letter-spacing:-.02em;margin:16px 0 5px;font-size:21px}.ipam-block-card h3 b{color:#2563eb}.ipam-block-card>p{color:#64748b;min-height:20px;margin:0 0 16px;font-size:13px}.ipam-card-facts{border-block:1px solid #eef2f7;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 0;display:grid}.ipam-card-facts span{color:#64748b;font-size:10px;display:grid}.ipam-card-facts b{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ipam-card-client{color:#475569;white-space:nowrap;text-overflow:ellipsis;padding:12px 0;font-size:12px;overflow:hidden}.ipam-card-actions{gap:6px;display:flex}.ipam-card-actions button,.ipam-workspace button,.ipam-modal-actions button,.ipam-section-title button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:750}.ipam-card-actions .danger{color:#dc2626;border-color:#fecaca;margin-left:auto}.ipam-empty{text-align:center;color:#64748b;border:1px dashed #b6c5d8;border-radius:17px;grid-column:1/-1;justify-items:center;gap:8px;padding:54px 20px;display:grid}.ipam-empty strong{color:#334155;font-size:18px}.ipam-empty button{border-radius:9px;margin-top:8px;padding:9px 14px}.ipam-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ipam-modal-form .fld{margin:0}.ipam-modal-form input,.ipam-modal-form select,.ipam-modal-form textarea,.ipam-partition-controls select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px}.ipam-modal-form textarea{resize:vertical;min-height:76px}.ipam-form-intro,.ipam-modal-actions{grid-column:1/-1}.ipam-form-intro{background:#eff6ff;border-radius:11px;padding:12px 14px;display:grid}.ipam-form-intro span{color:#64748b;font-size:12px}.ipam-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.ipam-modal-actions button{background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 14px}.ipam-workspace{gap:18px;display:grid}.ipam-workspace-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ipam-workspace-head span{text-transform:uppercase;color:#2563eb;font-size:12px;font-weight:850}.ipam-workspace-head p{color:#64748b;margin:4px 0 0}.ipam-workspace-head>div:last-child{gap:7px;display:flex}.ipam-workspace-stats{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.ipam-workspace-stats div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:12px 14px;display:grid}.ipam-workspace-stats span{color:#64748b;font-size:11px}.ipam-workspace-stats strong{font-size:19px}.ipam-work-section{border:1px solid #e2e8f0;border-radius:13px;padding:15px}.ipam-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ipam-section-title>div{display:grid}.ipam-section-title span{color:#64748b;font-size:11px}.ipam-subnet-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.ipam-subnet-list>button{text-align:left;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.ipam-subnet-list>button span{display:grid}.ipam-subnet-list small{color:#64748b;margin-top:2px}.ipam-subnet-list em{color:#64748b;font-size:11px;font-style:normal}.ipam-inline-empty{text-align:center;color:#64748b;background:#f8fafc;border-radius:9px;grid-column:1/-1;padding:18px;font-size:12px}.ipam-mini-map{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;max-height:180px;margin-bottom:12px;display:grid;overflow:auto}.ipam-mini-map button{min-height:30px;color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important;padding:3px!important;font-size:10px!important}.ipam-mini-map button.used{cursor:not-allowed;color:#c2410c!important;background:#fff7ed!important;border-color:#fed7aa!important}.ipam-search-address{width:100%;margin-bottom:8px}.ipam-address-list{max-height:250px;display:grid;overflow:auto}.ipam-address-list>div{border-bottom:1px solid #eef2f7;grid-template-columns:120px 1fr 90px auto auto;align-items:center;gap:8px;padding:8px 3px;font-size:12px;display:grid}.ipam-address-list span{color:#64748b}.ipam-address-list em{font-style:normal}.ipam-back{justify-self:start}.ipam-partition-modal>p{color:#64748b;margin-top:0}.ipam-partition-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ipam-partition-controls .fld{margin:0}.ipam-subnet-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:390px;margin:15px 0;display:grid;overflow:auto}.ipam-subnet-picker button{text-align:left;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:10px;display:grid}.ipam-subnet-picker button span{font-size:10px}.ipam-subnet-picker button.used{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.ipam-subnet-picker button.selected{color:#1d4ed8;background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.ipam-warning{color:#9a3412;background:#fff7ed;border-radius:10px;margin:15px 0;padding:14px}.ipam-address-modal{grid-template-columns:1fr 1fr}.ipam-address-modal .fld:first-child,.ipam-address-modal .fld:last-of-type{grid-column:1/-1}@media (width<=1100px){.ipam-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.ipam-simple-hero,.ipam-workspace-head,.ipam-section-title{flex-direction:column;align-items:flex-start}.ipam-summary-strip{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ipam-summary-strip>div{border:0;min-width:0;padding:0}.ipam-summary-strip label{grid-column:1/-1;width:100%;margin:0}.ipam-block-grid,.ipam-modal-form,.ipam-partition-controls,.ipam-subnet-list,.ipam-address-modal{grid-template-columns:1fr}.ipam-address-modal .fld:first-child,.ipam-address-modal .fld:last-of-type{grid-column:auto}.ipam-workspace-stats{grid-template-columns:repeat(2,1fr)}.ipam-subnet-picker{grid-template-columns:1fr 1fr}.ipam-address-list>div{grid-template-columns:1fr auto}.ipam-address-list span{grid-column:1/-1}.ipam-simple-tabs{width:100%}.ipam-simple-tabs button{flex:1;padding-inline:7px}}:root{--bg:#eef4fb;--sidebar:#12365d;--sidebar-dark:#0b2747;--blue:#0f172a;--blue-light:#2563eb;--orange:#0f172a;--orange-dark:#1e293b;--card:#fff;--text:#172033;--muted:#64748b;--border:#cbd5e1}body{background:var(--bg)!important;color:var(--text)!important}.sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar-dark))!important;width:260px!important}.brand{align-items:center!important;gap:12px!important;margin-bottom:24px!important;display:flex!important}.app-brand-vertical{text-align:center!important;border-bottom:1px solid #ffffff1f!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:14px 8px 16px!important}.app-brand-vertical .brand-logo-box{width:68px!important;height:68px!important;box-shadow:none!important;background:#ffffff1f!important;border-color:#ffffff38!important;border-radius:20px!important}.app-brand-vertical .brand-text strong{font-size:20px!important}.app-brand-vertical .brand-text small{font-size:13px!important}.brand-icon{background:#f973162e!important;border:1px solid #f9731673!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important}.brand strong{color:#fff!important;font-size:20px!important;display:block!important}.brand small{color:#bfdbfe!important;font-size:13px!important;display:block!important}.nav-sec{text-transform:uppercase!important;color:#93c5fd!important;letter-spacing:.08em!important;margin:16px 8px 8px!important;font-size:13px!important}.nav-item{color:#e0f2fe!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:14px!important;align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:6px!important;padding:12px 14px!important;font-weight:800!important;transition:all .18s!important;display:flex!important}.nav-item svg{color:#bfdbfe!important;flex:none!important}.nav-item:hover,.nav-item.active{color:#fff!important;background:linear-gradient(135deg,#2563eb61,#f9731638)!important;border-color:#ffffff42!important;transform:translate(3px)!important;box-shadow:0 10px 24px #0f172a38!important}.nav-item:hover svg,.nav-item.active svg{color:#fff!important}.sidebar-footer{border-top:1px solid #ffffff1f!important;align-items:center!important;gap:10px!important;margin-top:auto!important;padding:12px!important;display:flex!important}.avatar{background:var(--orange)!important;color:#fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;font-weight:700!important;display:flex!important}.user-meta strong{color:#fff!important;font-size:15px!important;display:block!important}.user-meta small{color:#bfdbfe!important;font-size:13px!important}.logout-btn{background:#f9731638!important;width:36px!important;height:36px!important;margin-left:auto!important;padding:0!important}.main{background:var(--bg)!important;padding:24px!important}.topbar{color:#fff!important;background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;border:1px solid #94a3b847!important;border-radius:24px!important;margin-bottom:22px!important;padding:24px 26px!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 44px #0f172a2e!important}.topbar:before{content:"";pointer-events:none;background:#f9731633;border-radius:999px;width:260px;height:260px;position:absolute;inset:auto -90px -110px auto}.app-page-hero{justify-content:space-between!important;align-items:center!important;gap:22px!important;display:flex!important}.app-page-hero-main{z-index:1;align-items:center;gap:16px;min-width:0;display:flex;position:relative}.app-page-hero-icon{background:#ffffff21;border:1px solid #ffffff38;border-radius:18px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;display:flex}.app-page-hero-main span{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;margin-bottom:8px;padding:6px 11px;font-size:14px;font-weight:900;display:inline-flex}.topbar h1{color:#fff!important;margin:0!important;font-size:30px!important}.topbar p{color:#dbeafe!important;max-width:760px!important;margin:6px 0 0!important;line-height:1.45!important}.topbar-action{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0f172a29;z-index:1!important;color:#fff!important;background:#ffffff24!important;border:1px solid #ffffff3d!important;position:relative!important}.topbar-action:hover{background:#fff3!important;border-color:#ffffff80!important}.app-loading{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-weight:800;display:flex}.app-loading span{border:2px solid #93c5fd;border-top-color:#1d4ed8;border-radius:999px;width:12px;height:12px;animation:.8s linear infinite app-spin}.app-alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.app-alert span{color:#9a3412;flex:1}.app-alert button{white-space:nowrap;padding:8px 11px;background:#9a3412!important}.content-busy{opacity:.72;pointer-events:none}.config-readonly-alert,.config-form-message{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:800}.user-form{grid-template-columns:1fr!important}.config-check{border:1px solid var(--border);background:#f8fafc;border-radius:10px;justify-content:flex-start;padding:10px 12px}.status-pill{border-radius:999px;align-items:center;padding:5px 9px;font-size:13px;font-weight:900;display:inline-flex}.status-pill.on{color:#166534;background:#dcfce7}.status-pill.off{color:#991b1b;background:#fee2e2}@keyframes app-spin{to{transform:rotate(360deg)}}.top-status{color:var(--blue)!important;background:#e0f2fe!important;border-radius:999px!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;font-weight:700!important;display:flex!important}.dot{background:var(--orange)!important;border-radius:50%!important;width:9px!important;height:9px!important}.info-bar{color:#9a3412!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:14px!important;margin-bottom:18px!important;padding:14px 16px!important}.stats-grid{grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:18px!important;margin-bottom:22px!important;display:grid!important}.stat-card{border:1px solid var(--border)!important;background:#fff!important;border-radius:18px!important;min-height:150px!important;padding:22px!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 28px #0f4c8114!important}.stat-card:before{content:""!important;background:linear-gradient(90deg,var(--blue),var(--orange))!important;width:100%!important;height:5px!important;position:absolute!important;top:0!important;left:0!important}.stat-ico{font-size:24px!important}.stat-lbl{color:var(--blue)!important;margin-top:12px!important;font-size:17px!important;font-weight:700!important}.stat-val{color:var(--orange)!important;margin-top:6px!important;font-size:34px!important;font-weight:800!important}.stat-sub{color:var(--muted)!important;margin-top:4px!important;font-size:14px!important}.grid2{grid-template-columns:1fr 1fr!important;gap:18px!important;display:grid!important}.panel,.table-wrap{border:1px solid var(--border)!important;background:#fff!important;border-radius:18px!important;margin-bottom:18px!important;padding:22px!important;box-shadow:0 10px 28px #0f4c8114!important}.panel h2{color:var(--blue)!important;margin-bottom:8px!important}.panel p{color:var(--muted)!important}.form{grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:14px!important;display:grid!important}.fld label{color:var(--blue)!important;margin-bottom:6px!important;font-size:14px!important;font-weight:700!important;display:block!important}input,select,textarea{border:1px solid var(--border)!important;color:var(--text)!important;background:#f8fafc!important}button{background:linear-gradient(135deg,var(--blue),var(--orange))!important}table{border-collapse:collapse!important;width:100%!important}th{color:var(--blue)!important;background:#eff6ff!important}td{color:var(--text)!important}@media (width<=1200px){.stats-grid,.form{grid-template-columns:repeat(2,1fr)!important}}@media (width<=760px){.app{flex-direction:column!important}.sidebar{width:100%!important}.stats-grid,.grid2,.form{grid-template-columns:1fr!important}}button{color:#fff!important;background:#0f172a!important;border:none!important;transition:all .2s!important}button:hover{background:#0f172a!important;transform:translateY(-1px)!important}.nav-item.active{background:#f9731633!important;border-left:4px solid #0f172a!important}.logout-btn,.logout-btn:hover{background:#0f172a!important}.top-status{border:1px solid #f9731640!important}.stat-card:before{background:#0f172a!important}body{font-size:15px!important}.sidebar{width:220px!important;padding:12px 8px!important}.brand{gap:8px!important;margin-bottom:14px!important}.brand-icon{border-radius:9px!important;width:32px!important;height:32px!important}.brand strong{font-size:17px!important}.brand small{font-size:12px!important}.nav-sec{margin:10px 8px 5px!important;font-size:12px!important}.nav-item{border-radius:8px!important;gap:8px!important;margin-bottom:3px!important;padding:8px 10px!important;font-size:14px!important}.nav-item svg{width:16px!important;height:16px!important}.sidebar-footer{padding:8px!important}.avatar{width:28px!important;height:28px!important;font-size:14px!important}.user-meta strong{font-size:13px!important}.user-meta small{font-size:12px!important}.logout-btn{width:30px!important;height:30px!important}.main{padding:14px!important}.topbar{border-radius:14px!important;margin-bottom:14px!important;padding:14px 16px!important}.topbar h1{font-size:21px!important}.topbar p{font-size:14px!important}.top-status{padding:7px 10px!important;font-size:14px!important}.info-bar{margin-bottom:12px!important;padding:10px 12px!important;font-size:14px!important}.stats-grid{grid-template-columns:repeat(4,minmax(140px,1fr))!important;gap:10px!important;margin-bottom:14px!important}.stat-card{border-radius:14px!important;min-height:105px!important;padding:14px!important}.stat-lbl{margin-top:7px!important;font-size:14px!important}.stat-val{font-size:25px!important}.stat-sub{font-size:12px!important}.panel,.table-wrap{border-radius:14px!important;margin-bottom:12px!important;padding:14px!important}.panel h2{font-size:20px!important}.form{grid-template-columns:repeat(4,minmax(130px,1fr))!important;gap:9px!important}.fld label,label{margin-bottom:4px!important;font-size:12px!important}input,select,textarea{border-radius:7px!important;padding:8px 9px!important;font-size:14px!important}button{border-radius:7px!important;padding:8px 10px!important;font-size:14px!important}.form button{min-height:35px!important}table{font-size:14px!important}th,td{padding:8px!important}pre{border-radius:8px!important;padding:10px!important;font-size:13px!important}.actions{gap:6px!important;margin-top:10px!important}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(3,minmax(140px,1fr))!important}.form{grid-template-columns:repeat(3,minmax(130px,1fr))!important}}@media (width<=1024px){.sidebar{width:205px!important}.stats-grid,.form{grid-template-columns:repeat(2,1fr)!important}}.wiki-head{border:1px solid var(--border);background:#fff;border-radius:18px;margin-bottom:16px;padding:18px 22px;box-shadow:0 10px 28px #0f4c8114}.wiki-head h2{color:var(--blue);margin-bottom:4px}.wiki-head p{color:var(--muted)}.tutorial-title h2{color:var(--blue)}.badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badges span{color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700}.steps-timeline{gap:16px;display:grid}.step-card{border:1px solid var(--border);border-left:5px solid var(--orange);background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0f4c8114}.step-num{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:13px;font-weight:800;display:inline-block}.step-card h3{color:var(--blue);margin-bottom:8px}.step-card p{color:var(--text);line-height:1.5}.tip{border-left:4px solid var(--blue);color:var(--blue);background:#eff6ff;border-radius:10px;margin:10px 0;padding:10px 12px}.warn{border-left:4px solid var(--orange);color:#9a3412;background:#fff7ed;border-radius:10px;margin:10px 0;padding:10px 12px}.terminal{background:#020617;border:1px solid #1e293b;border-radius:14px;margin-top:12px;overflow:hidden}.terminal-top{color:#e5e7eb;background:#111827;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.terminal-top button{background:#0f172a!important;padding:6px 10px!important;font-size:13px!important}.terminal pre{border-radius:0;margin:0;line-height:1.5;color:#22c55e!important;background:#020617!important;font-size:14px!important}.cli-input{min-height:120px;font-family:monospace}.step-upload{margin-top:12px}textarea{resize:vertical;min-height:90px}.wiki-pnetops{display:block}.wiki-toolbar{border:1px solid var(--border);background:#fff;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:22px;display:flex;box-shadow:0 10px 28px #0f4c8114}.wiki-toolbar h2{color:var(--blue);margin:0 0 6px;font-size:24px}.wiki-toolbar p{color:var(--muted);margin:0}.wiki-filters{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.wiki-filters input{min-width:230px}.wiki-cat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.wiki-cat-card{color:var(--text)!important;border:1px solid var(--border)!important;background:#fff!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:16px!important;display:flex!important;box-shadow:0 10px 28px #0f4c810f!important}.wiki-cat-card:hover{border-color:#0f172a!important;transform:translateY(-2px)!important}.wiki-cat-card span{font-size:26px}.wiki-cat-card strong{color:var(--blue);font-size:16px}.wiki-cat-card small{color:var(--muted);font-size:14px}.wiki-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.wiki-list-panel,.wiki-create-panel,.wiki-side-panel{border:1px solid var(--border);background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0f4c8114}.wiki-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.wiki-section-head h3,.wiki-create-panel h3,.wiki-side-panel h3{color:var(--blue);margin:0}.wiki-section-head small{color:var(--muted);font-family:var(--mono)}.wiki-card{cursor:pointer;background:#f8fafc;border:1px solid #dbe6f3;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.wiki-card:hover{background:#fff7ed;border-color:#0f172a;transform:translateY(-1px)}.wiki-card-main{align-items:flex-start;gap:14px;display:flex}.wiki-icon,.wiki-detail-icon{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.wiki-card h3{color:var(--blue);margin:0 0 6px}.wiki-card p,.wiki-create-panel p{color:var(--muted);margin:0 0 10px}.wiki-tags{flex-wrap:wrap;gap:7px;display:flex}.wiki-tags span{color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:700}.wiki-form{grid-template-columns:1fr;gap:12px;display:grid}.wiki-form textarea{resize:vertical;min-height:88px}.wiki-form.compact{grid-template-columns:1fr auto;align-items:end}.wiki-empty{border:1px dashed var(--border);text-align:center;color:var(--muted);background:#f8fafc;border-radius:14px;padding:22px}.wiki-toast{z-index:50;color:#fff;cursor:pointer;background:#12365d;border-left:5px solid #0f172a;border-radius:12px;padding:14px 18px;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 40px #0000002e}.wiki-back{margin-bottom:14px!important}.wiki-detail-head{border:1px solid var(--border);background:#fff;border-radius:18px;gap:16px;margin-bottom:18px;padding:22px;display:flex;box-shadow:0 10px 28px #0f4c8114}.wiki-detail-head h2{color:var(--blue);margin:0 0 6px}.wiki-detail-head p{color:var(--muted);margin:0 0 10px}.wiki-detail-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.wiki-step{grid-template-columns:48px minmax(0,1fr);gap:14px;margin-bottom:16px;display:grid}.wiki-step-num{color:#fff;background:#0f172a;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex;box-shadow:0 10px 20px #f9731638}.wiki-step-body{border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 28px #0f4c810f}.wiki-step-body h3{color:var(--blue);margin:0 0 8px}.wiki-step-body p{color:var(--text);line-height:1.55}.wiki-note{border-radius:12px;margin:10px 0;padding:11px 13px;font-weight:600}.wiki-note.tip{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.wiki-note.warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.cli-block{background:#07111f;border:1px solid #1e293b;border-radius:14px;margin-top:12px;overflow:hidden}.cli-head{color:#cbd5e1;font-family:var(--mono);background:#0f172a;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.cli-head button{border-radius:8px!important;padding:7px 10px!important}.cli-block pre{color:#bbf7d0;white-space:pre-wrap;background:#07111f;border-radius:0;margin:0}.mono-area{font-family:var(--mono)!important}.wiki-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.wiki-attach-list,.wiki-comments{flex-direction:column;gap:10px;margin-top:12px;display:flex}.wiki-attach-list a{color:var(--blue);border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:10px;text-decoration:none;display:block}.wiki-comments>div{border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:12px}.wiki-comments strong{color:var(--blue)}.wiki-comments p{color:var(--text);margin:6px 0}.wiki-comments small{color:var(--muted);font-family:var(--mono);font-size:13px}@media (width<=1100px){.wiki-layout,.wiki-detail-grid,.wiki-bottom-grid{grid-template-columns:1fr}.wiki-toolbar{flex-direction:column}.wiki-filters{justify-content:flex-start}.wiki-create-panel,.wiki-side-panel{width:100%}}.dash-hero{background:linear-gradient(135deg,var(--sidebar),var(--sidebar2));color:#fff;border:1px solid #ffffff1f;border-radius:22px;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:22px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 70px #1e3a5f38}.dash-hero:after{content:"";background:radial-gradient(circle,#ffffff2e,#0000 68%);width:260px;height:260px;position:absolute;top:-90px;right:-90px}.dash-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe;margin-bottom:12px;font-size:13px;display:inline-flex}.dash-hero h2{color:#fff;max-width:760px;margin:0 0 10px;font-size:31px;line-height:1.1}.dash-hero p{color:#dbeafe;max-width:780px;font-size:16px;line-height:1.55}.dash-health{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;align-self:center;align-items:center;gap:12px;min-width:210px;padding:16px;display:flex}.dash-health small{color:#cbd5e1;font-family:var(--mono);margin-top:3px;font-size:13px;display:block}.pulse{background:#22c55e;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 7px #22c55e29}.dash-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.dash-stat-card{text-align:left;border:1px solid var(--border);background:var(--panel);cursor:pointer;min-height:165px;font-family:var(--font);color:var(--text);border-radius:18px;padding:20px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 14px 35px #0f172a12}.dash-stat-card:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.dash-stat-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 20px 42px #0f172a1c}.dash-stat-card.amber:before{background:#d97706}.dash-stat-card.navy:before{background:#0f172a}.dash-stat-ico{margin-bottom:14px;font-size:27px;display:block}.dash-stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:15px;font-weight:700}.dash-stat-val{color:var(--text);margin:10px 0;font-size:36px;line-height:1;display:block}.dash-stat-sub{color:var(--muted);font-size:14px;line-height:1.45;display:block}.dash-layout{grid-template-columns:1.45fr .75fr;gap:20px;margin-bottom:22px;display:grid}.dash-panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 14px 40px #0f172a0f}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-head h2{color:var(--text);margin:5px 0 0;font-size:19px}.panel-tag{font-size:13px;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-weight:700}.panel-mini{color:var(--muted);font-size:13px;font-family:var(--mono);background:var(--panel2);border:1px solid var(--border);border-radius:999px;padding:7px 10px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-grid button{background:var(--panel2);border:1px solid var(--border);text-align:left;font-family:var(--font);color:var(--text);cursor:pointer;border-radius:14px;padding:15px;font-weight:700;transition:all .15s}.quick-grid button:hover{border-color:var(--accent);background:#eff6ff;transform:translateY(-2px)}.ops-list{gap:12px;display:grid}.ops-list div{border:1px solid var(--border);background:var(--panel2);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.ops-list strong{color:var(--accent);font-size:24px}.ops-list span{color:var(--muted);text-align:right;font-size:14px}.timeline-panel{margin-bottom:20px}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.timeline div{border:1px solid var(--border);background:var(--panel2);border-radius:16px;min-height:120px;padding:16px}.timeline span{background:var(--sidebar);color:#fff;width:34px;height:34px;font-family:var(--mono);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;display:inline-flex}.timeline p{color:var(--muted);font-size:15px;line-height:1.5}@media (width<=1200px){.dash-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.dash-hero,.dash-layout{grid-template-columns:1fr;display:grid}.dash-stats-grid,.quick-grid,.timeline{grid-template-columns:1fr}.dash-health{width:100%;min-width:0}}.top-status{display:none!important}.dashboard-modern{width:100%}.dashboard-stats,.stats-grid.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:18px!important;margin-bottom:22px!important;display:grid!important}.dash-stat-card{text-align:center!important;background:linear-gradient(145deg,#0f172a,#18233d)!important;border:1px solid #94a3b838!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;min-height:165px!important;padding:26px 18px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 38px #0f172a40!important}.dash-stat-card:before{content:""!important;background:#3b82f6!important;height:4px!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.dash-stat-card.blue:before{background:#3b82f6!important}.dash-stat-card.purple:before{background:#8b5cf6!important}.dash-stat-card.green:before{background:#14b8a6!important}.dash-stat-card.orange:before{background:#f97316!important}.dash-stat-card.pink:before{background:#ec4899!important}.dash-stat-icon{color:#fff!important;background:#3b82f629!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:72px!important;height:72px!important;margin-bottom:6px!important;display:flex!important}.dash-stat-card.purple .dash-stat-icon{background:#8b5cf62e!important}.dash-stat-card.green .dash-stat-icon{background:#14b8a62e!important}.dash-stat-card.orange .dash-stat-icon{background:#f973162e!important}.dash-stat-card.pink .dash-stat-icon{background:#ec48992e!important}.dash-stat-card .stat-lbl{color:#fff!important;text-transform:uppercase!important;letter-spacing:.7px!important;white-space:normal!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important}.dash-stat-card .stat-val{color:#fff!important;font-size:38px!important;font-weight:900!important;line-height:1!important}.dash-stat-card .stat-sub{display:none!important}.dash-stat-card:hover{border-color:#60a5fa8c!important;transition:all .2s!important;transform:translateY(-3px)!important}.wiki-category-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:14px!important;margin-bottom:18px!important;display:grid!important}.wiki-create-action{justify-content:flex-start;margin-bottom:18px;display:flex}.wiki-create-action button{min-width:210px}.wiki-tutorial-modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-tutorial-modal-form .fld:first-child,.wiki-tutorial-modal-form .fld:last-of-type,.wiki-modal-actions{grid-column:1/-1}.wiki-modal-actions{justify-content:flex-end;gap:10px;display:flex}.wiki-modal-actions button{min-width:140px}@media (width<=640px){.wiki-create-action button{width:100%}.wiki-tutorial-modal-form{grid-template-columns:1fr}.wiki-tutorial-modal-form .fld,.wiki-modal-actions{grid-column:1}.wiki-modal-actions{flex-direction:column-reverse}.wiki-modal-actions button{width:100%}}.wiki-cat-card{text-align:center!important;cursor:pointer!important;background:#fff!important;border:1px solid #dbe4ef!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:120px!important;padding:18px!important;transition:transform .18s,border-color .18s,box-shadow .18s!important;display:flex!important;box-shadow:0 10px 25px #0f172a14!important}.wiki-cat-card:hover,.wiki-cat-card:focus-visible{outline:none;transform:translateY(-3px);border-color:#60a5fa!important;box-shadow:0 14px 30px #2563eb29!important}.wiki-cat-card.is-active{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb2e,0 14px 30px #2563eb24!important}.wiki-cat-card .dash-stat-icon.small{color:#0f172a!important;background:#eef4ff!important;width:42px!important;height:42px!important;font-size:24px!important}.wiki-cat-card .stat-lbl{color:#0f172a!important;font-weight:800!important}.wiki-cat-card .stat-val{color:#2563eb!important;font-size:28px!important}.wiki-form-title{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.wiki-form-title h2{color:#0f172a;margin:0}.wiki-table-panel{border-radius:18px!important;margin-top:18px!important;overflow:hidden!important}.wiki-table-head{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.wiki-table-head h2{color:#0f172a;margin:0;font-size:20px}.wiki-table td strong{color:#0f172a;font-size:16px;display:block}.wiki-table td small{color:#64748b;max-width:420px;margin-top:4px;font-size:14px;display:block}.wiki-table .row-active{background:#eff6ff!important}.actions-col{text-align:center;width:250px}.row-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.btn-row{color:#fff!important;white-space:nowrap!important;border:0!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;min-width:72px!important;padding:8px 10px!important;font-size:14px!important;font-weight:800!important;display:inline-flex!important}.btn-open{background:#0f172a!important}.btn-edit{background:#2563eb!important}.btn-delete{background:#dc2626!important}.btn-row:hover,.btn-light:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important}.level-pill{color:#3730a3;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800;display:inline-flex}.empty-row{text-align:center;color:#64748b;padding:24px!important}@media (width<=900px){.row-actions{flex-wrap:wrap;justify-content:flex-start}.actions-col{width:auto}}.dashboard-stats .stat-val,.dashboard-modern .stat-val,.dash-stat-card .stat-val{color:#facc15!important;text-shadow:0 0 18px #facc1538!important}.dashboard-stats .stat-val,.dashboard-modern .stat-val,.dash-stat-card .stat-val,.stats-grid .dash-stat-card .stat-val,.stat-card.dash-stat-card .stat-val,.dash-stat-card div.stat-val{color:#f97316!important;-webkit-text-fill-color:#f97316!important;text-shadow:0 0 18px #f9731647!important;background:0 0!important}.dashboard-stats .stat-val *,.dashboard-modern .stat-val *,.dash-stat-card .stat-val *{color:#f97316!important;-webkit-text-fill-color:#f97316!important}.dash-stats-grid .dash-stat-card .dash-stat-val,.dash-stat-card .dash-stat-val,strong.dash-stat-val{color:#f97316!important;-webkit-text-fill-color:#f97316!important;text-shadow:0 0 18px #f9731659!important;background:0 0!important}.wiki-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:20px;display:grid}.wiki-filter-item{flex-direction:column;gap:8px;display:flex}.wiki-filter-item label{color:#0f172a;font-size:15px;font-weight:800}.wiki-filter-item input,.wiki-filter-item select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;height:44px;padding:0 14px;font-size:16px}.wiki-filter-item input:focus,.wiki-filter-item select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.wiki-filter-actions{align-items:flex-end;gap:10px;display:flex}.btn-light-filter{color:#0f172a!important;background:#e2e8f0!important}.btn-light-filter:hover{filter:brightness(.96)}@media (width<=900px){.wiki-filter-actions{flex-wrap:wrap}}.config-brain .info-bar{margin-bottom:18px}.config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.config-card{border-radius:18px!important}.config-card-wide{grid-column:1/-1}.config-card h2{color:#0f172a;margin:0 0 16px}.config-form{margin-bottom:16px}.config-list{flex-direction:column;gap:10px;max-height:360px;display:flex;overflow:auto}.config-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.config-row button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;margin-left:6px;padding:7px 10px;font-weight:800}.config-row button.danger{background:#dc2626}.config-table{border-radius:16px;margin-top:10px;overflow:hidden}.btn-light{color:#0f172a!important;background:#e2e8f0!important}@media (width<=1000px){.config-grid{grid-template-columns:1fr}}.config-center{flex-direction:column;gap:18px;display:flex}.config-home{flex-direction:column;gap:22px;display:flex}.config-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border:1px solid #94a3b847;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px;display:grid;box-shadow:0 18px 44px #0f172a2e}.config-hero>div:first-child>span{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;margin-bottom:12px;padding:6px 11px;font-size:14px;font-weight:900;display:inline-flex}.config-hero h1{color:#fff;margin:0;font-size:30px}.config-hero p{color:#dbeafe;max-width:720px;margin:8px 0 0;line-height:1.5}.config-hero-stats{grid-template-columns:repeat(3,110px);gap:10px;display:grid}.config-hero-stats div{text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;padding:14px}.config-hero-stats strong{color:#f97316;font-size:28px;line-height:1;display:block}.config-hero-stats span{color:#e0f2fe;margin-top:6px;font-size:13px;font-weight:800;display:block}.config-menu-section{flex-direction:column;gap:12px;display:flex}.config-menu-title{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.config-menu-title h2{color:#0f172a;margin:0;font-size:22px}.config-menu-title p{color:#64748b;margin:4px 0 0}.config-center-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.config-center-grid-reserved{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.config-module-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;min-height:176px;padding:18px;transition:all .18s;display:flex;box-shadow:0 12px 28px #0f172a14}.config-module-card.is-active{border-color:#bfdbfe}.config-module-card.is-reserved{opacity:.9;background:#f8fafc}.config-module-card:hover{border-color:#2563eb;transform:translateY(-3px);box-shadow:0 16px 34px #2563eb29}.config-module-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.config-module-icon{background:#eef4ff;border-radius:18px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.config-module-status{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000}.config-module-status.active{color:#166534;background:#dcfce7}.config-module-status.reserved{color:#475569;background:#e2e8f0}.config-module-content{width:100%}.config-module-content small{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:1000;display:block}.config-module-card strong{color:#0f172a;margin-bottom:8px;font-size:22px;display:block}.config-module-card span{color:#64748b;font-size:15px;line-height:1.45;display:block}.config-section{flex-direction:column;gap:18px;display:flex}.config-section-head{background:#fff;border:1px solid #dbe4ef;border-radius:18px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 10px 26px #0f172a0f}.config-section-head h2{color:#0f172a;margin:0}.config-section-head p{color:#64748b;margin:4px 0 0;font-size:15px}.config-tabs-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.config-reference-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.config-reference-summary div{background:#fff;border:1px solid #dbe4ef;border-radius:18px;padding:16px;box-shadow:0 10px 24px #0f172a0f}.config-reference-summary strong{color:#0f172a;margin-bottom:6px;font-size:17px;display:block}.config-reference-summary span{color:#64748b;font-size:15px;line-height:1.45;display:block}.config-ref-card{background:#fff;border:1px solid #dbe4ef;border-radius:20px;padding:18px;box-shadow:0 12px 28px #0f172a12}.config-ref-card-wide{grid-column:1/-1}.config-ref-card h3{color:#0f172a;margin:0 0 14px;font-size:20px}.config-mini-form{grid-template-columns:1fr 120px 90px auto;align-items:center;gap:10px;margin-bottom:16px;display:grid}.config-mini-form input,.config-mini-form select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;height:42px;padding:0 12px}.config-mini-form button,.config-ref-row button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:11px;height:42px;padding:0 14px;font-weight:800}.config-mini-form .btn-light{color:#0f172a!important;background:#e2e8f0!important}.config-model-form{grid-template-columns:180px 1fr 150px 100px 160px auto auto}.config-ref-list{flex-direction:column;gap:10px;max-height:390px;padding-right:4px;display:flex;overflow:auto}.config-ref-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.config-ref-row span{color:#0f172a;flex-direction:column;gap:2px;display:flex}.config-ref-row small{color:#64748b;font-size:14px}.config-ref-row div{gap:8px;display:flex}.config-ref-row button{background:#2563eb;height:36px;padding:0 12px}.config-ref-row button.danger{background:#dc2626}.config-model-table{border-radius:16px;overflow:hidden}.config-placeholder{color:#0f172a;background:#eff6ff;border:1px dashed #93c5fd;border-radius:18px;padding:26px}.config-placeholder strong{margin-bottom:6px;font-size:20px;display:block}.config-placeholder p{color:#475569;margin:0}.system-brand-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;display:grid}.system-brand-form{grid-template-columns:1fr;gap:14px;display:grid}.system-brand-form label{color:#0f172a;flex-direction:column;gap:7px;font-weight:900;display:flex}.system-brand-form input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;height:44px;padding:0 12px}.system-brand-form input[type=file]{height:auto;padding:11px 12px}.system-brand-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.system-brand-actions button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:12px;min-height:44px;padding:0 16px;font-weight:900}.system-brand-actions .btn-light{color:#0f172a!important;background:#e2e8f0!important}.system-brand-preview{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#1d4ed8);border:1px solid #dbe4ef;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;padding:24px;display:flex}.system-brand-preview .preview-logo{width:92px;height:92px;box-shadow:none;background:#ffffff21;border-color:#ffffff3d;border-radius:26px}.system-brand-preview strong{color:#fff;font-size:26px}.system-brand-preview small{color:#dbeafe;font-size:15px;font-weight:800}.system-brand-note{color:#64748b;margin:14px 0 0;line-height:1.5}@media (width<=1100px){.system-brand-layout,.config-hero{grid-template-columns:1fr}.config-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.config-tabs-layout,.config-reference-summary,.config-mini-form,.config-model-form{grid-template-columns:1fr}.config-section-head{flex-direction:column;align-items:flex-start}}@media (width<=700px){.config-hero-stats,.config-center-grid,.config-center-grid-reserved{grid-template-columns:1fr}}.config-center,.config-section,.config-tabs-layout,.config-ref-card,.config-ref-card-wide,.config-model-table,.config-mini-form,.config-model-form{overflow-anchor:none!important}.config-model-form input,.config-model-form select,.config-mini-form input,.config-mini-form select{scroll-margin-top:120px}.config-ref-list,.config-model-table,.config-center,.config-section,.config-tabs-layout,.config-ref-card,.config-ref-card-wide,.config-mini-form,.config-model-form,.config-model-table{overflow-anchor:none!important}.config-model-form input:focus,.config-model-form select:focus,.config-mini-form input:focus,.config-mini-form select:focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb24!important}.wiki-details-panel{margin-top:18px;border-radius:18px!important}.wiki-detail-head,.wiki-step-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.wiki-detail-head h2,.wiki-step-head h3{color:#0f172a;margin:0}.wiki-detail-head p{color:#64748b;margin:4px 0 0;font-size:15px}.wiki-step-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:18px;padding:16px}.wiki-step-form textarea{resize:vertical;min-height:110px}.wiki-steps-list{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.wiki-step-card{border:1px solid #dbe4ef!important;box-shadow:0 8px 22px #0f172a0f!important}.wiki-tip{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:10px 12px}.wiki-warning{color:#92400e;background:#fef3c7;border-radius:12px;padding:10px 12px}.cli-box{background:#020617;border:1px solid #1e293b;border-radius:14px;margin-top:12px;overflow:hidden}.cli-box-head{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cli-box-head strong{color:#fff}.cli-box-head button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:9px;padding:6px 10px;font-weight:800}.cli-box pre{color:#e2e8f0;white-space:pre-wrap;margin:0;padding:14px;font-family:JetBrains Mono,monospace;font-size:15px}@media (width<=900px){.wiki-detail-head,.wiki-step-head{flex-direction:column;align-items:flex-start}}.corporate-page{flex-direction:column;gap:18px;display:flex}.corporate-actions-panel{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.corporate-create-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #2563eb2e}.corporate-create-btn:hover{filter:brightness(.96)}.corporate-search-form{grid-template-columns:minmax(260px,520px);align-items:end;gap:14px;width:100%;display:grid}.corporate-search-actions{align-items:center;gap:10px;display:flex}.corporate-search-form select{min-height:44px}.corporate-search-form input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.corporate-search-actions button{min-height:44px}.corporate-table-panel{border-radius:18px!important}.corporate-table-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.corporate-table-head h2{color:#0f172a;margin:0}.corporate-table-head p{color:#64748b;margin:4px 0 0;font-size:15px}.corporate-form-title{grid-column:1/-1}.corporate-form-title h2{color:#0f172a;margin:0 0 4px}.corporate-form-title p{color:#64748b;margin:0;font-size:15px}.corporate-form textarea{resize:vertical;min-height:92px}.corporate-modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.corporate-modal-form .fld:nth-last-child(-n+4),.corporate-modal-actions{grid-column:1/-1}.corporate-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.corporate-modal-actions button{min-height:44px}.corporate-table .row-active{background:#eff6ff!important}.corporate-detail-panel{border-radius:18px!important}.corporate-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.corporate-detail-head h2{color:#0f172a;margin:0}.corporate-detail-head p{color:#64748b;margin:4px 0 0;font-size:15px}.corporate-info-grid,.corporate-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.corporate-info-card,.corporate-tech-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.corporate-info-card strong,.corporate-tech-card strong{color:#0f172a;margin-bottom:10px;display:block}.corporate-info-card p{color:#475569;margin:6px 0}.corporate-card-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.corporate-card-title button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;padding:7px 10px;font-weight:800}.corporate-tech-card pre{white-space:pre-wrap;color:#e2e8f0;background:#020617;border-radius:12px;min-height:120px;max-height:260px;margin:0;padding:14px;font-family:JetBrains Mono,monospace;font-size:15px;overflow:auto}.corporate-section{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:18px}.corporate-section h3{color:#0f172a;margin:0 0 14px}.corporate-maint-form{margin-bottom:16px}.corporate-upload-box{background:#eff6ff;border:1px dashed #93c5fd;border-radius:16px;grid-template-columns:1fr minmax(220px,340px) auto;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:grid}.corporate-upload-box strong{color:#0f172a;display:block}.corporate-upload-box span{color:#475569;margin-top:4px;font-size:15px;display:block}.corporate-upload-box input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px}.corporate-upload-box button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:12px;height:44px;padding:0 16px;font-weight:900}.corporate-attachments-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.attachment-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 8px 22px #0f172a0f}.attachment-icon{background:#eef4ff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.attachment-info{flex:1;min-width:0}.attachment-info strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-info span{color:#64748b;margin-top:3px;font-size:14px;display:block}.attachment-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.attachment-actions a{text-decoration:none}.image-preview-panel{background:#fff;border:1px solid #dbe4ef;border-radius:18px;margin-top:18px;padding:14px;box-shadow:0 12px 28px #0f172a14}.image-preview-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.image-preview-head strong{color:#0f172a}.image-preview-panel img{object-fit:contain;background:#020617;border-radius:14px;width:100%;max-height:720px}@media (width<=1000px){.corporate-info-grid,.corporate-tech-grid,.corporate-upload-box,.corporate-search-form,.corporate-modal-form{grid-template-columns:1fr}.corporate-detail-head{flex-direction:column}.corporate-search-actions,.corporate-modal-actions{flex-direction:column;align-items:stretch;width:100%}}.equip-page{flex-direction:column;gap:18px;display:flex}.equip-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.equip-stat{color:#fff;background:linear-gradient(145deg,#0f172a,#18233d);border:1px solid #94a3b838;border-radius:18px;padding:20px;box-shadow:0 14px 32px #0f172a2e}.equip-stat span{text-transform:uppercase;letter-spacing:.7px;color:#dbeafe;font-size:14px;font-weight:800;display:block}.equip-stat strong{color:#f97316;margin-top:8px;font-size:34px;display:block}.equip-form-panel,.equip-table-panel,.equip-detail-panel{border-radius:18px!important}.equip-actions-panel{justify-content:flex-start;align-items:center;display:flex;border-radius:18px!important}.equip-create-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #2563eb2e}.equip-create-btn:hover{filter:brightness(.96)}.equip-form-title{grid-column:1/-1;margin-bottom:4px}.equip-form-title h2{color:#0f172a;margin:0 0 4px}.equip-form-title p{color:#64748b;margin:0;font-size:15px}.equip-form textarea{resize:vertical;min-height:90px}.equip-modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.equip-modal-form .equip-form-title,.equip-modal-form .fld:last-of-type,.equip-modal-actions{grid-column:1/-1}.equip-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.equip-modal-actions button{min-height:44px}.equip-table-head{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 20px}.equip-table-head h2{color:#0f172a;margin:0;font-size:20px}.equip-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1.5fr repeat(4,minmax(150px,1fr)) auto;gap:12px;padding:16px;display:grid}.equip-filters input,.equip-filters select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;height:42px;padding:0 12px}.equip-filters input:focus,.equip-filters select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.equip-table td strong{color:#0f172a;display:block}.equip-table td small{color:#64748b;margin-top:3px;font-size:14px;display:block}.equip-table .row-active{background:#eff6ff!important}.equip-row-actions{flex-wrap:nowrap}.equip-row-actions button{white-space:nowrap}.equip-detail-panel{padding:2px}.equipment-reference-grid{margin-bottom:22px}.config-status-color{border-radius:50%;width:12px;height:12px;margin-right:7px;display:inline-block;box-shadow:0 0 0 2px #94a3b833}.config-pop-form{grid-template-columns:repeat(4,minmax(0,1fr))}.config-ref-help{color:#64748b;min-height:42px;margin:-4px 0 12px;font-size:14px;line-height:1.45}.ipam-availability-panel{border-radius:18px!important}.ipam-availability-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.ipam-availability-head strong,.ipam-availability-head span{display:block}.ipam-availability-head span{color:#64748b;margin-top:4px}.ipam-availability-head select{min-width:190px}.ipam-available-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.ipam-available-grid button{text-align:left;min-height:72px;padding:13px;display:block;color:#166534!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:13px!important}.ipam-available-grid button strong,.ipam-available-grid button span{display:block}.ipam-available-grid button span{color:#475569;margin-top:5px;font-size:13px}.ipam-allocation-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;display:grid}.ipam-address-form,.ipam-quick-allocation{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:16px}.ipam-address-form h3,.ipam-quick-allocation h3{grid-column:1/-1;margin:0 0 6px}.ipam-address-form-actions{grid-column:1/-1;gap:8px;display:flex}.ipam-quick-allocation{gap:10px;display:grid}.ipam-address-search{width:100%;margin:0 0 12px}.ipam-history-section{margin-top:18px}@media (width<=900px){.ipam-allocation-grid{grid-template-columns:1fr}.ipam-availability-head{flex-direction:column;align-items:stretch}.config-pop-form{grid-template-columns:1fr}}.equip-status{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:900;display:inline-flex}.equip-status.produção,.equip-status.online{color:#166534;background:#dcfce7}.equip-status.offline{color:#991b1b;background:#fee2e2}.equip-status.manutenção{color:#92400e;background:#fef3c7}.equip-status.reserva,.equip-status.backup{color:#1e40af;background:#dbeafe}.equip-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.equip-detail-head h2{color:#0f172a;margin:0}.equip-detail-head p{color:#64748b;margin:4px 0 0;font-size:15px}.equip-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.equip-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.equip-detail-card strong{color:#0f172a;margin-bottom:10px;display:block}.equip-detail-card p{color:#475569;margin:6px 0;font-size:15px}.equip-tests{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:18px;display:grid}.equip-notes{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.equipment-map{background:#fff;border:1px solid #cbd5e1;border-radius:16px;grid-column:1/-1;margin-bottom:18px;overflow:hidden}.equipment-map-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.equipment-map-head strong,.equipment-map-head small{display:block}.equipment-map-head small{color:#64748b;margin-top:3px}.equipment-map-head a{color:#1d4ed8;font-weight:800;text-decoration:none}.equipment-map iframe{border:0;width:100%;height:320px;display:block}.equip-notes strong{color:#0f172a}.equip-notes p{color:#475569;white-space:pre-wrap;margin:8px 0 0}@media (width<=1200px){.equip-filters{grid-template-columns:1fr 1fr}.equip-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.equip-filters,.equip-detail-grid,.equip-modal-form{grid-template-columns:1fr}.equip-detail-head,.equip-modal-actions{flex-direction:column}}.equip-table .row-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.equip-table .btn-delete{color:#fff!important;background:#dc2626!important}.equip-actions,.equip-table .row-actions{flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.equip-actions .btn-delete,.equip-table .btn-delete,.btn-row.btn-delete{color:#fff!important;background:#dc2626!important;border:0!important;display:inline-flex!important}.ipam-page{flex-direction:column;gap:18px;display:flex}.ipam-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.ipam-stat{color:#fff;background:linear-gradient(145deg,#0f172a,#18233d);border:1px solid #94a3b838;border-radius:18px;padding:20px;box-shadow:0 14px 32px #0f172a2e}.ipam-stat span{text-transform:uppercase;letter-spacing:.7px;color:#dbeafe;font-size:14px;font-weight:800;display:block}.ipam-stat strong{color:#f97316;margin-top:8px;font-size:34px;display:block}.ipam-form-panel,.ipam-table-panel,.ipam-detail-panel{border-radius:18px!important}.ipam-form-title{grid-column:1/-1;margin-bottom:4px}.ipam-form-title h2{color:#0f172a;margin:0 0 4px}.ipam-form-title p{color:#64748b;margin:0;font-size:15px}.ipam-form textarea{resize:vertical;min-height:90px}.ipam-check{color:#0f172a;align-items:center;gap:8px;font-weight:800;display:flex}.ipam-form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ipam-table-head{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 20px}.ipam-table-head h2{color:#0f172a;margin:0;font-size:20px}.ipam-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1.6fr repeat(4,minmax(145px,1fr)) auto;gap:12px;padding:16px;display:grid}.ipam-filters input,.ipam-filters select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;height:42px;padding:0 12px}.ipam-filters input:focus,.ipam-filters select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.ipam-table td strong{color:#0f172a;font-family:JetBrains Mono,monospace;display:block}.ipam-table td small{color:#64748b;margin-top:3px;font-size:14px;display:block}.ipam-table .row-active{background:#eff6ff!important}.ipam-status{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:900;display:inline-flex}.ipam-status.livre{color:#166534;background:#dcfce7}.ipam-status.reservado{color:#1e40af;background:#dbeafe}.ipam-status.usado,.ipam-status.produção{color:#991b1b;background:#fee2e2}.ipam-status.manutenção{color:#92400e;background:#fef3c7}.ipam-usage{background:#e2e8f0;border-radius:999px;min-width:78px;height:8px;overflow:hidden}.ipam-usage span{background:linear-gradient(90deg,#22c55e,#f97316,#dc2626);border-radius:999px;height:100%;display:block}.ipam-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ipam-detail-head h2{color:#0f172a;margin:0;font-family:JetBrains Mono,monospace}.ipam-detail-head p{color:#64748b;margin:4px 0 0;font-size:15px}.ipam-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.ipam-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.ipam-detail-card strong{color:#0f172a;margin-bottom:10px;display:block}.ipam-detail-card p{color:#475569;margin:6px 0;font-size:15px}.ipam-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:18px;padding:16px}.ipam-preview-head{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.ipam-preview-head strong{color:#0f172a}.ipam-preview-head span{color:#64748b;font-size:14px}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;max-height:420px;display:grid;overflow:auto}.ip-subnet-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:420px;display:grid;overflow:auto}.ip-cell{color:#0f172a;background:#f8fafc;border:1px solid #dbe4ef;border-radius:9px;padding:8px;font-family:JetBrains Mono,monospace;font-size:13px}.ip-cell span{display:block}.ip-cell small{color:#64748b;margin-top:3px;font-family:inherit;display:block}.ip-cell.gateway{background:#dbeafe;border-color:#2563eb}.ip-cell.network,.ip-cell.broadcast{background:#ffedd5;border-color:#f97316}.ip-cell.subnet{background:#ede9fe;border-color:#8b5cf6}.ipam-notes{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.ipam-notes strong{color:#0f172a}.ipam-notes p{color:#475569;white-space:pre-wrap;margin:8px 0 0}@media (width<=1200px){.ipam-filters{grid-template-columns:1fr 1fr}.ipam-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.ipam-filters,.ipam-detail-grid{grid-template-columns:1fr}.ipam-detail-head,.ipam-preview-head{flex-direction:column}}.ipam-toggle-bar{background:#fff;border:1px solid #dbe4ef;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 10px 24px #0f172a0f}.ipam-toggle-bar strong{color:#0f172a;font-size:18px;display:block}.ipam-toggle-bar span{color:#64748b;margin-top:3px;font-size:15px;display:block}@media (width<=800px){.ipam-toggle-bar{flex-direction:column;align-items:flex-start}}.ipam-parent-row{background:#fff}.ipam-tree-cell strong{display:inline-block!important}.ipam-table .row-actions{min-width:280px}.ipam-table .btn-edit{color:#fff!important;background:#2563eb!important}.ipam-preview .empty-row{grid-column:1/-1}.ipam-child-row{transition:opacity .18s,transform .18s}.ipam-table .btn-hide:hover{filter:brightness(.95)}.ipam-partition-box{align-items:center;gap:6px;min-width:150px;display:flex}.ipam-partition-box select,.ipam-partition-detail select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;height:34px;padding:0 8px;font-weight:800}.ipam-partition-box button,.ipam-partition-detail button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;height:34px;padding:0 10px;font-weight:900}.ipam-partition-detail{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ipam-row-actions{min-width:280px!important}.btn-hide{color:#fff!important;background:#64748b!important}.ipam-usage-box{flex-direction:column;gap:4px;min-width:120px;display:flex}.ipam-usage-line{color:#64748b;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.ipam-usage-line strong{color:#0f172a!important;font-family:inherit!important;font-size:13px!important}.ipam-usage-line.free strong{color:#166534!important}.ipam-child-row{background:#f8fafc}.ipam-child-row .ipam-tree-cell{border-left:4px solid #2563eb}.ipam-child-row .ipam-tree-cell strong{color:#1d4ed8!important}.tree-connector{color:#2563eb;margin-right:6px;font-weight:900;display:inline-flex}.ipam-tabs{background:#fff;border:1px solid #dbe4ef;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 10px 24px #0f172a0f}.ipam-tabs button{color:#0f172a;cursor:pointer;background:#e2e8f0;border:0;border-radius:12px;padding:12px 18px;font-weight:900}.ipam-tabs button.active{color:#fff;background:#0f172a;box-shadow:0 8px 18px #0f172a38}.ipam-tabs button:hover{filter:brightness(.96)}.ipam-address-section{background:#fff;border:1px solid #dbe4ef;border-radius:18px;margin-bottom:18px;padding:16px;box-shadow:0 10px 24px #0f172a0f}.ipam-address-head{grid-template-columns:1fr minmax(240px,360px);align-items:center;gap:14px;margin-bottom:14px;display:grid}.ipam-address-head strong{color:#0f172a;font-size:18px;display:block}.ipam-address-head span{color:#64748b;margin-top:3px;font-size:15px;display:block}.ipam-address-head input,.ipam-address-form input,.ipam-address-form select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:11px;height:40px;padding:0 12px}.ipam-address-form{grid-template-columns:1.2fr 140px repeat(5,minmax(140px,1fr)) auto auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.ipam-address-form button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:11px;height:40px;padding:0 14px;font-weight:900}.ipam-address-table{border-radius:14px;overflow:hidden}.ipam-address-table td strong{color:#0f172a;font-family:JetBrains Mono,monospace;display:block}.ipam-address-table td small{color:#64748b;margin-top:3px;font-size:14px;display:block}.ip-address-status{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:900;display:inline-flex}.ip-address-status.livre{color:#166534;background:#dcfce7}.ip-address-status.reservado{color:#1e40af;background:#dbeafe}.ip-address-status.usado,.ip-address-status.cliente,.ip-address-status.equipamento{color:#991b1b;background:#fee2e2}.ip-address-status.gateway,.ip-address-status.dns{color:#92400e;background:#fef3c7}@media (width<=1200px){.ipam-address-form{grid-template-columns:1fr 1fr}}@media (width<=800px){.ipam-address-head,.ipam-address-form{grid-template-columns:1fr}}.ipam-quick-allocate{background:#eff6ff;border:1px dashed #93c5fd;border-radius:16px;grid-template-columns:1.4fr 140px 150px 1fr auto;align-items:center;gap:10px;margin-bottom:14px;padding:14px;display:grid}.ipam-quick-allocate strong{color:#0f172a;display:block}.ipam-quick-allocate span{color:#475569;margin-top:3px;font-size:14px;display:block}.ipam-quick-allocate input,.ipam-quick-allocate select{background:#fff;border:1px solid #cbd5e1;border-radius:11px;height:40px;padding:0 12px}.ipam-quick-allocate button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;height:40px;padding:0 14px;font-weight:900}.ipam-address-map{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:14px;padding:14px}.ipam-address-map-head{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.ipam-address-map-head strong{color:#0f172a}.ipam-address-map-head span{color:#64748b;font-size:14px}.ipam-address-map-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;max-height:260px;display:grid;overflow:auto}.ip-map-cell{color:#166534;cursor:pointer;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;height:32px;font-size:13px;font-weight:900}.ip-map-cell.reservado{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.ip-map-cell.usado,.ip-map-cell.cliente,.ip-map-cell.equipamento{color:#991b1b;background:#fee2e2;border-color:#fecaca}.ip-map-cell.gateway,.ip-map-cell.dns{color:#92400e;background:#fef3c7;border-color:#fde68a}.ip-map-cell.rede,.ip-map-cell.broadcast{color:#475569;background:#e2e8f0;border-color:#cbd5e1}.ip-map-cell:hover{filter:brightness(.98);transform:translateY(-1px)}@media (width<=1200px){.ipam-quick-allocate{grid-template-columns:1fr 1fr}}@media (width<=800px){.ipam-quick-allocate,.ipam-address-map-head{flex-direction:column;grid-template-columns:1fr}}.ipam-partition-box .map-btn{background:#64748b!important}.ipam-partition-map{background:#fff;border:1px solid #dbe4ef;border-radius:18px;margin-bottom:18px;padding:16px;box-shadow:0 10px 24px #0f172a0f}.ip-partition-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:360px;display:grid;overflow:auto}.ip-partition-cell{color:#166534;cursor:pointer;text-align:left;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;padding:10px}.ip-partition-cell strong{font-family:JetBrains Mono,monospace;font-size:14px;display:block}.ip-partition-cell small{margin-top:4px;font-weight:900;display:block}.ip-partition-cell:hover{filter:brightness(.98);transform:translateY(-1px)}.ipam-click-map-section{background:#fff;border:1px solid #dbe4ef}.ipam-click-map-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ipam-selected-summary{color:#0f172a;background:#eff6ff;border:1px dashed #93c5fd;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.ipam-selected-summary strong{color:#0f172a}.ipam-selected-summary span{color:#475569;font-size:15px}.ipam-selected-summary em{color:#1d4ed8;font-style:normal;font-weight:900}.ip-map-cell.used-block:hover{cursor:pointer;filter:brightness(.96)}.ip-map-cell.selected:hover,.ip-map-cell.livre:hover{transform:translateY(-1px)}.ipam-table th,.ipam-table td{padding:10px 9px!important;font-size:14px!important}.ipam-table .row-actions,.ipam-row-actions{flex-wrap:nowrap!important;gap:6px!important;min-width:auto!important}.ipam-table .btn-row,.ipam-partition-box button{min-height:34px!important;padding:0 12px!important;font-size:14px!important}.ipam-partition-box{min-width:150px!important}.ipam-partition-box .map-btn,.map-btn{display:none!important}.muted-cell{color:#94a3b8;font-weight:900}.ip-partition-cell.free,.ip-map-cell.livre{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.ip-partition-cell.unknown,.ip-map-cell.unknown{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important}.ip-partition-cell.used,.ip-map-cell.used-block{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.ipam-map-legend{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding:12px;font-size:14px;display:flex}.ipam-map-legend span{align-items:center;gap:6px;display:inline-flex}.ipam-map-legend b[class^=legend-]{border:1px solid #cbd5e1;border-radius:4px;width:14px;height:14px;display:inline-block}.ipam-address-map-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))!important}.ip-map-cell.gateway,.ip-map-cell.broadcast{outline:2px solid #0f172a;font-weight:1000!important}@media (width<=1200px){.ipam-table th,.ipam-table td{padding:8px 6px!important;font-size:13px!important}}.ipam-address-map-grid,.ip-partition-grid{max-height:none!important;overflow:visible!important}.ip-map-cell.livre,.ip-partition-cell.free{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.ip-map-cell.unknown,.ip-partition-cell.unknown{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important}.ip-map-cell.used-block,.ip-partition-cell.used{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.ip-map-cell.selected{box-shadow:0 0 0 2px #7c3aed3d;color:#fff!important;background:#7c3aed!important;border-color:#6d28d9!important}.ip-map-cell.gateway,.ip-map-cell.broadcast{outline-offset:1px;outline:2px solid #0f172a!important;font-weight:1000!important}.ip-map-cell{height:30px!important;font-size:13px!important;font-weight:900!important}.ipam-click-map-legend,.ipam-map-legend{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding:12px;font-size:14px;display:flex}.ipam-click-map-legend span,.ipam-map-legend span{align-items:center;gap:6px;display:inline-flex}.ipam-click-map-legend b[class^=legend-],.ipam-map-legend b[class^=legend-]{border:1px solid #cbd5e1;border-radius:4px;width:14px;height:14px;display:inline-block}.legend-free{background:#dcfce7}.legend-unknown{background:#fef3c7}.legend-used{background:#fee2e2}.legend-selected{background:#7c3aed}.ipam-table th:nth-child(3),.ipam-table td:nth-child(3),.ipam-table th:nth-child(7),.ipam-table td:nth-child(7),.ipam-table th:nth-child(9),.ipam-table td:nth-child(9),.ipam-partition-box .map-btn,.map-btn{display:none!important}.ip-partition-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;max-height:none!important;overflow:visible!important}.ip-partition-cell{min-height:58px}.ip-partition-cell.free{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.ip-partition-cell.unknown{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important}.ip-partition-cell.used{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.ip-partition-cell strong{font-size:15px!important}.ip-partition-cell small{font-size:13px!important}.ipam-partition-map .ipam-preview-head span{font-weight:700}.ipam-address-map-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;gap:8px!important}.ip-map-cell{font-family:JetBrains Mono,monospace;white-space:normal!important;word-break:break-word!important;height:auto!important;min-height:48px!important;padding:8px!important;font-size:14px!important}.ip-map-cell.livre{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.ip-map-cell.used-block{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.ip-map-cell.unknown{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important}@media (width<=900px){.ipam-address-map-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}}.ip-map-cell.selected,.ip-map-cell.livre.selected,.ip-map-cell.unknown.selected,.ip-map-cell.used-block.selected{transform:translateY(-1px);color:#fff!important;background:#7c3aed!important;border-color:#6d28d9!important;box-shadow:0 0 0 3px #7c3aed42!important}.modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 80px);animation:.15s ease-out modal-pop;display:flex;box-shadow:0 20px 60px #00000040}.modal-box.modal-lg{max-width:880px}.modal-box.modal-sm{max-width:420px}.modal-head{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h2{margin:0;font-size:20px}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:22px;line-height:1}.modal-close:hover{color:#0f172a;background:#f1f5f9}.modal-body{padding:20px;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar .nav-item{color:#e0f2fe!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:14px!important;min-height:42px!important;font-weight:850!important}.sidebar .nav-item:hover,.sidebar .nav-item.active{color:#fff!important;background:linear-gradient(135deg,#2563eb61,#f9731638)!important;border-color:#ffffff42!important;border-left-style:solid!important;border-left-width:1px!important;transform:translate(3px)!important;box-shadow:0 10px 24px #0f172a38!important}.sidebar .nav-item svg{color:#bfdbfe!important}.sidebar .app-brand-vertical{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important;display:flex!important}.sidebar .app-brand-vertical .brand-logo-box{border-radius:20px!important;width:68px!important;height:68px!important}.sidebar .app-brand-vertical .brand-logo-box span{font-size:32px!important}.sidebar .app-brand-vertical .brand-text strong,.sidebar .app-brand-vertical .brand-text small{display:block!important}.sidebar .nav-item:hover svg,.sidebar .nav-item.active svg{color:#fff!important}.sidebar{min-height:0!important}.sidebar .app-brand-vertical,.sidebar .sidebar-footer{flex-shrink:0!important}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#bfdbfe8c transparent;flex:auto;min-height:0;padding:0 4px 8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#bfdbfe8c;border-radius:999px}@media (height<=800px) and (width>=761px){.sidebar .app-brand-vertical{gap:6px!important;margin-bottom:6px!important;padding:6px 8px 10px!important}.sidebar .app-brand-vertical .brand-logo-box{border-radius:14px!important;width:48px!important;height:48px!important}.sidebar .app-brand-vertical .brand-logo-box span{font-size:24px!important}.sidebar .nav-sec{margin-top:7px!important;margin-bottom:4px!important}.sidebar .nav-item{min-height:36px!important;margin-bottom:3px!important;padding:7px 10px!important}}.main .topbar.app-page-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;border:1px solid #94a3b847!important;border-radius:24px!important;margin-bottom:22px!important;padding:24px 26px!important;box-shadow:0 18px 44px #0f172a2e!important}.main .topbar.app-page-hero h1{color:#fff!important;font-size:30px!important}.main .topbar.app-page-hero p{color:#dbeafe!important;font-size:16px!important}@media (width<=760px){.app-page-hero{flex-direction:column!important;align-items:flex-start!important}.app-page-hero-main{flex-direction:column;align-items:flex-start}.main .topbar.app-page-hero{padding:20px!important}.main .topbar.app-page-hero h1{font-size:25px!important}}.ipam-allocation-grid .ipam-address-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;margin:0;display:grid}.ipam-allocation-grid .ipam-quick-allocation input,.ipam-allocation-grid .ipam-quick-allocation select,.ipam-address-search{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:11px;min-height:40px;padding:0 12px}.ipam-filters{grid-template-columns:1.6fr repeat(5,minmax(135px,1fr)) auto}@media (width<=900px){.ipam-allocation-grid .ipam-address-form,.ipam-filters{grid-template-columns:1fr}}.vlan-form{flex-direction:column;gap:20px;display:flex}.vlan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vlan-form label{color:#334155;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.vlan-form input,.vlan-form select,.vlan-form textarea{color:#172033;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d7deea;border-radius:9px;padding:10px 12px}.vlan-mpls-check{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;padding:10px 12px;flex-direction:row!important}.vlan-mpls-check input{width:18px}.vlan-mpls-check span{flex-direction:column;display:flex}.vlan-mpls-check small,.vlan-check-grid small{color:#64748b;font-weight:400}.vlan-multi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.vlan-multi>strong{color:#172033;margin-bottom:10px;display:block}.vlan-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vlan-check-grid label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:row;align-items:flex-start;padding:9px}.vlan-check-grid input{width:16px;margin-top:2px}.vlan-check-grid span{flex-direction:column;display:flex}.vlan-tags{flex-wrap:wrap;gap:5px;display:flex}.vlan-tags span{color:#3730a3;background:#e0e7ff;border-radius:999px;padding:4px 8px;font-size:11px}.vlan-mpls{color:#64748b;background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:11px}.vlan-mpls.on{color:#166534;background:#dcfce7;font-weight:700}.vlan-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.vlan-detail>div,.vlan-related span{border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.vlan-detail strong{text-transform:uppercase;color:#64748b;font-size:11px}.vlan-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.vlan-related span{color:#64748b;font-size:12px}.vlan-related strong{color:#172033;font-size:13px}.vlan-page h3{margin:18px 0 9px;font-size:14px}.form-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=800px){.vlan-form-grid,.vlan-detail,.vlan-check-grid,.vlan-related{grid-template-columns:1fr}}.vlan-multi-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.vlan-multi-head>strong{color:#172033}.vlan-multi-head>span{color:#2563eb;background:#dbeafe;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.vlan-check-grid label.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.vlan-check-grid b{font-size:13px}.vlan-ref-search{background:#fff!important;margin-bottom:10px!important}.vlan-ref-empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:12px;font-size:12px}:root{--pn-navy:#082b4c;--pn-navy-deep:#041c33;--pn-blue:#087bb8;--pn-cyan:#00a7cf;--pn-orange:#f58220;--pn-orange-dark:#d9650b;--bg:#f1f6f9;--panel:#fff;--panel2:#f7fafc;--sidebar:var(--pn-navy);--sidebar2:var(--pn-navy-deep);--sidebar-dark:var(--pn-navy-deep);--accent:var(--pn-blue);--accent2:var(--pn-orange);--blue:var(--pn-navy);--blue-light:var(--pn-blue);--orange:var(--pn-orange);--orange-dark:var(--pn-orange-dark);--border:#d5e1e8;--border2:#b9ccd7;--text:#152b3a;--muted:#587080}body{font-family:var(--font)!important;background:linear-gradient(135deg,#f6f9fb 0%,#edf5f8 100%)!important}.sidebar{background:linear-gradient(180deg,var(--pn-navy) 0%,var(--pn-navy-deep) 100%)!important;border-right:1px solid #00a7cf33!important}.app-brand-vertical{background:linear-gradient(145deg,#ffffff0a,#00a7cf14)!important}.app-brand-vertical .brand-logo-box{background:#fff!important;border-color:#ffffffa6!important;box-shadow:0 10px 28px #00000038!important}.nav-sec{color:#75cee2!important}.nav-item{color:#e8f8fc!important;border-color:#75cee21a!important}.nav-item svg{color:#75cee2!important}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,var(--pn-orange),var(--pn-orange-dark))!important;border-color:#ffad67!important;box-shadow:0 10px 24px #f5822040!important}.avatar{background:linear-gradient(135deg,var(--pn-orange),var(--pn-orange-dark))!important}.logout-btn{background:#f5822038!important}.logout-btn:hover{background:var(--pn-orange)!important}.main{background:0 0!important}.topbar,.dash-hero,.ipam-simple-hero,.config-hero{background:linear-gradient(120deg,var(--pn-navy-deep),var(--pn-navy) 56%,var(--pn-blue))!important;border-color:#00a7cf4d!important;box-shadow:0 18px 44px #041c3333!important}.topbar:before{background:#f582203d!important}.topbar:after{content:"";background:linear-gradient(90deg,var(--pn-orange),#ffb067);border-radius:0 8px 0 0;width:150px;height:6px;position:absolute;bottom:0;left:0}.app-page-hero-main span,.dash-kicker,.panel-tag,.config-hero>div>span{color:#ffd2aa!important}.app-page-hero-icon{background:#00a7cf2e!important;border-color:#75cee259!important}button,.btn-primary,.equip-create-btn,.ipam-primary{box-shadow:0 7px 18px #f5822033;background:linear-gradient(135deg,var(--pn-orange),var(--pn-orange-dark))!important;color:#fff!important}button:hover,.btn-primary:hover{filter:brightness(1.04)}.btn-light,.btn-row,.topbar-action,.ipam-card-actions button,.ipam-workspace button{color:var(--pn-navy)!important;box-shadow:none!important;background:#fff!important}.btn-edit{color:var(--pn-blue)!important}.btn-delete,.danger{color:#b42318!important}input:focus,select:focus,textarea:focus{border-color:var(--pn-cyan)!important;box-shadow:0 0 0 3px #00a7cf1f!important}th{color:var(--pn-navy)!important;background:#eaf5f8!important;border-bottom-color:#b8dae3!important}.table-wrap,.panel,.dash-panel,.equip-stat,.config-ref-card,.config-module-card{border-color:var(--border)!important;box-shadow:0 12px 32px #082b4c12!important}.dash-stat-card{background:linear-gradient(145deg,var(--pn-navy),var(--pn-navy-deep))!important}.dash-stat-card:before,.dash-stat-card.blue:before,.dash-stat-card.purple:before,.dash-stat-card.green:before,.dash-stat-card.amber:before,.dash-stat-card.orange:before,.dash-stat-card.pink:before{background:linear-gradient(90deg,var(--pn-orange),#ffb067)!important}.dash-stat-ico{background:#00a7cf2e!important}.dash-stat-card:hover{border-color:var(--pn-orange)!important}.quick-grid button:hover,.config-module-card:hover,.ipam-block-card:hover{border-color:var(--pn-orange)!important;background:#fff8f1!important}.ops-list strong,.equip-stat strong{color:var(--pn-blue)!important}.timeline span{background:linear-gradient(135deg,var(--pn-blue),var(--pn-cyan))!important}.info-bar,.config-readonly-alert,.config-form-message{color:#9a4707!important;background:#fff5ea!important;border-color:#ffd0a8!important}.vlan-tags span{color:#076784!important;background:#e5f6fa!important}.vlan-check-grid label.selected{border-color:var(--pn-orange)!important;box-shadow:0 0 0 1px var(--pn-orange)!important;background:#fff8f1!important}.vlan-multi-head>span{color:#076784!important;background:#e5f6fa!important}.login-page{background:radial-gradient(circle at 82% 15%,#00a7cf38,transparent 30%),radial-gradient(circle at 12% 88%,#f5822029,transparent 28%),linear-gradient(135deg,var(--pn-navy-deep),var(--pn-navy))!important}.login-card{border-top:5px solid var(--pn-orange)!important;box-shadow:0 28px 90px #00000052!important}.login-logo-box{background:#fff!important;border-color:#d5e1e8!important}.vm-page{gap:18px;display:grid}.vm-toolbar{border:1px solid var(--border);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;display:flex;box-shadow:0 10px 26px #082b4c0f}.vm-tabs{background:#edf4f7;border-radius:11px;gap:5px;padding:5px;display:flex}.vm-tabs button{color:var(--muted)!important;box-shadow:none!important;background:0 0!important}.vm-tabs button.active{color:var(--pn-navy)!important;background:#fff!important;box-shadow:0 3px 10px #082b4c1a!important}.vm-actions{gap:9px;display:flex}.vm-actions input{min-width:280px}.vm-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.vm-card{border:1px solid var(--border);background:#fff;border-radius:17px;padding:18px;box-shadow:0 10px 28px #082b4c12}.vm-card-head{color:var(--pn-blue);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.vm-card-head i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #e8eef2}.vm-card h3{color:var(--pn-navy);margin:14px 0 4px;font-size:19px}.vm-card>p{color:var(--muted);min-height:30px;font-size:12px}.vm-facts{border-block:1px solid #e8eef2;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0;padding:12px 0;display:grid}.vm-facts span{min-width:0;display:grid}.vm-facts small{color:var(--muted);text-transform:uppercase;font-size:9px}.vm-facts b{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12px;overflow:hidden}.vm-resources{gap:6px;margin-bottom:14px;display:flex}.vm-resources span{color:var(--pn-navy);text-align:center;background:#eef7fa;border-radius:8px;flex:1;padding:8px 5px;font-size:10px}.vm-resources b{font-size:14px}.vm-card .row-actions{border-top:1px solid #edf2f5;padding-top:12px}.vm-empty{text-align:center;border:1px dashed var(--border2);color:var(--muted);background:#fff;border-radius:16px;grid-column:1/-1;padding:55px}.vm-capacity{gap:10px;margin:14px 0;display:grid}.vm-capacity>div{grid-template-columns:1fr auto;gap:5px;font-size:11px;display:grid}.vm-capacity span{color:var(--muted)}.vm-capacity progress{width:100%;height:7px;accent-color:var(--pn-cyan);grid-column:1/-1}.vm-count{color:var(--pn-blue);margin-bottom:12px;font-size:11px;display:block}.vm-form{gap:16px;display:grid}.vm-form-section{border:1px solid var(--border);background:#f9fbfc;border-radius:13px;padding:15px}.vm-form-section h3{color:var(--pn-navy);margin:0 0 13px;font-size:14px}.vm-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.vm-form-grid label{color:#334e5e;gap:6px;font-size:12px;font-weight:700;display:grid}.vm-form-grid .wide{grid-column:1/-1}.vm-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.vm-detail-grid>div{border:1px solid var(--border);background:#f9fbfc;border-radius:10px;gap:5px;padding:13px;display:grid}.vm-detail-grid small{color:var(--muted);text-transform:uppercase;font-size:10px}.vm-detail-grid strong{color:var(--pn-navy);font-size:13px}@media (width<=1100px){.vm-card-grid,.vm-form-grid,.vm-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.vm-toolbar,.vm-actions{flex-direction:column;align-items:stretch}.vm-actions input{min-width:0}.vm-card-grid,.vm-form-grid,.vm-detail-grid{grid-template-columns:1fr}}