:root{color:#18202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#111827;color:#f8fafc;display:grid;grid-template-rows:auto auto 1fr;padding:22px}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand strong,.brand span{display:block}.brand span{color:#9ca3af;font-size:13px}.compact{margin-bottom:20px}nav{display:grid;gap:8px;margin-top:36px}nav a{align-items:center;border-radius:6px;color:#d1d5db;display:flex;gap:10px;min-height:42px;padding:11px 12px;text-decoration:none}nav a.active,nav a:hover{background:#1f2937;color:#fff}.windowTools{align-self:end;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:8px;margin-top:28px;padding-top:16px}.windowTools span{color:#9ca3af;font-size:12px;font-weight:700;text-transform:uppercase}.windowTools button{align-items:center;background:transparent;border-radius:6px;color:#d1d5db;display:flex;gap:10px;min-height:38px;padding:9px 10px;text-align:left}.windowTools button:hover{background:#1f2937;color:#fff}.workspace{padding:24px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:16px}.topbar>div:first-child{min-width:0}h1,h2,p{margin:0}h1{font-size:26px}h2{font-size:18px}p{color:#667085;margin-top:4px}.actions{align-items:center;display:flex;gap:12px}.actions button,.primary{align-items:center;background:#116149;border-radius:6px;color:#fff;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 14px}.actions button{width:40px;padding:0}.pageContent{margin-top:24px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(140px,1fr));margin:0}.metric{background:#fff;border:1px solid #d7dde5;border-radius:8px;display:grid;gap:8px;min-height:116px;padding:16px}.metric span{color:#667085;font-size:13px}.metric strong{font-size:28px}.panel{background:#fff;border:1px solid #d7dde5;border-radius:8px;margin-bottom:22px}.panelHeader{align-items:center;border-bottom:1px solid #e5e9ef;display:flex;gap:16px;justify-content:space-between;padding:16px}select,input,textarea{background:#fff;border:1px solid #c9d2dd;border-radius:6px;min-height:40px;padding:0 12px}textarea{min-height:86px;padding:10px 12px;resize:vertical}.tableWrap{overflow-x:auto}table{border-collapse:collapse;min-width:900px;width:100%}th,td{border-bottom:1px solid #edf0f4;padding:13px 16px;text-align:left;white-space:nowrap}th{color:#667085;font-size:12px;text-transform:uppercase}.status{border-radius:999px;display:inline-flex;font-size:12px;padding:4px 10px}.status.accepted{background:#dcfce7;color:#166534}.status.failed{background:#fee2e2;color:#991b1b}.status.pending{background:#fef3c7;color:#92400e}.status.active,.status.activated{background:#dcfce7;color:#166534}.status.disabled,.status.desactivated{background:#fee2e2;color:#991b1b}.status.pendingapproval,.status.pendingregistration{background:#e0f2fe;color:#075985}.authScreen{align-items:center;display:grid;gap:42px;grid-template-columns:minmax(280px,430px) minmax(360px,480px);justify-content:center;min-height:100vh;padding:48px 28px}.authIntro{display:grid;gap:18px;max-width:420px}.authIntro span{color:#116149;display:block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.authIntro h1{font-size:38px;line-height:1.08}.authIntro p{color:#475467;font-size:16px;line-height:1.55}.authMark{align-items:center;background:#e7f6ef;border:1px solid #cde8dc;border-radius:8px;color:#116149;display:inline-flex;height:52px;justify-content:center;width:52px}.authPanel{background:#fff;border:1px solid #d5dde7;border-radius:8px;box-shadow:0 22px 60px #0f172a1a;display:grid;gap:18px;max-width:480px;min-width:0;padding:28px;width:100%}.authHeader{align-items:center;display:flex;gap:14px;min-width:0}.authHeader h2{font-size:22px}.authHeader p{color:#667085;font-size:14px}.authIcon{align-items:center;background:#f4f6f8;border:1px solid #d7dde5;border-radius:8px;color:#18202a;display:inline-flex;height:46px;justify-content:center;width:46px}.authField{color:#344054;display:grid;gap:6px;font-size:13px;font-weight:650;min-width:0}.authField input{min-height:46px}.segmented{background:#eef2f6;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;padding:3px}.segmented button{background:transparent;border-radius:5px;color:#344054;font-weight:650;min-height:40px}.segmented button.selected{background:#fff;box-shadow:0 1px 2px #0f172a24;color:#18202a}.passwordControl{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 42px;position:relative}.passwordControl input{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;width:100%}.passwordToggle{align-items:center;background:#fff;border:1px solid #c9d2dd;border-bottom-right-radius:6px;border-left:0;border-top-right-radius:6px;color:#667085;display:inline-flex;height:46px;justify-content:center}.passwordControl:focus-within input,.passwordControl:focus-within .passwordToggle{border-color:#116149;box-shadow:0 0 0 3px #1161491f}.passwordControl:focus-within .passwordToggle{box-shadow:3px 0 0 3px #1161491f}.authAlert{align-items:start;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;color:#9a3412;display:grid;font-size:14px;gap:10px;grid-template-columns:18px 1fr;line-height:1.4;padding:12px}.authAlert svg{margin-top:1px}.authSubmit{font-weight:700;min-height:46px;width:100%}.spin{animation:spin .9s linear infinite}.alert{background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;color:#9f1239;padding:10px 12px}.notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;margin-top:14px;padding:10px 12px}@keyframes spin{to{transform:rotate(360deg)}}.configGrid{display:grid;gap:16px;grid-template-columns:360px 1fr;padding:16px}.configGrid h3{grid-column:1 / -1;margin:0}.inlineMessage{background:#ecfdf3;border:1px solid #b7e4c7;border-radius:6px;color:#116149;grid-column:1 / -1;margin:0;padding:10px 12px}.mutedLine{color:#667085;display:block}.configSections{display:grid;gap:8px}.configForm,.configList{display:grid;gap:10px}.inlineForm{border-bottom:1px solid #e5e9ef;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(150px,1fr));padding:16px}.inlineForm .primary{min-width:130px}.operationSearch{align-items:end;border-bottom:1px solid #e5e9ef;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px}.operationSearch label{color:#344054;display:grid;gap:6px;font-size:13px;min-width:0}.operationSearch input,.operationSearch select{width:100%}.dateFilter{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(120px,1fr) 40px;position:relative}.dateFilter .iconButton{height:40px;width:40px}.nativeDateInput{height:1px;min-height:1px;opacity:0;padding:0;pointer-events:none;position:absolute;right:0;top:100%;width:1px}.operationSearchActions{display:grid;gap:8px;grid-column:span 2;grid-template-columns:repeat(2,minmax(128px,1fr))}.secondary{align-items:center;background:#eef2f6;border:1px solid #c9d2dd;border-radius:6px;color:#18202a;display:inline-flex;justify-content:center;min-height:40px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.65}.deviceTools{align-items:end;border-bottom:1px solid #e5e9ef;display:grid;gap:12px;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.4fr) minmax(240px,1fr);padding:16px}.deviceTools label,.accountLookup label{display:grid;gap:6px}.deviceTools label span,.accountLookup label span,.selectedDeviceSummary span,.lookupPreview span{color:#667085;font-size:12px;text-transform:uppercase}.inputIcon{align-items:center;display:flex;position:relative}.inputIcon svg{color:#667085;left:12px;position:absolute}.inputIcon input{padding-left:38px;width:100%}.accountLookup{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(160px,1fr) auto auto}.secondaryAction{background:#334155}.selectedDeviceSummary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:grid;gap:4px;min-height:58px;padding:9px 12px}.selectedDeviceSummary strong{overflow-wrap:anywhere}.accountLookupResult{border-bottom:1px solid #e5e9ef;display:grid;gap:12px;padding:14px 16px}.lookupMessage{color:#475467;margin:0}.lookupPreview{align-items:center;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(120px,1fr)) auto}.lookupPreview>div{display:grid;gap:4px;min-width:0}.lookupPreview strong{overflow-wrap:anywhere}.linkedAccountsList{display:flex;flex-wrap:wrap;gap:8px}.linkedAccountsList button{background:#f8fafc;border:1px solid #d7dde5;border-radius:6px;color:#18202a;display:grid;gap:2px;min-height:52px;padding:8px 10px;text-align:left}.linkedAccountsList button:hover{border-color:#116149}.linkedAccountsList span{color:#667085;font-size:12px}.selectedRow{background:#f0fdf4}.deviceWorkspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:560px}.deviceListPane{border-right:1px solid #e5e9ef;display:grid;grid-template-rows:auto 1fr;min-width:0}.deviceSearch{border-bottom:1px solid #e5e9ef;display:grid;gap:8px;padding:14px}.deviceSearch label{display:grid;gap:6px}.deviceSearch span,.selectedDeviceHero span,.infoTile span,.policyTargetLine span{color:#667085;font-size:12px;text-transform:uppercase}.deviceSearch small,.selectedDeviceHero small{color:#667085}.deviceCards{display:grid;gap:8px;max-height:640px;overflow-y:auto;padding:12px}.deviceCard{background:#fff;border:1px solid #d7dde5;border-radius:8px;color:#18202a;display:grid;gap:4px;min-height:104px;padding:12px;text-align:left}.deviceCard:hover,.deviceCard.selected{border-color:#116149;box-shadow:inset 3px 0 #116149}.deviceCard span,.deviceCard small{color:#667085;overflow-wrap:anywhere}.deviceCard em{justify-self:start;margin-top:4px}.deviceDetailPane{display:grid;gap:14px;min-width:0;padding:16px}.selectedDeviceHero{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:14px;justify-content:space-between;min-width:0;padding:14px}.selectedDeviceHero>div:first-child{display:grid;gap:4px;min-width:0}.selectedDeviceHero strong,.selectedDeviceHero small{overflow-wrap:anywhere}.deviceTabs{background:#eef2f6;border-radius:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px}.deviceTabs button{background:transparent;border-radius:5px;min-height:36px}.deviceTabs button.selected{background:#fff;box-shadow:0 1px 2px #0f172a24}.deviceInfoGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.infoTile{border:1px solid #d7dde5;border-radius:8px;display:grid;gap:6px;min-height:76px;padding:12px}.infoTile strong{overflow-wrap:anywhere}.deviceSubPanel{display:grid;gap:12px}.accountEditForm{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(110px,1fr)) auto}.accountLookupResult.compact{border:1px solid #e5e9ef;border-radius:8px}.policyPanel{grid-template-columns:minmax(300px,420px) minmax(0,1fr)}.segmented.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.policyTargetLine{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.checkLine{align-items:center;display:flex;gap:8px}.checkLine input{min-height:auto}.configRow{border-bottom:1px solid #edf0f4;display:grid;gap:4px;padding:10px 0}.configRow span{color:#344054;overflow-wrap:anywhere}.configRow small{color:#667085}.rowActions{align-items:center;display:flex;gap:8px}.iconButton,.iconDanger{align-items:center;border-radius:6px;display:inline-flex;height:34px;justify-content:center;width:34px}.iconButton{background:#e7f6ef;color:#116149}.iconDanger{background:#fff1f2;color:#be123c}.policyLayout{display:grid;gap:16px;grid-template-columns:430px 1fr;padding:16px}.policyForm{display:grid;gap:12px}.formRow{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.formRow:has(input:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.toggleGrid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.switchLine{align-items:center;background:#f8fafc;border:1px solid #d7dde5;border-radius:6px;display:flex;gap:8px;min-height:38px;padding:0 10px}.switchLine input{min-height:auto}.policyList{display:grid;gap:10px}.policyRow{align-items:start;border:1px solid #d7dde5;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) auto;padding:12px}.policyRow strong,.policyRow span,.policyRow small{display:block}.policyRow small{color:#667085;margin-top:4px}.policyBadges{display:flex;flex-wrap:wrap;gap:6px}.badge{border-radius:999px;font-size:12px;padding:4px 9px}.badge.on{background:#dcfce7;color:#166534}.badge.off{background:#fee2e2;color:#991b1b}@media(max-width:980px){.shell{grid-template-columns:1fr}.authScreen{gap:24px;grid-template-columns:minmax(0,520px);justify-content:center;padding:28px 18px}.authIntro{gap:12px;max-width:520px}.authIntro h1{font-size:30px}.authIntro p{font-size:14px}.authPanel{padding:22px}.sidebar{position:static}nav{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));margin-top:22px}.metrics,.configGrid,.inlineForm,.operationSearch,.deviceTools,.deviceWorkspace,.deviceInfoGrid,.accountEditForm,.accountLookup,.lookupPreview,.policyPanel,.policyLayout,.policyRow{grid-template-columns:1fr}.deviceListPane{border-right:0;border-bottom:1px solid #e5e9ef}.formRow,.formRow:has(input:nth-child(3)),.toggleGrid{grid-template-columns:1fr}.operationSearchActions{grid-column:auto;grid-template-columns:1fr}}@media(max-width:560px){.authScreen{align-items:start;padding:18px 12px}.authIntro{display:none}.authPanel{box-shadow:none;padding:18px}.authHeader{align-items:start}.authHeader h2{font-size:20px}.segmented button,.authSubmit{min-height:44px}}
