:root{--blue:#173b67;--cyan:#16a6bf;--bg:#f4f7fb;--text:#182331;--muted:#6b7785}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.top{height:68px;background:#fff;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}
.brand{font-weight:800;font-size:21px;color:var(--blue);text-decoration:none}
.brand span{color:var(--cyan)}
.container{max-width:1180px;margin:36px auto;padding:0 24px;min-height:calc(100vh - 160px)}
.auth{max-width:430px;margin:8vh auto}
.card{background:#fff;border:1px solid #e4e9ef;border-radius:14px;padding:26px;box-shadow:0 6px 25px rgba(23,59,103,.06)}
h1{color:var(--blue);margin:0 0 8px}
h2{margin:8px 0}
.muted,.card p{color:var(--muted)}
label{display:block;font-weight:600;margin:18px 0}
input,select,textarea,button{font:inherit}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{width:100%;padding:12px 14px;border:1px solid #cfd8e3;border-radius:8px;margin-top:7px;font-size:16px;background:#fff;color:inherit}
textarea{min-height:96px;resize:vertical}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:0 0 auto;accent-color:#2563eb;cursor:pointer;vertical-align:middle}
input[type=color]{padding:0;border-radius:8px}
label.check,.check-grid label,.inline-check{display:flex;align-items:flex-start;gap:10px}
label.check input,.check-grid input,.inline-check input{margin-top:2px}
fieldset{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin:14px 0 0;background:#fff}
legend{padding:0 8px;color:var(--blue);font-size:13px;font-weight:800}
.primary{width:100%;border:0;background:var(--blue);color:#fff;padding:13px;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer}
.link{border:0;background:none;color:var(--blue);cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px}
.error{background:#fee2e2;color:#991b1b}
small{color:var(--cyan);font-weight:700;text-transform:uppercase}
footer{text-align:center;color:var(--muted);padding:20px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.container{margin-top:24px}}
.trial-top-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;margin-bottom:16px;border-radius:9px;background:#e8f7f3;color:#176b59;font-weight:700}
.trial-top-notice a{color:inherit}
.trial-top-notice.expired{background:#feecef;color:#9b2f43}
.nav-group-label{padding:17px 18px 5px;color:#8595ad;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sidebar nav .nav-subitem{padding-left:30px}