:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202124;background:#f5f6f7}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.auth-card{width:min(100%,430px);background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:20px;box-shadow:0 8px 30px #0000000f}.auth-card h1{margin:0 0 8px;font-size:23px}.auth-card p{color:#5f6670}.auth-card label,.system-strip label{display:block;font-size:13px;margin:14px 0}.auth-card select,.system-strip select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cfd4d9;border-radius:7px;background:#fff}.auth-card small{display:block;color:#6b7280;margin-top:12px}.full{width:100%;margin-top:6px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border-bottom:1px solid #e2e5e8}.topbar small{display:block;color:#6b7280;margin-top:2px}.text-button{border:0;background:transparent;color:#176b3a;font-weight:600}.system-strip{padding:0 14px;background:#fff;border-bottom:1px solid #edf0f2}.system-strip label{display:flex;align-items:center;gap:10px;margin:0;padding:9px 0;color:#6b7280}.system-strip select{margin:0;max-width:260px}.matter-strip{display:flex;gap:10px;align-items:center;padding:10px 14px;background:#fff}.matter-strip span{font-size:12px;color:#6b7280}.matter-button{flex:1;text-align:left;border:1px solid #d5d9dd;background:#fff;border-radius:7px;padding:9px}.tabs{display:flex;overflow-x:auto;gap:3px;padding:7px;background:#eef0f2;border-block:1px solid #dde1e5}.tabs button{white-space:nowrap;border:0;background:transparent;padding:9px 10px;border-radius:6px}.tabs button.active{background:#fff;font-weight:600;box-shadow:0 1px 2px #00000014}.content{padding:14px}.content h1{font-size:20px;margin:0 0 12px}.primary{background:#159447;color:#fff;border:0;border-radius:7px;padding:10px 13px;font-weight:600}.primary:disabled{opacity:.55}.status{padding:10px 12px;border-radius:7px;background:#fff;border:1px solid #dbe1e6;font-size:13px;margin-top:12px}.status.warning{border-color:#d5a019}.status.error{border-color:#c63d3d}.status.success{border-color:#159447}@media(max-width:480px){.content{padding:10px}.topbar{position:sticky;top:0;z-index:5}}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;object-fit:contain}.brand h1{margin:0;font-size:23px}.brand span{display:block;color:#6b7280;font-size:12px;margin-top:2px}.brand-small{gap:9px}.brand-small img{width:34px;height:34px}.brand-small span{margin:0}.brand-small strong{display:block;color:#202124}.brand-small small{font-size:12px}.auth-card input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cfd4d9;border-radius:7px;background:#fff}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.secondary{background:#fff;color:#374151;border:1px solid #cfd4d9;border-radius:7px;padding:10px 13px;font-weight:600}.summary-row{display:flex;justify-content:space-between;gap:10px;background:#f7f8f9;border:1px solid #e2e5e8;border-radius:7px;padding:10px;margin:14px 0}.otp-input{font-size:22px;letter-spacing:.3em;text-align:center}.server-list{display:grid;gap:8px;margin:12px 0}.server-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #d8dde2;border-radius:9px;padding:10px}.server-card strong,.server-card small{display:block}.server-card small,.muted{color:#6b7280}.server-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f5ed;color:#14763d;font-weight:700}.system-strip{display:flex;justify-content:space-between;align-items:center;padding:9px 14px}