:root{color-scheme:dark;--bg:#100d17;--panel:#191420;--line:#33283f;--muted:#a69ab5;--purple:#bd80ff;--pink:#f14abf;--green:#7ce2bc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#29132d 0,transparent 45%),var(--bg);color:#f7f3fb;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;transition:background .15s}button:disabled{opacity:.45;cursor:default}a{color:var(--purple);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-bottom:0}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}small{color:var(--muted)}.muted,.help{color:var(--muted)}.help{font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;color:#c1a7d5;margin-bottom:10px}.primary{background:linear-gradient(110deg,#a64bea,#d337ae);color:white;font-weight:650}.secondary{background:#241c2e;color:#e4d9ef;border:1px solid #463251}.quiet{background:transparent;color:var(--muted)}.badge{font-size:11px;line-height:1.4;display:inline-flex;padding:6px 10px;border:1px solid #564066;border-radius:100px;white-space:nowrap;color:#d0b4e8}.badge.good{color:var(--green);background:#12312a;border-color:#255245}.badge.warn{color:#ffd78f;background:#33271a;border-color:#66502c}.badge.bad{color:#ffafbb;background:#381d28;border-color:#704052}.login{display:grid;min-height:100vh;place-items:center;padding:25px}.login-card{max-width:430px;width:100%;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#251a30,#18121e);box-shadow:0 40px 120px #0006}.login-card h1{margin-bottom:18px}.login-card button{width:100%;margin:20px 0}.login-card small{font-size:11px}.brand-mark{font-size:55px;font-weight:850;background:linear-gradient(45deg,#7d24e7,#f44dc2,#f4d4a4);background-clip:text;color:transparent;width:80px;line-height:1.3}.brand-mark span{font-size:18px;margin-left:-37px;color:#f7c7e7}label{display:block;font-size:13px;color:#d4c3e2;margin:16px 0 6px}input{width:100%;min-height:45px;background:#130e1b;color:white;padding:11px 13px;border:1px solid #44334e;border-radius:10px}input:focus{outline:2px solid #b06ee5;outline-offset:2px}#loginError{color:#ffb3c0;font-size:13px}aside{position:fixed;inset:0 auto 0 0;width:228px;padding:30px 20px;border-right:1px solid var(--line);background:#14101bec;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:23px;font-weight:750;letter-spacing:-.8px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#a795b7}.brand-icon{display:grid;place-items:center;width:38px;height:44px;background:linear-gradient(150deg,#cf45c9,#7025cc);border-radius:12px;font-size:28px}.nav-title{font-size:9px;letter-spacing:1.7px;color:#82728f;margin:44px 12px 15px}nav{display:grid;gap:6px}nav button{text-align:left;background:none;color:#a99ab8;display:flex;align-items:center;gap:12px;padding:12px;font-size:18px}nav button span{font-size:13px}nav button.active{color:#ecd9ff;background:#352044;box-shadow:inset 3px 0 #bf6beb}.aside-bottom{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:14px 10px;font-size:10px;color:#a99ab8}.aside-bottom a{display:block;margin-top:6px;padding-left:13px}.dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}main{margin-left:228px;padding:35px 36px 20px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.header-actions{display:flex;align-items:center;gap:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metrics article{background:linear-gradient(140deg,#241a2d,#1b1422);border:1px solid var(--line);padding:20px;border-radius:16px}.metrics article>span{font-size:12px;color:#bcacc9}.metrics strong{display:block;font-size:29px;letter-spacing:-1px;margin:10px 0}.metrics small{font-size:10px}.overview-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:22px}.panel{background:#191420bd;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px}.overview-layout .panel{margin-bottom:0}.welcome{background:radial-gradient(ellipse at 100% 0,#4b225780,transparent 70%),#1e1529}.welcome h2{font-size:25px;max-width:400px}.welcome p{max-width:470px;font-size:13px}.welcome button{margin:4px 0 24px}.steps{display:flex;gap:15px;border-top:1px solid #4d335b;padding-top:18px;font-size:10px;color:#b5a1c5}.steps span.done{color:var(--green)}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-heading h2{margin:0;font-size:17px}.panel-heading span{font-size:11px}.connection-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.connection-row strong{font-size:13px}.connection-row p{font-size:10px;color:var(--muted);margin:2px 0}.connection-row .badge{margin-left:auto}.app-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#31203f;color:#d4a7fb}.app-icon.green{background:#17392e;color:var(--green)}.section-heading h2{margin:0}.section-heading p{font-size:13px;margin:5px 0 0}.section-heading input{max-width:280px}.novel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.novel-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:#1c1525}.poster{aspect-ratio:16/10;border-radius:11px;background:linear-gradient(140deg,#563054,#28204b);position:relative;overflow:hidden;margin-bottom:16px}.poster img{width:100%;height:100%;object-fit:contain;background:#100b16}.poster .poster-label{position:absolute;bottom:10px;left:10px;background:#20132be6;padding:4px 9px;border:1px solid #9f63b2;border-radius:20px;font-size:10px}.novel-card h3{font-size:14px;min-height:45px;margin-bottom:8px;overflow-wrap:anywhere}.novel-price{font-size:21px;font-weight:700;margin:10px 0 18px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions a,.card-actions button{font-size:11px;padding:8px 11px;border-radius:8px}.card-actions a{background:#332141;color:#e7c7ff}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.6px;color:#9b88ac;font-weight:550;border-bottom:1px solid var(--line);padding:12px 10px}td{font-size:12px;padding:16px 10px;border-bottom:1px solid #2b2135}td.title-cell{min-width:170px;max-width:330px;white-space:normal;overflow-wrap:anywhere}td small{display:block;font-size:10px}td button{font-size:11px;padding:7px 10px;background:#34223f;color:#dfbdf6}.notice,.alert{padding:14px 18px;border:1px solid #79518b;border-radius:12px;margin:15px 0;background:#302039;color:#ebd5fa;font-size:13px}.alert{border-color:#77582d;background:#32251a;color:#f6d4a0}.job{padding:14px 18px;border:1px dashed #674d79;border-radius:10px;margin-bottom:15px;font-size:12px;display:flex;gap:15px;align-items:center}.job p{margin:0;color:var(--muted)}.job .badge{margin-left:auto}.settings{max-width:790px}.settings p{font-size:14px}.settings hr{border:0;border-top:1px solid var(--line);margin:30px 0}dl{display:grid;grid-template-columns:180px 1fr;gap:12px;font-size:13px}dt{color:var(--muted)}dd{margin:0}footer{display:flex;justify-content:space-between;color:#766783;font-size:10px;margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}dialog{width:min(540px,calc(100vw - 30px));max-height:90vh;overflow:auto;background:#211629;color:white;border:1px solid #78518d;border-radius:20px;padding:28px}dialog::backdrop{background:#08050dbd;backdrop-filter:blur(4px)}dialog h2{font-size:24px}dialog .muted{font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.ticket-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#d2c4db;font-size:13px}.ticket-meta{color:var(--muted);font-size:11px}[hidden]{display:none!important}:focus-visible{outline:2px solid #d3a5fb;outline-offset:3px}
@media(min-width:1550px){.novel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){aside{width:190px;padding:25px 14px}main{margin-left:190px;padding:28px 24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-layout{grid-template-columns:1fr}.novel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start;flex-direction:column}}@media(max-width:720px){aside{position:sticky;top:0;z-index:5;width:100%;height:auto;padding:10px 14px;display:block;border:0;border-bottom:1px solid var(--line);background:#14101bf5}.brand{font-size:18px}.brand-icon{width:28px;height:30px;font-size:22px}.brand small,.nav-title,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:10px;gap:4px}nav button{white-space:nowrap;padding:8px 10px;gap:6px}nav button span{font-size:11px}nav button.active{box-shadow:inset 0 -2px #bf6beb}main{margin:0;padding:23px 15px}h1{font-size:25px}.header-actions{gap:6px;flex-wrap:wrap}.header-actions button{font-size:11px;padding:9px 11px}.metrics{gap:10px}.metrics article{padding:15px 12px}.metrics article>span{font-size:10px}.metrics strong{font-size:25px}.metrics small{font-size:9px}.panel{padding:18px}.welcome h2{font-size:22px}.steps{gap:12px;flex-wrap:wrap}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading input{max-width:none}.novel-grid{gap:12px}.novel-card{padding:12px}.novel-card h3{font-size:12px}.novel-price{font-size:19px}.card-actions{flex-direction:column}.card-actions a{text-align:center}.poster{aspect-ratio:3/4}.poster-label{font-size:8px!important}.connection-row .badge{font-size:9px}.connection-row p{font-size:9px}.job{flex-wrap:wrap;gap:8px}dl{grid-template-columns:110px 1fr;font-size:12px}footer{gap:15px;flex-wrap:wrap}}