:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#172033;background:#eef2f7}*{box-sizing:border-box}body{margin:0}header{height:72px;background:linear-gradient(90deg,#152033,#27364d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header .brand{display:grid;gap:0;line-height:1}header .brand b{font-size:22px;letter-spacing:.2px;text-transform:none}header .brand span{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;margin-top:5px}header em{font-size:11px;letter-spacing:1.5px;font-style:normal;opacity:.8}main{max-width:1180px;margin:0 auto;padding:54px 28px}.auth{max-width:520px;margin:40px auto;background:#fff;padding:38px;border-radius:18px;box-shadow:0 14px 40px #1e2b4214}.auth.wide{max-width:760px}.auth>span,.top span,article>span{font-size:11px;letter-spacing:1.4px;color:#6d7b91;font-weight:700}h1{font-size:34px;margin:10px 0}h2{margin:8px 0}p{color:#667085;line-height:1.55}form{display:grid;gap:17px;margin-top:26px}label{font-size:13px;font-weight:700;color:#344054;display:grid;gap:7px}input,select{width:100%;padding:13px 14px;border:1px solid #cdd5df;background:#fff;color:#172033;border-radius:9px;font-size:15px}input:focus,select:focus{outline:3px solid #9dc3ff;border-color:#477bc4}.check{display:flex;grid-template-columns:22px 1fr;align-items:center}.check input{width:18px}button{border:0;border-radius:9px;padding:12px 16px;background:#253a5a;color:#fff;font-weight:700;cursor:pointer}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.top button,.auth button[type=button]{background:#e7ebf1;color:#27364d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{background:#fff;border-radius:16px;padding:25px;min-height:190px;border:1px solid #e4e8ee}.grid article button{margin-top:10px}.table{background:#fff;border-radius:16px;overflow:hidden}.table div{display:grid;grid-template-columns:1.2fr 1.7fr 1fr .6fr;gap:16px;padding:16px 20px;border-bottom:1px solid #edf0f4}.table em,.table i{font-style:normal;color:#667085}@media(max-width:850px){.grid,.table div{grid-template-columns:1fr}.top{display:block}.top button{margin-top:12px}}.codes{padding:18px;background:#eef2f7;border-radius:10px;line-height:1.8;letter-spacing:.08em;-webkit-user-select:all;user-select:all}.link{background:transparent!important;color:#223a60!important;border:0!important;text-decoration:underline}.auth button+button{margin-top:10px}.recovery-entry{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:8px}.recovery-entry span{font-weight:700}.recovery-entry small{opacity:.72;line-height:1.4}.recovery-button{width:100%;background:transparent!important;border:1px solid currentColor!important;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.secondary{background:#e7ebf1!important;color:#27364d!important}.mail-card h1{font-size:42px}.mail-card{border-top:5px solid #253a5a}@media(max-width:700px){.two,.actions{grid-template-columns:1fr}}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f4f1ea}.app-shell aside{background:#101b1d;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.app-shell aside .brand{display:flex;flex-direction:column;font-size:26px;padding:0 10px}.app-shell aside .brand span{font-size:15px;color:#9ec3ba;letter-spacing:.18em;text-transform:uppercase}.app-shell nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.app-shell nav button{background:transparent;color:#cbd8d5;border:0;text-align:left;padding:10px 12px;border-radius:7px}.app-shell nav button.active,.app-shell nav button:hover{background:#244347;color:#fff}.app-shell aside footer{margin-top:auto;display:flex;flex-direction:column;padding:10px}.app-shell aside footer small{color:#9ec3ba}.app-shell main{padding:0 32px 40px;max-width:1400px;width:100%;box-sizing:border-box}.app-shell main>header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.app-shell main>header div{display:flex;gap:8px;font-size:20px}.app-shell main>header span{color:#567}.top{padding:28px;background:#17393c;color:#fff;border-radius:14px;margin-bottom:20px}.top h1{font-size:34px;margin:8px 0}.panel{background:#fff;border:1px solid #ddd8cc;border-radius:14px;padding:24px;margin-bottom:20px}.panel h2{margin-top:0}.notice{padding:12px;background:#fff6db;border-left:4px solid #c39839}.empty{padding:30px;color:#68706f;text-align:center}.table{display:flex;flex-direction:column;margin-top:16px}.tr{display:grid;grid-template-columns:1.2fr .7fr 1.6fr;gap:12px;padding:12px;border-top:1px solid #e4e0d8}.tr.head{background:#f5f2eb}.panel form{display:grid;gap:12px;max-width:720px}.panel label{display:grid;gap:5px}.panel input,.panel select{padding:10px;border:1px solid #bbb;border-radius:6px}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.app-shell aside{position:relative}.app-shell nav{display:grid;grid-template-columns:1fr 1fr}.app-shell main{padding:0 14px 30px}}