@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#eaf3f1;font-synthesis:none;background:#07131f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -20%,#143b44 0,#0000 36%),#07131f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.splash{letter-spacing:.25em;color:#66e3c4;place-items:center;min-height:100vh;display:grid}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#0b1b28;border:1px solid #1b3944;border-radius:28px;width:min(440px,100%);padding:48px;box-shadow:0 30px 80px #0008}.brand-mark,.logo span{color:#07131f;background:#66e3c4;border-radius:12px;place-items:center;width:44px;height:44px;font:700 22px Manrope;display:grid}.eyebrow{letter-spacing:.18em;color:#66e3c4;text-transform:uppercase;font-size:11px;font-weight:700}.login h1,.content h1{margin:12px 0;font-family:Manrope;font-size:36px;line-height:1.15}.muted{color:#88a2aa}.login form{gap:18px;margin-top:30px;display:grid}.login label{color:#a9bdc1;gap:7px;font-size:13px;display:grid}.login input{color:#fff;background:#081722;border:1px solid #28424b;border-radius:10px;outline:none;padding:14px}.login button{color:#07131f;cursor:pointer;background:#66e3c4;border:0;border-radius:10px;padding:15px;font-weight:700}.error{color:#ff8f8f}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#081722;border-right:1px solid #17313c;height:100vh;padding:28px 18px;position:sticky;top:0}.logo{align-items:center;gap:12px;padding:0 8px;display:flex}.logo span{width:36px;height:36px;font-size:18px}.logo b{letter-spacing:.08em;font-family:Manrope}nav{gap:8px;margin-top:46px;display:grid}nav button{color:#809aa3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}nav button i{border:1px solid #28424b;border-radius:7px;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;display:grid}nav button.active{color:#eaf3f1;background:#102a35}.user{align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:20px;right:20px}.user>span{color:#66e3c4;background:#173944;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.user div{min-width:0}.user b,.user small{text-overflow:ellipsis;display:block;overflow:hidden}.user small{color:#6f8992;font-size:10px}.content{padding:42px 5vw 60px}.content header{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.content header h1{margin:6px 0}.live{color:#9db1b6;border:1px solid #1c3a42;border-radius:99px;padding:8px 12px;font-size:12px}.live i{background:#66e3c4;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 10px #66e3c4}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metrics article,.panel{background:linear-gradient(145deg,#0d202d,#0a1925);border:1px solid #193640;border-radius:16px;box-shadow:0 16px 35px #0002}.metrics article{padding:20px}.metrics p{color:#87a0a7;margin:0;font-size:12px}.metrics strong{margin:15px 0 7px;font:700 34px Manrope;display:block}.metrics small{color:#667f87;font-size:10px}.grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:26px}.panel h2{margin:7px 0;font:700 22px Manrope}.panel ul{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.dot{border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.dot.pending{background:#e6ae5c}.dot.ready{background:#66e3c4}.panel-head{border-bottom:1px solid #193640;justify-content:space-between;align-items:start;gap:16px;padding-bottom:20px;display:flex}.rules{color:#66e3c4;border:1px solid #285448;border-radius:99px;padding:7px 10px;font-size:11px}.empty{text-align:center;color:#819aa2;padding:80px 20px}.empty>div{color:#66e3c4;font-size:36px}.empty h2,.empty h3{color:#eaf3f1}.mail{border-bottom:1px solid #17313c;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:16px 4px;display:grid}.mail p{color:#78919a;white-space:nowrap;text-overflow:ellipsis;max-width:55vw;margin:5px 0 0;font-size:12px;overflow:hidden}.mail small{color:#66e3c4;text-transform:uppercase;font-size:10px}.priority{background:#17313c;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.p4,.p5{color:#ffaaa5;background:#572d32}@media (width<=900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.shell{grid-template-columns:1fr;padding-bottom:72px}aside{z-index:10;border:0;border-top:1px solid #17313c;width:100%;height:68px;padding:8px;position:fixed;top:auto;bottom:0}.logo,.user{display:none}nav{grid-template-columns:repeat(5,1fr);gap:2px;margin:0;display:grid}nav button{justify-items:center;gap:2px;padding:4px;font-size:9px;display:grid}nav button i{width:25px;height:25px}.content{padding:26px 18px}.content header{align-items:start}.content header h1{font-size:28px}.live{font-size:0}.live i{margin:0}.panel-head{display:block}.rules{margin-top:10px;display:inline-block}}@media (width<=520px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:15px}.metrics strong{font-size:26px}.metrics small{display:none}.panel{padding:19px}.content header{margin-bottom:24px}.login-card{padding:34px 24px}.mail{grid-template-columns:42px 1fr}.mail>small{display:none}}.brand-logo{object-fit:contain;display:block}.brand-logo-light{filter:grayscale()brightness(0)invert()}.login-logo{object-position:center;filter:grayscale()brightness(0)invert()drop-shadow(0 8px 18px #0005);width:154px;height:104px;margin:-18px 0 12px}.sidebar-mark{overflow:hidden;background:0 0!important;border-radius:0!important;width:42px!important;height:42px!important;display:block!important}.sidebar-logo{object-position:top center;width:76px;max-width:none;height:77px;transform:translate(-17px,-1px)}.logo{gap:10px}.logo b{color:#f4f7fa;font-size:13px}.eyebrow{color:#ef3654}.login button{color:#fff;background:#d4082f;box-shadow:0 8px 24px #d4082f33}.login button:hover{background:#ed1239}.login input:focus{border-color:#d4082f}.login-card{background:linear-gradient(145deg,#0d2132,#091824);border-color:#193a52}nav button.active{background:#102a42}nav button.active i{color:#ef3654;border-color:#ef3654}.user>span{color:#fff;background:#14385a}.rules{color:#ef3654;border-color:#643044}.focus{background:linear-gradient(135deg,#102e48,#171d2c)}
