*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:#1c2938;background:#f3f6fa;font-size:14px}.topbar{height:66px;background:#10243d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 10px rgba(15,35,60,.12)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:.3px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#9fb2c8;margin-top:2px}.brand-mark,.auth-logo{height:34px;width:34px;border-radius:9px;background:#2c74c7;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px}.top-user{display:flex;align-items:center;gap:12px;color:#d8e3ef}.role-tag{font-size:10px;border:1px solid #50647d;border-radius:20px;padding:4px 9px;color:#c6d6e7}.app-shell{display:flex;min-height:calc(100vh - 66px)}.sidebar{width:224px;background:#fff;border-right:1px solid #e1e7ef;padding:25px 14px;display:flex;flex-direction:column;flex-shrink:0}.nav-caption{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#8a9aab;padding:0 12px 10px}.nav-caption-spaced{margin-top:27px}.nav-link{display:block;color:#506175;text-decoration:none;padding:11px 12px;border-radius:7px;margin:2px 0;font-weight:600}.nav-link:hover{background:#edf4fc;color:#2468ad}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid #edf0f4;color:#52667b;font-size:11px;line-height:1.6}.sidebar-footer span{color:#98a6b6}.main-content{flex:1;min-width:0;padding:30px 34px 18px;max-width:1600px}.page-footer{margin-top:35px;padding-top:15px;border-top:1px solid #e1e7ef;color:#9aa7b5;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{font-size:10px;color:#5284b9;font-weight:800;letter-spacing:1.6px;margin-bottom:7px}h1{font-size:28px;font-weight:650;letter-spacing:-.7px;margin:0;color:#172b43}h2{font-size:17px;margin:0;color:#20364f}h3{font-size:14px;margin:18px 0 4px;color:#29425d}.muted{color:#8291a2;margin:7px 0 0;line-height:1.5}.btn{border:0;border-radius:6px;padding:10px 15px;font-weight:650;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.btn.primary{background:#216bb5;color:#fff}.btn.primary:hover{background:#185a9d}.btn.secondary{background:#eaf0f6;color:#425a73}.btn.secondary:hover{background:#dce6f0}.btn.ghost{background:#f6f8fb;color:#62758a;border:1px solid #e4eaf0}.btn.danger{background:#b93a44;color:#fff}.btn.tiny{padding:6px 8px;font-size:10px;margin:2px}.link-button{color:#bad5f3;background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}.inline-form{display:inline-block;margin:0}.panel,.metric-card{background:#fff;border:1px solid #e5ebf2;border-radius:10px;box-shadow:0 2px 8px rgba(30,53,78,.025)}.panel{margin-bottom:20px}.panel-header{padding:19px 21px;display:flex;justify-content:space-between;align-items:center}.panel-header p{margin:5px 0 0;color:#8a99a9;font-size:12px}.text-link{color:#2b70b6;text-decoration:none;font-weight:650}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric-card{padding:20px}.metric-card span{display:block;color:#78899b;font-weight:600;font-size:12px}.metric-card strong{display:block;font-size:31px;color:#183b60;margin:10px 0 5px}.metric-card small{color:#9aa7b5;font-size:11px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;background:#f8fafc;color:#8190a0;font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:12px 14px;border-bottom:1px solid #e9eef3;white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #eef1f5;color:#42566b;vertical-align:middle;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td strong{color:#20364c}td small{color:#95a2b1;font-size:10px}.wrap-cell{min-width:200px;max-width:400px;white-space:normal;line-height:1.45}.machine-id{font-family:Consolas,monospace;font-size:10px;max-width:180px;word-break:break-all}.actions{min-width:230px}.status,.pill{display:inline-block;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.status.active{background:#e5f6ed;color:#218653}.status.suspended,.status.inactive,.status.expired{background:#fff0ee;color:#b44a44}.status.pending{background:#fff6df;color:#9b7a24}.pill{background:#edf3fa;color:#58718c}.toolbar{display:flex;gap:9px;align-items:center;margin:0 0 15px}.wrap-toolbar{flex-wrap:wrap}.form-control{height:39px;border:1px solid #dce4ec;border-radius:6px;padding:8px 10px;background:#fff;color:#31475e;font:inherit;min-width:0}.form-control:focus{outline:0;border-color:#74a4d5;box-shadow:0 0 0 3px rgba(49,119,190,.1)}.search-box{width:330px;max-width:100%}.form-panel{padding:23px}.form-stack{display:flex;flex-direction:column;gap:9px}.form-stack label,.form-grid label{font-weight:650;color:#56697d;font-size:12px;margin-top:5px}.form-stack .form-control{width:100%}.form-stack.narrow{max-width:500px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:20px}.form-grid>div{display:flex;flex-direction:column;gap:7px}.form-grid .span-2{grid-column:span 2}.form-actions{display:flex!important;flex-direction:row!important;gap:9px!important;margin-top:8px}.notice{background:#eef5fc;border:1px solid #dceaf8;border-radius:7px;padding:12px 14px;color:#52718f;font-size:12px;line-height:1.5;margin-bottom:17px}.alert{padding:12px 15px;border-radius:7px;margin-bottom:16px;font-size:12px;line-height:1.5}.alert.success{background:#eaf7ef;color:#28784c;border:1px solid #d6efdf}.alert.error{background:#fff0ef;color:#a43e39;border:1px solid #f5d7d4}.alert.credential{background:#fff8e7;border:1px solid #f1e1b3;color:#785f23;display:flex;flex-direction:column;gap:5px}.alert.credential code{font-size:15px;font-weight:800;color:#4e3d13;letter-spacing:1px}.validation-summary-errors{color:#a43e39}.validation-summary-errors ul{margin:4px 0;padding-left:18px}.field-validation-error{color:#b33d3d;font-size:11px}.empty-state,.empty-inline{text-align:center;color:#8c9aab;padding:55px 20px;background:#fff;border:1px dashed #dce4ec;border-radius:9px}.empty-inline{padding:22px;border:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{padding:22px}.settings-card p{color:#7e8d9d;font-size:12px;line-height:1.6}.danger-panel{grid-column:span 2;border-color:#f0d5d5}.danger-text{color:#a33e42!important}.auth-shell{min-height:calc(100vh - 66px);display:flex;align-items:center;justify-content:center;padding:35px 16px}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:34px;box-shadow:0 10px 40px rgba(22,47,75,.08)}.auth-card.wide{max-width:580px}.auth-logo{height:43px;width:43px;font-size:23px;margin-bottom:20px}.auth-card h1{font-size:26px;margin:0 0 5px}.auth-card .form-stack{margin-top:22px}.auth-card .btn{margin-top:10px}.btn.full{width:100%}.auth-foot{border-top:1px solid #edf1f5;margin-top:23px;padding-top:16px;text-align:center;font-size:12px}.auth-foot a{color:#3075b8;text-decoration:none}.top-user{font-size:12px}.narrow{max-width:500px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:190px}.main-content{padding:24px}}@media(max-width:720px){.topbar{padding:0 14px}.top-user>span:first-child{display:none}.app-shell{display:block}.sidebar{width:auto;display:flex;flex-direction:row;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid #e1e7ef}.nav-caption,.sidebar-footer{display:none}.nav-link{white-space:nowrap;padding:9px}.main-content{padding:20px 13px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:25px}.form-grid,.settings-grid{grid-template-columns:1fr}.form-grid .span-2,.danger-panel{grid-column:span 1}.toolbar{flex-wrap:wrap}.search-box{width:100%}.auth-card{padding:25px 20px}}