:root{font-family:Inter,Arial,system-ui,sans-serif;color:#17191c;background:#f4f5f7;line-height:1.5}*{box-sizing:border-box}body{margin:0;padding-bottom:100px}header{height:84px;display:flex;align-items:center;gap:14px;padding:18px 6%;background:#fff;border-bottom:1px solid #e6e7eb;position:sticky;top:0;z-index:3}header img{width:44px;height:44px;border-radius:10px}header strong{letter-spacing:2px;font-size:20px}small{display:block;color:#70747b;font-size:11px}#identity{margin-left:auto;font-size:12px;background:#f4f5f7;border-radius:30px;padding:10px 16px}main{max-width:1080px;margin:40px auto;padding:0 24px}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:8px 0 12px}h2{font-size:18px;margin:0 0 18px}h3{font-size:15px}p{color:#626872}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#747b85}.subtitle{margin-bottom:28px}section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;margin:24px 0;box-shadow:0 3px 12px #17191c03}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}form section,form h2,form p,form fieldset{grid-column:1/-1}form section{margin:0}label{display:block;font-size:12px;font-weight:600;color:#4b515c}input,select,textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dce0e6;border-radius:10px;font:inherit;font-size:14px;background:#fafbfc;color:#17191c;margin-top:8px}input:focus,select:focus{outline:2px solid #17191c;outline-offset:2px}button{padding:12px 20px;min-height:48px;font:inherit;font-size:13px;font-weight:600;border:1px solid #dce0e6;border-radius:10px;background:#fff;color:#17191c;margin:4px;cursor:pointer}button:hover{background:#f0f1f3}button.primary{background:#17191c;color:#fff;border-color:#17191c}button.primary:hover{background:#353940}nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:8px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 45px #00000012;z-index:5}nav[hidden]{display:none}nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:90px;min-height:60px;border:0;margin:0;color:#7a818b}nav button span{font-size:22px;line-height:1}nav button.active{background:#17191c;color:#fff;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;font-size:12px;color:#69717c}.metric strong{display:block;font-size:29px;margin-top:12px;color:#17191c;letter-spacing:-.7px}.metric:last-child{background:#17191c;color:#bbb}.metric:last-child strong{color:#fff}.muted{color:#777f89;font-size:12px}.error{color:#bf243b}#message:not(:empty){max-width:1032px;margin:20px auto 0;padding:16px 22px;background:#fff4df;border:1px solid #e6ce9b;border-radius:12px;font-size:14px}table{width:100%;border-collapse:collapse;font-size:12px}th{color:#7a818b;font-weight:600;background:#f7f8fa}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #edf0f3}.scroll{overflow:auto}.pos{background:#f7f8fa;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin:16px 0}.pos .grid{grid-template-columns:repeat(4,minmax(0,1fr))}article{padding:16px 0;border-bottom:1px solid #edf0f3}.badge{font-size:10px;padding:5px 9px;border-radius:8px;background:#eef0f3;font-weight:500}fieldset{border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;min-height:18px;margin:0}#login,#otp{max-width:400px;margin:0 auto;grid-template-columns:1fr}body:has(#login) main,body:has(#otp) main{max-width:560px;margin-top:70px}body:has(#login) .eyebrow,body:has(#login) h1,body:has(#login) .subtitle{text-align:center}@media(max-width:650px){header{padding:14px 20px;height:76px}header strong{font-size:16px}#identity{font-size:10px;max-width:145px;padding:7px 10px}main{margin:26px auto;padding:0 18px}h1{font-size:26px}.grid{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:18px}.metric strong{font-size:24px}section{padding:20px;border-radius:16px}form{grid-template-columns:1fr}.pos .grid{grid-template-columns:1fr 1fr}nav{bottom:0;width:100%;border-radius:0;padding:8px 6px;gap:0}nav button{width:auto;flex:1;font-size:10px}fieldset{grid-template-columns:1fr}body:has(#login) main{margin-top:36px}}