:root{--red:#e31b2e;--ink:#15171a;--muted:#71757d;--line:#e4e6e9}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f5f7;color:var(--ink)}button,input{font:inherit}.logo{display:flex;align-items:center;gap:12px}.logo>b{width:43px;height:43px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:25px;transform:skew(-7deg)}.logo span{font-weight:900;letter-spacing:.12em;font-size:20px}.logo small{display:block;font-size:9px;letter-spacing:.14em;color:#8e9299;margin-top:2px}.setup{min-height:100vh;display:grid;place-items:center;background:#111317}.setup-card{width:min(440px,calc(100% - 32px));background:#fff;padding:36px;border-radius:16px}.setup h1{font-size:25px;margin:30px 0 5px}.setup p,.login p{color:var(--muted);font-size:14px}.setup form,.login-card{display:grid;gap:15px;margin-top:24px}label{display:grid;gap:6px;font-size:12px;font-weight:700}input{height:47px;border:1px solid #d9dce0;border-radius:9px;padding:0 13px;outline:none}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e31b2e18}form button{height:47px;background:var(--red);color:white;border:0;border-radius:9px;font-weight:700}.foot{display:block;text-align:center;color:#999;margin-top:18px}.alert{padding:11px;border-radius:8px;font-size:12px;margin-top:15px}.error{background:#fff0f1;color:#a81321}.success{background:#eaf8f0;color:#197542}.login{min-height:100vh;background:#111317;color:white}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:center;max-width:1150px;margin:auto;padding:40px}.login section h1{font-size:55px;line-height:1.02;max-width:600px;margin:80px 0 20px;letter-spacing:-.05em}.login section p{font-size:17px}.login-card{background:#fff;color:var(--ink);padding:38px;border-radius:16px}.login-card h2{margin:0;font-size:24px}.login-card p{margin:0 0 8px}.login-card>small{text-align:center;color:#999}.panel{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.panel aside{background:#111317;color:white;padding:20px 14px;display:flex;flex-direction:column}.panel aside .logo{padding:0 8px 24px;border-bottom:1px solid #2d3034}.panel nav{margin-top:22px}.panel nav a,.logout{display:block;padding:13px;border-radius:8px;color:#aeb2b9;font-size:14px;text-decoration:none;margin:4px}.panel nav a.active{background:#292c30;color:white;border-left:3px solid var(--red)}.logout{margin-top:auto}.panel main{padding:30px;max-width:1450px;width:100%;margin:auto}.panel header{display:flex;justify-content:space-between;align-items:center}.panel header small,.cards small,.next small{color:#92969d;font-size:10px;font-weight:800;letter-spacing:.1em}.panel h1{margin:5px 0 24px;font-size:28px}.user{width:42px;height:42px;border-radius:10px;background:#17191c;color:white;display:grid;place-items:center;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.next{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.cards b{display:block;font-size:31px;margin:10px 0}.cards span{color:var(--muted);font-size:11px}.next{margin-top:18px;display:flex;justify-content:space-between;align-items:center;padding:35px}.next h2{font-size:23px;margin:8px 0}.next p{color:var(--muted);max-width:670px;margin:0;font-size:14px}.next>span{background:#111317;color:white;border-radius:8px;padding:9px 13px;font-size:12px}@media(max-width:800px){.login-wrap{grid-template-columns:1fr;padding:20px;gap:20px}.login section h1{font-size:36px;margin:45px 0 10px}.panel{display:block}.panel aside{position:static}.panel nav{display:none}.logout{position:absolute;right:15px;top:15px}.panel main{padding:20px}.cards{grid-template-columns:1fr 1fr}.next{align-items:flex-start;gap:20px}.next>span{white-space:nowrap}}@media(max-width:480px){.cards{grid-template-columns:1fr}.login-card{padding:25px}.login section p{font-size:14px}}