:root{color-scheme:dark;color:#f3f6ff;background:#070b19}
body{background:#070b19;color:#f3f6ff}
.shell{background:radial-gradient(ellipse 60% 55% at 77% 9%,#22376362,transparent 76%),radial-gradient(ellipse 45% 60% at 28% 95%,#50266b43,transparent 80%),#090e20;position:relative;isolation:isolate}
.shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.65;background-image:radial-gradient(1px 1px at 8% 14%,#ffffffaa 99%,transparent),radial-gradient(1px 1px at 32% 74%,#b9d7ffbb 99%,transparent),radial-gradient(1px 1px at 73% 28%,#ffffff88 99%,transparent),radial-gradient(2px 2px at 91% 83%,#a9d4ff99 99%,transparent);background-size:310px 290px,380px 350px,430px 400px,520px 470px}
.rail{background:linear-gradient(175deg,#0b142b 0%,#11132b 60%,#1d1538 100%);border-right:1px solid #8aa2ec2e;box-shadow:8px 0 35px #02061150;position:relative}
.rail:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#6df5e9,#7286ff,#d277f5)}
.brand{letter-spacing:.16em;color:#fff;text-shadow:0 0 20px #8998ff66}.brand small{color:#aebbe1;letter-spacing:.1em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #86c7fd87;border-radius:50%;background:radial-gradient(circle at 35% 30%,#53dfeb9c,#6362d851 55%,#251b4e);box-shadow:0 0 0 6px #738cfc14,0 0 22px #8d77fc5e;color:#fff;font-size:1.3rem}
.rail nav button{color:#adbce0;border:1px solid transparent;border-radius:12px;font-weight:650}.rail nav button:hover{color:#fff;border-color:#7c8dd269;background:#ffffff12}.rail nav button.selected{color:#fff;border-color:#83b9f26b;background:linear-gradient(90deg,#278baf55,#7765dd4e);box-shadow:inset 3px 0 #70e4f2,0 8px 25px #111b5060}
.rail-foot{color:#adbce0}.rail-foot button{color:#dce9ff;border-color:#879bcd55}
main{position:relative}header{border-bottom:1px solid #9eb5e129;padding-bottom:22px}.eyebrow{color:#82e3ec;letter-spacing:.2em}.muted,#today,.small{color:#acb8d4}h1{font-weight:780;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 30px #7688ff44}h2,h3{color:#f5f7ff}
.login-card,.stat,.card,dialog{background:linear-gradient(140deg,#17223fef,#171c34ed 65%,#201937ed);border:1px solid #9eafe04d;box-shadow:0 16px 55px #03091f8a, inset 0 1px #ffffff12;color:#f1f5ff;backdrop-filter:blur(15px)}
.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;width:290px;height:290px;right:-80px;top:-135px;border:1px solid #a6c2ff44;border-radius:50%;box-shadow:0 0 0 25px #657af109,0 0 0 56px #9f6dff0b,0 0 80px #7986ff40;pointer-events:none}.login-card:after{content:"✦";position:absolute;right:84px;top:23px;color:#a5effc;text-shadow:0 0 25px #8befff;font-size:25px;pointer-events:none}.login-card p{color:#b7c7e5}.login-card form{position:relative;z-index:1}
.stat{border-top:2px solid #7dd9f69c}.stat strong{color:#fff;text-shadow:0 0 22px #81a9ff55}.stat span{color:#b9c5de}.card{border-top:1px solid #b8c5fa6b}
button{background:#233050;color:#eef5ff;border-color:#8da4d462}button:hover{border-color:#8de9ff;color:#fff;background:#30456a}.primary{background:linear-gradient(110deg,#2888c2,#6562da 62%,#9056c1);border-color:#a6c8fd72;color:#fff;box-shadow:0 7px 24px #445dca55}.primary:hover{background:linear-gradient(110deg,#36a4d3,#7578e8 62%,#a76adc);border-color:#b5eeff;color:#fff}
label{color:#d1dcf3}input,select,textarea{background:#0c1630;color:#f6f8ff;border-color:#7b91c476}input::placeholder,textarea::placeholder{color:#93a6c9}input:focus-visible,select:focus-visible,button:focus-visible{outline-color:#7ce5f8}
#notice:not(:empty){background:#173d54;color:#a8edff;border:1px solid #6fc5e266}#notice.error{background:#562438;color:#ffd5dd;border-color:#f0789766}
th{color:#a4b6d9}td,th{border-bottom-color:#8295bf32}td{color:#e4ebfb}.pill{background:#1c5c51;color:#a2ffdc}.pill.SUSPENDED,.pill.EXPIRED,.pill.CANCELLED{background:#5b2946;color:#ffc4d5}.pill.SOON{background:#59472a;color:#ffdea0}.empty{color:#adbcdb}#editor-body p{color:#bbcae7}dialog::backdrop{background:#020515c9}
@media(max-width:850px){.rail{border-right:0;border-bottom:1px solid #8aa2ec2e}.rail:before{height:2px}.shell:before{position:absolute}}
@media(prefers-reduced-motion:no-preference){.brand-mark{animation:beacon 7s ease-in-out infinite}@keyframes beacon{50%{box-shadow:0 0 0 9px #738cfc1a,0 0 32px #8d77fc98}}}
.support-messages{max-height:52vh;overflow:auto;display:grid;gap:10px;margin:15px 0;padding:6px}.support-message{padding:12px 14px;border:1px solid #b3c1d855;border-radius:12px;background:#ffffff0b;overflow-wrap:anywhere}.support-message b{display:block}.support-message small{color:#9fb1d2}.support-message p{margin:8px 0 0;white-space:pre-wrap}.support-list{display:grid;gap:8px}.support-list button{text-align:left;display:grid;gap:4px}.support-list small{color:#aab8d1}.support-list span{overflow-wrap:anywhere}#support-form,#support-reply{display:grid;gap:12px}#support-form button,#support-reply button{justify-self:start}
@media(max-width:850px){.rail{position:static}.rail-foot{display:flex;align-items:center;justify-content:space-between}.rail nav{scrollbar-width:thin}.login-card{margin:12px auto}.scroll{max-width:calc(100vw - 32px)}}
@media(max-width:580px){main{padding:18px 12px 48px}.rail{padding:12px}.stats{gap:9px}.stat{padding:12px}.stat strong{font-size:1.4rem}.card{padding:15px}.actions{justify-content:flex-start}.actions button{min-height:40px}.toolbar button{min-height:42px}dialog{padding:18px;width:calc(100vw - 20px)}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.login-card{padding:18px}.login-card:before,.login-card:after{display:none}}