:root{--ink:#151514;--paper:#f7f3ec;--white:#fff;--muted:#766f68;--line:#e4ddd3;--ros:#7d2138;--teal:#1a8b82;--green:#113b38}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.topbar img{width:auto;height:34px}.page{max-width:1240px;margin:auto;padding:48px 28px 80px}.ey{letter-spacing:.16em;text-transform:uppercase;color:var(--ros);font-size:11px;font-weight:800}.title{margin:10px 0 16px;font-family:Georgia,serif;font-size:52px;font-weight:400;line-height:1}.sub{color:var(--muted);max-width:760px;font-size:17px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:170px;padding:24px}.card h3{margin:22px 0 8px;font:400 30px Georgia,serif}.card p{color:var(--muted);margin:0;font-size:14px}.attention{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:34px;overflow:hidden}.attention header{border-bottom:1px solid var(--line);padding:20px 24px;font-weight:800}.row{border-bottom:1px solid #eee7de;grid-template-columns:1.8fr .8fr .5fr;align-items:center;gap:16px;padding:17px 24px;display:grid}.row:last-child{border:0}.status{width:max-content;color:var(--ros);background:#f3e6e9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:11px 18px;font-weight:700;display:inline-flex}.login{color:#fff;background:#171515;grid-template-columns:58% 42%;min-height:100vh;display:grid}.login-photo{background:radial-gradient(circle at 28% 30%,#7d21387a,#0000 32%),linear-gradient(145deg,#2a171d 0%,#171515 52%,#0c0b0b 100%);position:relative}.login-photo:after{content:"";background:linear-gradient(90deg,#00000014,#00000073);position:absolute;inset:0}.login-panel{flex-direction:column;justify-content:center;padding:70px 64px;display:flex}.login-panel .ros-logo{filter:invert();width:145px;margin-bottom:34px}.login-panel h1{margin:0 0 12px;font:400 48px Georgia,serif}.login-panel p{color:#cfc6c1}.form{gap:14px;margin-top:32px;display:grid}.form input{color:#fff;background:#211f1f;border:1px solid #514a47;border-radius:12px;width:100%;padding:15px 16px}.login-panel small{color:#a89f9b;margin-top:20px}.error{color:#ffe8ee;background:#5c2330;border-radius:10px;padding:10px 12px}.wbp-wordmark{letter-spacing:.22em;white-space:nowrap;font-size:13px;font-weight:800}@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-photo{min-height:36vh}.login-panel{padding:48px 28px}}@media (max-width:600px){.grid,.row{grid-template-columns:1fr}.title{font-size:42px}}