:root{--ink:#172038;--muted:#677189;--line:#e6e9f0;--bg:#f5f7fb;--blue:#3157d5;--nav:#121a31;--green:#25b47e;--yellow:#e9a61a;--red:#e05263}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-nav{background:linear-gradient(105deg,#11182d,#1a2544);box-shadow:0 8px 30px #121a3120}.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#647af3,#2cc7b7);color:#fff;box-shadow:0 8px 24px #3157d555}.brand-mark-lg{width:54px;height:54px;border-radius:16px;font-size:1.3rem}.navbar .nav-link{border-radius:.55rem;padding:.5rem .75rem}.navbar .nav-link.active{background:#ffffff18;color:#fff}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 20% 10%,#dfe5ff,transparent 36%),radial-gradient(circle at 85% 85%,#d7f7f0,transparent 35%),#f7f8fc}.login-card{width:min(440px,100%);padding:2.6rem;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px #1b274f18}.login-card h1,.page-head h1{font-weight:750;letter-spacing:-.035em}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:750;font-size:.72rem;color:var(--blue);margin-bottom:.45rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-head p:last-child{color:var(--muted);margin:0}.live-pill{padding:.55rem .8rem;border-radius:2rem;background:#e8f8f2;color:#147454;font-size:.8rem;font-weight:700}.live-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:.3rem}.metric-card{display:flex;align-items:center;gap:1rem;position:relative;padding:1.25rem;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);box-shadow:0 8px 25px #1b274f08;transition:.2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #1b274f12}.metric-card div:nth-child(2){display:flex;flex-direction:column}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:1.35rem}.metric-card .arrow{margin-left:auto;color:#a5adc0}.metric-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.15rem}.metric-icon.blue{background:#e8edff;color:#3657cb}.metric-icon.teal{background:#e1f7f3;color:#168d7e}.metric-icon.amber{background:#fff2d9;color:#b47700}.metric-icon.violet{background:#f1e8ff;color:#7854b4}.module-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.module-split section{padding:2rem;border-radius:18px;background:#fff;border:1px solid var(--line)}.filter-bar{display:flex;gap:.65rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.75rem;margin-bottom:1rem}.filter-bar .input-group{min-width:280px;flex:1}.filter-bar .form-select{max-width:190px}.accordion-item,.table-shell,.sip-card,.form-card{border:1px solid var(--line);border-radius:14px!important;background:#fff;overflow:hidden;margin-bottom:.75rem}.accordion-button{font-weight:700}.accordion-button:not(.collapsed){background:#f2f5ff;color:var(--ink);box-shadow:none}.device-row{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(280px,1.5fr) auto;align-items:center;gap:1rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.device-row:first-child{border-top:0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px currentColor;color:#adb4c2}.status-dot.online{background:var(--green);color:#25b47e25}.status-dot.offline{background:var(--yellow);color:#e9a61a25}.status-dot.memory{background:var(--red);color:#e0526325}.device-main{display:flex;flex-direction:column}.device-id{font:600 .88rem ui-monospace,SFMono-Regular,monospace;color:var(--blue);text-decoration:none}.device-meta{display:flex;gap:1rem;color:var(--muted);font-size:.86rem}.device-meta i{width:16px}.device-actions{display:flex;gap:.3rem}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border:0;border-radius:9px;background:#eef1f7;color:#34405a;text-decoration:none}.icon-btn:hover{background:#dfe5f1}.icon-btn.danger{color:#c33246;background:#fff0f2}.stack-list{display:grid;gap:1rem}.sip-card header{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.sip-card h2{font-size:1rem;margin:0}.sip-card header>div{flex:1}.sip-card header>div span{color:var(--muted);font-size:.85rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;background:var(--line)}.contact-card{display:flex;gap:1rem;padding:1.2rem;background:#fff}.contact-card>i{color:var(--blue);font-size:1.2rem}.contact-card dl{display:grid;grid-template-columns:90px 1fr;margin:.5rem 0;font-size:.84rem}.contact-card dt{color:var(--muted)}.contact-card dd{overflow-wrap:anywhere}.contact-card small{color:var(--muted)}.empty-contact{padding:1.5rem;color:var(--muted)}.table-shell{overflow-x:auto}.table{margin:0}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fafbfc}.table th,.table td{padding:1rem}.table td small{display:block;color:var(--muted)}.form-label{display:block;margin-bottom:1rem;font-weight:600}.form-label .form-control,.form-label .form-select{margin-top:.35rem;font-weight:400}.form-card{max-width:620px;padding:1.5rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.modal-content{border:0;border-radius:16px;box-shadow:0 20px 70px #17203833}.btn-primary{background:var(--blue);border-color:var(--blue)}code{color:#3e4b72}article[hidden]{display:none!important}
@media(max-width:900px){.device-row{grid-template-columns:auto 1fr auto}.device-meta{grid-column:2/4;flex-wrap:wrap}.module-split{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.filter-bar .form-select{max-width:none;flex:1 1 160px}}
@media(max-width:600px){.page-head{align-items:flex-start;flex-direction:column}.device-row{grid-template-columns:auto 1fr}.device-meta,.device-actions{grid-column:2}.device-meta{flex-direction:column;gap:.3rem}.filter-bar .input-group{min-width:100%}.contact-grid{grid-template-columns:1fr}.contact-card dl{grid-template-columns:75px 1fr}.check-grid{grid-template-columns:1fr}.table-shell table{min-width:760px}}
.action-group,.device-actions{display:inline-flex;flex-flow:row nowrap;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.action-group>*{flex:0 0 auto}.modal-footer{flex-wrap:nowrap}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1rem}.profile-grid .form-card{max-width:none}.mfa-setup-card{width:min(620px,100%)}.mfa-qr{display:block;width:min(320px,100%);height:auto;margin:1.25rem auto;border:1px solid var(--line);border-radius:12px}.mfa-steps{padding-left:1.25rem}.mfa-manual{margin:1rem 0}.mfa-manual dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:.5rem;margin-top:.75rem}.mfa-manual dd{margin:0;overflow-wrap:anywhere}.recovery-code-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0;list-style:none}.recovery-code-list li{padding:.55rem;border:1px solid var(--line);border-radius:8px;text-align:center}.credential-visible-password{font:700 1rem ui-monospace,SFMono-Regular,monospace}@media(max-width:600px){.profile-grid{grid-template-columns:1fr}.recovery-code-list{grid-template-columns:1fr}.modal-footer{overflow-x:auto}}