@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#e8f5ff;background:#071827;margin:0;font-family:Noto Sans SC,system-ui,sans-serif}button,input,textarea{font:inherit}.login-page{background:linear-gradient(135deg,#061725 0%,#0a2438 50%,#0d3958 100%);justify-content:center;align-items:center;gap:clamp(56px,9vw,150px);min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.login-glow{pointer-events:none;border-radius:50%;position:absolute}.glow-one{background:radial-gradient(circle,#119bc8aa 0,#0000 68%);width:520px;height:520px;top:-210px;right:-160px}.glow-two{background:radial-gradient(circle,#2163b466 0,#0000 70%);width:400px;height:400px;bottom:-210px;left:-210px}.login-showcase{color:#fff;flex-direction:column;align-items:center;width:min(40vw,470px);display:flex;position:relative}.showcase-grid{opacity:.26;background-color:#0000;background-image:linear-gradient(#63d7f522 1px,#0000 1px),linear-gradient(90deg,#63d7f522 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:420px;height:420px;position:absolute;transform:perspective(420px)rotateX(58deg)rotate(8deg);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 70%);mask-image:radial-gradient(circle,#000 0,#0000 70%)}.showcase-logo{object-fit:contain;filter:drop-shadow(0 0 24px #25c9ff55);width:clamp(220px,24vw,300px);height:300px;position:relative}.showcase-copy{text-align:center;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.showcase-copy strong{letter-spacing:3px;color:#0000;background:linear-gradient(100deg,#54c9ff,#61f1e2);-webkit-background-clip:text;background-clip:text;font-size:clamp(19px,2vw,26px)}.showcase-copy span{color:#a5c5d7;letter-spacing:1.5px;font-size:11px}.showcase-line{color:#6f9bb1;letter-spacing:2px;align-items:center;gap:12px;margin-top:34px;font:10px DM Mono,monospace;display:flex}.showcase-line i{background:#2b6078;width:32px;height:1px}.login-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b2539dd;border:1px solid #3a687e;border-radius:20px;flex:0 0 min(430px,38vw);width:min(430px,38vw);padding:38px 40px 28px;position:relative;box-shadow:0 30px 90px #0008}.panel-top{color:#66def6;letter-spacing:1.5px;justify-content:space-between;font:10px DM Mono,monospace;display:flex}.panel-top em{color:#7d9db0;font-style:normal}.login-panel h1{letter-spacing:2px;margin:30px 0 8px;font-size:28px}.panel-subtitle{color:#91b1c3;margin:0;font-size:14px}.login-panel form{gap:18px;margin-top:32px;display:grid}.login-panel label{color:#b8d0dc;gap:8px;font-size:13px;display:grid}.login-panel input,.login-panel textarea{color:#f4fbff;background:#061824cc;border:1px solid #31576d;border-radius:9px;outline:none;width:100%;padding:13px 14px;transition:all .2s}.login-panel input:focus{border-color:#48d6f3;box-shadow:0 0 0 3px #36cbed20}.login-panel input::placeholder{color:#617f91}.login-panel button{color:#032034;cursor:pointer;background:linear-gradient(100deg,#1d93e8,#53e2e7);border:0;border-radius:9px;justify-content:space-between;align-items:center;margin-top:4px;padding:14px 16px;font-weight:700;transition:all .2s;display:flex}.login-panel button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #1eafe966}.login-panel button:disabled{opacity:.65;cursor:wait;transform:none}.login-error{color:#ff9b9b;margin:-3px 0 -6px;font-size:13px}.panel-foot{color:#678b9e;border-top:1px solid #24485d;justify-content:space-between;margin-top:34px;padding-top:17px;font-size:11px;display:flex}.content-table{background:#0c2335;border:1px solid #274b63;border-radius:14px;overflow:auto}.content-table table{border-collapse:collapse;text-align:left;width:100%}.content-table th,.content-table td{vertical-align:top;border-bottom:1px solid #1d4056;padding:15px}.content-table th{color:#81dff7;font-size:13px}.content-table td{color:#bdd1df;max-width:330px}.content-table td b,.content-table td small{display:block}.content-table td small{color:#6f91a8;margin-top:4px;font:11px DM Mono,monospace}.content-table button,.dialog button,.content-list button{color:#fff;cursor:pointer;background:#1c9ee0;border:0;border-radius:7px;padding:8px 12px}.dialog{z-index:9;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.dialog>div{background:#0c2335;border:1px solid #31566e;border-radius:16px;width:min(620px,100% - 32px);padding:26px}.dialog textarea{margin:14px 0}.dialog footer{justify-content:flex-end;gap:10px;display:flex}.shell{min-height:100vh;display:flex}aside{background:#091e30;border-right:1px solid #24465d;flex-direction:column;width:276px;padding:28px 16px;display:flex}.brand{gap:5px;padding:0 12px 30px;display:grid}.brand img{object-fit:contain;width:48px;height:48px}.brand b{color:#58dcff;font-size:16px;line-height:1.45}.brand span{color:#9dbbd0;font-size:13px}nav{gap:5px;display:grid}nav a{color:#a8c4d6;border-radius:8px;padding:12px;text-decoration:none}nav a.router-link-exact-active,nav a:hover{color:#5ee5ff;background:#123851}.account{color:#9dbbd0;gap:9px;margin-top:auto;padding:16px 12px;font-size:14px;display:grid}.account button{color:#72defb;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.workspace{width:min(1280px,100%);margin:0 auto;padding:56px clamp(24px,5vw,76px)}.workspace h1{margin:4px 0 24px;font-size:30px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;display:grid}.stats article,.content-list article,.gallery article,.table{background:#0c2335;border:1px solid #274b63;border-radius:14px}.stats article{gap:9px;padding:22px;display:grid}.stats b{color:#51ddff;font-size:32px}.stats span,.gallery small{color:#9dbbd0}.workspace h2{margin-top:38px;font-size:17px}.table p{border-bottom:1px solid #1d4056;grid-template-columns:150px 1fr 180px;gap:12px;margin:0;padding:16px 18px;display:grid}.table b{color:#65dcfc}.table span{color:#bbd0dc}.table time{color:#7696aa;font-size:13px}.table em{color:#9dbbd0;padding:20px;display:block}.notice{color:#80edfc;background:#12465b;border-radius:9px;padding:12px 16px}.content-list{gap:14px;display:grid}.content-list article{grid-template-columns:1fr 100px;align-items:end;gap:20px;padding:18px;display:grid}.upload{color:#fff;cursor:pointer;background:#1b8cd7;border-radius:9px;margin:0 0 24px;padding:11px 17px;display:inline-block}.upload input{display:none}.gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gallery article{gap:8px;padding:12px;display:grid;overflow:hidden}.gallery img{object-fit:cover;background:#071827;border-radius:8px;width:100%;height:150px}.gallery code{color:#70d8ee;text-overflow:ellipsis;white-space:nowrap;font:11px DM Mono,monospace;overflow:hidden}@media (width<=800px){.login-page{flex-direction:column;gap:26px;padding:24px}.login-showcase{width:auto}.showcase-logo{width:150px;height:150px}.showcase-copy strong{letter-spacing:2px;font-size:18px}.showcase-copy span,.showcase-line{display:none}.login-panel{flex-basis:auto;width:min(430px,100%);padding:30px 24px 24px}.login-panel h1{margin-top:24px;font-size:24px}}@media (width<=760px){.shell{display:block}aside{width:100%;min-height:0;padding:16px;display:block}.brand{padding-bottom:10px}nav{display:flex;overflow:auto}.account{display:none}.workspace{padding:32px 20px}.stats,.gallery,.table p,.content-list article{grid-template-columns:1fr}}