:root{font-family:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#1e2b3c;background:#f5f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #80b1ff;outline-offset:3px}input,select,textarea{border:1px solid #dce2eb;border-radius:7px;background:white;padding:10px 12px;color:#233349;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #b5cffc;border-color:#3e74df}textarea{resize:vertical;width:100%;line-height:1.7}.app{display:flex;min-height:100vh}.app>aside{width:240px;position:fixed;inset:0 auto 0 0;background:#102033;color:#b5c2d2;padding:31px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:23px;letter-spacing:-.8px}.brand svg{width:32px;height:32px;color:#7ea9ff}.workspace-label{font-size:10px;font-weight:bold;letter-spacing:1.8px;color:#73869d;margin:38px 12px 16px}nav{display:flex;flex-direction:column;gap:8px}nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#adbacb;padding:14px;border-radius:8px;text-align:left}nav button svg:last-child:not(:first-child){margin-left:auto}nav button:hover{background:#1a3048}nav button.chosen{background:#2460da;color:white}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding:20px 0 0;border-top:1px solid #28384c}.avatar{width:34px;height:34px;background:#2d405a;display:grid;place-items:center;border-radius:50%;font-weight:bold}.sidebar-bottom b{font-size:12px;color:#e4ecf7}.sidebar-bottom small{display:block;font-size:10px;margin-top:4px}.sidebar-bottom a{margin-left:auto}.app main{margin-left:240px;width:calc(100% - 240px)}.top{height:72px;background:#fff;border-bottom:1px solid #e4e9f0;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7c899a}.top>span,.top>div{display:flex;gap:12px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#2bb98a}.icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:0;background:transparent;color:#78869a}.content{padding:38px 40px 20px;max-width:1640px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7a8b9f}h1{font-size:28px;font-weight:700;letter-spacing:-1.1px;margin:9px 0 9px}h2{font-size:15px;font-weight:700;margin:0}h3{font-size:16px;font-weight:700}p{color:#7c899c;line-height:1.75}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.title-row p{margin:0;font-size:13px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 16px;font-weight:600;border:1px solid transparent;white-space:nowrap}.primary{background:#2764e4;color:white;box-shadow:0 3px 8px #2764e422}.primary:hover{background:#1953d1}.secondary{background:white;border-color:#dce3ee;color:#4e627c}.danger{background:#d84949;color:white}.full{width:100%;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid #e3e9f1;border-radius:10px;padding:24px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#6e7f96;font-size:12px}.stat svg{width:18px;color:#8597b0}.stat strong{display:block;font-size:29px;letter-spacing:-.7px;margin:16px 0 7px}.stat small{color:#95a2b4;font-size:11px}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.panel{background:#fff;border:1px solid #e3e9f1;border-radius:10px;overflow:hidden;margin-bottom:22px}.panel-head{padding:20px 23px;border-bottom:1px solid #edf0f6;display:flex;justify-content:space-between;align-items:center;gap:14px}.text-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:#3b6dcb;font-size:12px;padding:5px}.muted{color:#8d9bad;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fafbfe;padding:14px 21px;font-size:11px;color:#8a99ae;font-weight:500;white-space:nowrap}td{padding:17px 21px;border-bottom:1px solid #edf1f6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td b{font-size:12px;font-weight:600}td small{display:block;font-size:10px;color:#8d9aab;margin-top:5px}.badge{display:inline-block;border-radius:5px;padding:4px 8px;font-size:10px;color:#76879b;background:#eef2f7;white-space:nowrap}.badge.paid{background:#eaf0ff;color:#3464d0}.badge.active,.badge.published{background:#e8f7f0;color:#27855f}.badge.suspended,.badge.revoked,.badge.expired{background:#fff0ee;color:#bf6459}.badge.draft,.badge.uploading,.badge.pending{background:#fff6e5;color:#a77c20}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px;text-align:center;color:#8291a6}.empty svg{color:#a8bad1}.empty h3{color:#485c76;margin:18px 0 2px}.empty p{font-size:12px;margin:8px 0 21px}.empty.compact{min-height:95px;font-size:12px}.info-strip{display:flex;align-items:center;gap:14px;padding:19px 22px;background:#eef3fd;border:1px solid #dfe8f8;border-radius:8px;color:#5e7ba8}.info-strip b{font-size:12px}.info-strip p{font-size:11px;margin:5px 0 0;color:#8298b9}.table-toolbar{padding:20px;display:flex;align-items:center;gap:12px}.table-toolbar>span{margin-left:auto;font-size:12px;color:#8a97aa}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce2eb;border-radius:7px;padding:0 12px;color:#95a2b7}.search input{border:0;width:290px;padding:10px 0}.row-actions{display:flex;gap:9px;white-space:nowrap}.row-actions button,.row-actions a{border:0;background:transparent;color:#3e70cd;font-size:11px;padding:3px}.release-highlight{padding:30px}.release-highlight>svg{color:#7094d3}.release-highlight h2{font-size:25px;margin-top:14px}.release-highlight pre{white-space:pre-wrap;font:inherit;line-height:1.8;font-size:12px;margin:25px 0;color:#657891}.getting-started{padding:24px}.getting-started p{font-size:13px}.section-note{font-size:12px;line-height:1.7;margin:18px 24px;color:#8593a7}.profile-grid{padding:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.profile-grid small{display:block;font-size:11px;color:#94a1b3;margin-bottom:9px}footer{color:#a2aebe;font-size:10px;display:flex;justify-content:space-between;margin:35px 0 10px}.alert{display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:7px;margin-bottom:20px;font-size:12px}.alert button{margin-left:auto;border:0;background:transparent;color:inherit}.error{background:#ffedea;color:#b44d43}.success{background:#e6f6ee;color:#267254}.overlay{position:fixed;inset:0;background:#0e203c80;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{background:white;border-radius:12px;padding:25px;width:600px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 80px #12203c40}.modal>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf4;padding-bottom:15px;margin-bottom:21px}.modal h2{font-size:18px}.modal .section-note{margin:10px 0 20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field>span{font-size:12px;font-weight:600;color:#64768f}.field input,.field select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.modal-actions{display:flex;justify-content:space-between;margin-top:15px}.modal progress{width:100%;accent-color:#2764e4}.welcome{min-height:100vh;background:#102033;padding:35px 6vw}.welcome .brand span{font-size:10px;letter-spacing:2px;color:#8ba3c4;border-left:1px solid #3a4e68;padding-left:18px;margin-left:9px}.welcome-card{margin:15vh auto;max-width:540px}.welcome-card .eyebrow{color:#91b2ef}.welcome-card h1{font-size:45px;color:white;line-height:1.35;margin-top:20px}.welcome-card p{color:#9eafc7;margin:24px 0 35px}.welcome-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#8fa7c5;margin-top:25px}details pre{max-width:440px;overflow:auto;background:#f4f6fb;padding:10px;font-size:10px}
@media(max-width:1200px){.app>aside{width:205px}.app main{margin-left:205px;width:calc(100% - 205px)}.content{padding:30px 24px}.top{padding:0 24px}.two-col{grid-template-columns:1fr}.stats{gap:12px}.stat{padding:19px}th,td{padding:14px 16px}}@media(max-width:760px){.app>aside{position:static;width:100%;padding:20px}.app{display:block}.app main{margin:0;width:100%}.workspace-label,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto;margin-top:15px}nav button{white-space:nowrap;padding:10px}nav button svg:last-child:not(:first-child){display:none}.top{height:55px}.content{padding:24px 15px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.title-row{align-items:flex-start;gap:15px}.title-row h1{font-size:23px}.title-row p{font-size:11px}.title-row>.primary{font-size:11px;padding:10px}.table-toolbar{flex-wrap:wrap}.search{width:100%}.search input{width:100%}.form-grid,.profile-grid{grid-template-columns:1fr}.welcome-card h1{font-size:36px}footer span{display:none}}

.auth-shell{max-width:480px;margin:60px auto;padding:24px}.auth-shell .panel{padding:28px}.auth-shell h1{font-size:28px}.auth-shell button{margin-top:14px}.auth-shell input{width:100%}.auth-shell .field{margin:14px 0}.password-bar{padding:8px 20px;background:#eef2f6;text-align:right}.password-bar button{font-size:12px}
.auth-shell>.brand{color:#102033;margin-bottom:22px}

/* Keep the original welcome design while opening NAS account forms in a dialog. */
.overlay>.auth-shell{position:relative;width:min(480px,100%);max-height:90vh;overflow:auto;margin:0;background:#f5f7fb;border-radius:14px}.auth-close{position:absolute;right:12px;top:8px}.overlay>.auth-shell .brand{margin-top:12px}.welcome-card>.primary{display:inline-flex;align-items:center;gap:10px}

.guide-entry{display:inline-block;margin-top:18px;color:#a8c6f4;font-size:13px}.content footer a{color:#2460da}