@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}}
@layer base{
:root{font:14px/1.5 "Segoe UI",system-ui,sans-serif;color-scheme:dark;--bg:#111827;--sidebar:#121b2e;--surface:#1d293e;--raised:#26344d;--input:#172237;--line:#34415a;--text:#f2f5fb;--muted:#aab8ce;--faint:#7890ad;--accent:#ad97ff;--accent-bg:#8770e4;--yellow:#f6c568;--green:#55d6b4;--blue:#65b4ff;--red:#fb8799;--shadow:0 16px 42px #0002;--sidebar-width:252px}
:root[data-theme=light]{color-scheme:light;--bg:#f3f5fb;--sidebar:#fff;--surface:#fff;--raised:#e9edf7;--input:#f7f9fc;--line:#dce2ef;--text:#202b45;--muted:#5c6d88;--faint:#687c98;--accent:#7151cb;--accent-bg:#7755d4;--yellow:#986111;--green:#087e63;--blue:#266bc2;--red:#c93b58;--shadow:0 10px 32px #1f335609}
:root[data-theme=color]{--bg:#131e33;--sidebar:#10192c;--surface:#202e48;--raised:#2a3a57;--input:#18263d;--line:#35455f;--accent:#b49cff;--accent-bg:#8c73ee;--yellow:#ffcf6a;--green:#59dfbc;--blue:#6db9ff;--red:#ff8f9e}
body{background:var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{color:inherit}button{border:0;background:none}input,select,textarea{background:var(--input);border:1px solid var(--line);border-radius:10px;padding:11px 13px;min-width:0;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)}textarea{resize:vertical;min-height:94px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-bg)}input[type=number]{font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}h1{font-size:28px;letter-spacing:-.7px;line-height:1.3}h2{font-size:20px;letter-spacing:-.3px}h3{font-size:16px}small,.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.number{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}
}
@layer components{
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 16px 14px;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px;font-size:25px;font-weight:750;letter-spacing:-.7px}.brand-symbol{width:44px;height:48px;border-radius:14px;background:linear-gradient(140deg,#bd58fa,#6539e6 60%,#36c9dd);display:grid;place-items:center;font-size:36px;color:white;box-shadow:0 6px 20px #7b4de833;font-style:italic}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;color:var(--muted)}.brand-version{font-size:10px;align-self:flex-start;color:var(--accent);padding:3px 5px;border:1px solid var(--line);border-radius:5px;letter-spacing:0}.loaded-toggle{display:flex;gap:12px;align-items:center;padding:13px;background:var(--raised);border-radius:12px;text-align:left;font-weight:650;width:100%;margin-bottom:10px}.loaded-toggle span:first-child{flex:1}.loaded-toggle span:nth-child(2){color:var(--muted);font-size:12px}.chevron{transition:transform .2s}.collapsed .chevron{transform:rotate(-90deg)}.characters{max-height:36vh;overflow:auto;flex-shrink:0;display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.character{display:grid;grid-template-columns:47px 1fr 12px;gap:10px;align-items:center;position:relative;text-align:left;padding:12px 10px;border-radius:13px;border:1px solid transparent;width:100%}.character:hover{background:var(--raised)}.character.selected{background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 3px 0 var(--accent)}.avatar{width:46px;height:49px;border-radius:13px;background:color-mix(in srgb,var(--blue) 15%,var(--raised));display:grid;place-items:center;color:var(--blue);font-size:22px;font-weight:750;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:contain}.character:nth-child(2n) .avatar{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--raised))}.character:nth-child(3n) .avatar{color:var(--yellow)}.character strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px}.character .close{position:absolute;right:7px;top:1px;font-size:12px;color:var(--faint);padding:0 4px}.badge{font-size:10px;font-weight:700;padding:3px 7px;display:inline-flex;border-radius:6px;white-space:nowrap;align-items:center;gap:5px}.socket{background:#b83f60;color:#fff}.mitm{background:#087c65;color:#eafff8}.badge.soft{background:var(--raised);color:var(--muted)}.badge.green{background:color-mix(in srgb,var(--green) 15%,var(--surface));color:var(--green)}.badge.yellow{background:color-mix(in srgb,var(--yellow) 13%,var(--surface));color:var(--yellow)}.badge.purple{background:color-mix(in srgb,var(--accent) 17%,var(--surface));color:var(--accent)}.presence{width:8px;height:8px;border-radius:50%;background:var(--faint);display:inline-block;flex-shrink:0}.presence.online{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.presence.active{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.main-nav{border-top:1px solid var(--line);padding-top:12px;overflow:auto;flex:1}.main-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:2px 0;border-radius:10px;color:var(--muted);font-weight:600}.main-nav a:hover,.main-nav a.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-label{font-size:9px;letter-spacing:1.8px;color:var(--faint);padding:25px 14px 9px}.sidebar-footer{padding:12px 10px 0;display:flex;align-items:center;gap:8px;font-size:11px;flex-wrap:wrap;border-top:1px solid var(--line);color:var(--muted)}.sidebar-footer small{display:block;flex-basis:100%;font-size:10px}.shell{margin-left:var(--sidebar-width)}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:16px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:15px}.breadcrumb strong{color:var(--text);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:18px}.theme-picker{display:flex;flex-direction:row;align-items:center;gap:7px}.theme-picker select{background:transparent;border:0;padding:5px 2px;width:90px;font-size:12px}.theme-picker svg{width:17px}.mobile-menu{display:none}main{padding:30px 34px 56px;max-width:1740px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.page-heading p{color:var(--muted);margin-top:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);font-size:13px;font-weight:650;white-space:nowrap;transition:background .15s,transform .1s}.button:hover:not(:disabled){filter:brightness(1.1)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent-bg);border-color:var(--accent-bg);color:white}.button.green{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green);border-color:color-mix(in srgb,var(--green) 25%,var(--line))}.button.danger{background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red)}.button.ghost{background:transparent}.button.compact{min-height:34px;padding:6px 11px;font-size:12px}.button:disabled{opacity:.43}.button svg{width:17px;height:17px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;color:var(--muted)}.icon-button:hover{background:var(--raised);color:var(--accent)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:17px}.gap-8{gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:var(--shadow)}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.card-heading h2{font-size:17px}.card-heading svg{color:var(--accent)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);padding:19px 21px;border-radius:14px}.metric:nth-child(2n){border-top-color:var(--green)}.metric:nth-child(3n){border-top-color:var(--blue)}.metric:nth-child(4n){border-top-color:var(--yellow)}.metric small{font-size:12px}.metric strong{font-size:27px;display:block;margin:4px 0;letter-spacing:-.8px}.metric p{font-size:11px;color:var(--muted)}.empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted)}.empty svg{width:40px;height:40px;color:var(--accent)}.empty h3{color:var(--text);font-size:18px}.empty p{max-width:430px}.page-loading{min-height:45vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.page-loading h1{font-size:20px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);width:24px;height:24px;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:180px;background:linear-gradient(100deg,var(--surface),var(--raised),var(--surface));background-size:200%;animation:shimmer 1s ease infinite;border-radius:17px}@keyframes shimmer{to{background-position:-200%}}.inline-note{padding:12px 15px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}
.account-hero{display:grid;grid-template-columns:280px 1fr auto;gap:30px;align-items:center;padding:25px 28px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:20px;margin-bottom:22px}.hero-identity{display:flex;gap:20px;align-items:center}.hero-avatar{width:80px;height:108px;border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,var(--raised));color:var(--accent);font-size:44px;font-weight:800;flex-shrink:0}.hero-identity h1{font-size:27px}.hero-level{color:var(--yellow);font-size:13px;margin:5px 0 11px}.hero-sub{font-size:12px;color:var(--green)}.hero-server{display:flex;gap:16px;color:var(--muted);font-size:12px;padding-bottom:18px;margin-bottom:17px;border-bottom:1px solid var(--line)}.hero-server strong{color:var(--text);font-weight:600}.hero-bars{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bar-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:12px;margin-bottom:7px}.bar-label strong{color:var(--text);font-weight:600}.bar{height:6px;background:var(--line);border-radius:10px;overflow:hidden}.bar>i{display:block;height:100%;width:0;border-radius:10px;background:var(--green);transition:width .25s}.bar.pods>i{background:var(--yellow)}.bar.xp>i{background:var(--accent)}.hero-actions{display:flex;flex-direction:column;gap:12px;min-width:135px}.account-tabs{display:flex;gap:2px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:8px;scrollbar-width:thin}.account-tab{display:flex;align-items:center;gap:7px;color:var(--muted);padding:10px 11px;border-radius:9px;font-size:12px;white-space:nowrap;flex-shrink:0}.account-tab svg{width:16px;height:16px}.account-tab:hover{background:var(--raised)}.account-tab.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.pilot-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.console{height:410px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.console-row{display:grid;grid-template-columns:65px 82px 1fr;gap:10px;align-items:baseline;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);font-size:12px}.console-row time{color:var(--faint);font-size:10px}.console-row .level{font-size:9px;text-transform:uppercase;color:var(--blue)}.console-row.warning{color:var(--yellow)}.console-row.error{color:var(--red)}.console-row.private{color:var(--accent)}.console-row.guild{color:var(--green)}.console-row.general{color:var(--text)}.console-message{overflow-wrap:anywhere}.console-tabs{display:flex;gap:5px;flex-wrap:wrap}.pill{padding:5px 10px;border-radius:6px;color:var(--muted);font-size:11px}.pill.selected{background:var(--raised);color:var(--accent)}.chat-compose{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:9px;margin-top:16px}.chat-compose.private-compose{grid-template-columns:125px 145px minmax(0,1fr) auto}.chat-compose input,.chat-compose select{padding:10px;font-size:12px}.activity-status{display:flex;align-items:center;gap:8px;margin:10px 0 23px;font-size:14px}.section-subtabs{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.section-subtabs button{padding:11px 17px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-weight:650;background:var(--surface)}.section-subtabs button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .wide{grid-column:1/-1}.form-section{margin-bottom:22px}.form-section h3{display:flex;align-items:center;gap:11px;margin-bottom:18px}.step-number{display:grid;place-items:center;width:25px;height:25px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);border-radius:8px;font-size:12px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}.switch{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer}.switch input{appearance:none;width:39px;height:23px;border:0;border-radius:20px;padding:0;position:relative;background:var(--line);flex-shrink:0;cursor:pointer}.switch input:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked{background:var(--accent-bg)}.switch input:checked:before{transform:translateX(16px)}.switch small{display:block;font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;max-height:340px;overflow:auto;padding-right:4px}.choice{position:relative;display:flex;align-items:center;gap:10px;background:var(--input);border:1px solid var(--line);border-radius:12px;text-align:left;padding:12px;font-size:12px;min-height:60px;transition:border .15s,background .15s}.choice.selected{background:color-mix(in srgb,var(--accent-bg) 28%,var(--surface));border-color:var(--accent)}.choice.priority:after{content:"★";position:absolute;right:7px;top:3px;color:var(--yellow)}.choice img{width:36px;height:36px;object-fit:contain}.choice strong{font-size:12px;display:block}.choice small{display:block;font-size:10px}.choice .quantity{margin-left:auto;font-size:12px;font-weight:700;white-space:nowrap}.selection-summary{font-size:11px;color:var(--muted);margin-top:8px}.filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filter-row label{flex:1;min-width:140px}.filter-row .narrow{max-width:155px}.script-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.script-card{padding:22px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;min-height:175px;transition:border-color .15s,transform .15s}.script-card:hover{border-color:var(--accent);transform:translateY(-2px)}.script-card .script-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:grid;place-items:center}.script-card:nth-child(3n+2) .script-icon{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.script-card:nth-child(3n) .script-icon{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 12%,transparent)}.script-card h3{font-size:17px}.script-card p{font-size:12px;color:var(--muted);max-width:90%}.script-card .arrow{position:absolute;right:20px;bottom:20px;color:var(--accent)}.route{counter-reset:route;list-style:none;padding:0;margin:0}.route li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.route li:before{counter-increment:route;content:counter(route);display:grid;place-items:center;border:1px solid var(--line);color:var(--accent);border-radius:50%;width:27px;height:27px;flex-shrink:0;font-size:12px}.route li strong{display:block;margin-bottom:5px}.route li p{color:var(--muted);font-size:12px}.route .rewards{color:var(--yellow);font-size:11px;margin-top:6px;display:flex;gap:15px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:11px}.item-card{background:var(--input);border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;align-items:center;gap:12px;position:relative;min-height:82px}.item-card.selected{background:color-mix(in srgb,#62449e 40%,var(--surface));border-color:var(--accent)}.item-card.insufficient{opacity:.5}.item-card img{height:43px;width:43px;object-fit:contain}.item-card .item-info{min-width:0;flex:1}.item-card strong{font-size:12px;display:block}.item-card small{font-size:10px;display:block;margin-top:3px}.item-card .item-quantity{font-weight:750;font-size:12px}.item-card .lot-count{width:72px;padding:5px 7px;font-size:12px;position:relative;z-index:2}.bank-footer{margin-top:20px;background:var(--input);padding:17px;border:1px solid var(--line);border-radius:13px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bank-footer .actions{display:flex;gap:12px;flex-wrap:wrap}.inventory-section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 13px;font-size:13px}.stat-row{display:grid;grid-template-columns:46px minmax(110px,1fr) 85px 115px;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.stat-icon{width:38px;height:38px;border:1px solid currentColor;border-radius:12px;display:grid;place-items:center}.stat-value{font-size:23px;text-align:right;font-weight:700}.stat-row input{width:100%;text-align:right}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px;padding:13px 16px;background:var(--input);white-space:nowrap}td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;margin-top:5px;font-size:11px}.member-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.member-summary strong{font-size:14px}.member-summary small{display:block;font-size:11px;margin-top:5px}.schedule-row{display:grid;grid-template-columns:1fr 110px 110px 1.4fr 36px;gap:12px;align-items:end;margin-bottom:12px}.bar-chart{display:flex;flex-direction:column;gap:15px}.chart-row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:12px;font-size:12px}.chart-row .track{background:var(--input);height:22px;border-radius:6px;overflow:hidden}.chart-row .fill{height:100%;background:linear-gradient(90deg,var(--accent-bg),var(--blue));border-radius:6px;min-width:2px}.chart-row:nth-child(2n) .fill{background:linear-gradient(90deg,#268a77,var(--green))}.chart-row .value{text-align:right;font-variant-numeric:tabular-nums}.chart-days{height:210px;display:flex;gap:10px;align-items:end;padding-top:10px;border-bottom:1px solid var(--line);overflow:auto}.day-column{height:100%;min-width:35px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.day-column .day-bar{width:70%;background:linear-gradient(0deg,var(--accent-bg),var(--accent));border-radius:6px 6px 0 0;min-height:2px}.day-column small{font-size:9px;white-space:nowrap}.forge-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.forge-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto}.forge-row{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;text-align:left}.forge-row.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.forge-row img{width:36px;height:36px}.forge-row strong{font-size:12px}.forge-effects td input{min-width:60px;max-width:95px;padding:7px}.forge-effects td{padding:9px}.map-view{height:470px;background:var(--input);border-radius:14px;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%}.toasts{position:fixed;bottom:22px;right:22px;display:flex;flex-direction:column;gap:10px;z-index:150;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--green);padding:14px 18px;border-radius:12px;box-shadow:0 10px 40px #0003;font-size:12px;animation:toast-in .2s ease}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--accent)}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}.modal-backdrop{position:fixed;inset:0;background:#050a16ac;backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 22px 80px #0005}.modal.wide-modal{width:min(1200px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid var(--line);gap:20px}.modal-header h2{font-size:21px}.modal-body{padding:25px 26px;overflow:auto}.modal-footer{padding:18px 26px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--line)}.modal .empty{min-height:150px}.form-error{color:var(--red);font-size:12px;min-height:20px}.split-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.progress-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;padding:15px 0}.danger-text{color:var(--red)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.info-item{padding:15px;background:var(--input);border-radius:12px}.info-item small{display:block;font-size:11px;margin-bottom:6px}.flow-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 255px;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:620px}.flow-tools,.flow-inspector{background:var(--surface);padding:17px;overflow:auto}.flow-tools{border-right:1px solid var(--line)}.flow-inspector{border-left:1px solid var(--line)}.flow-tools h3,.flow-inspector h3{font-size:13px;margin-bottom:15px}.tool{display:flex;align-items:center;gap:9px;width:100%;background:var(--input);border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:8px;text-align:left;font-size:12px}.tool svg{width:17px}.tool:hover{border-color:var(--accent)}.flow-canvas{position:relative;background:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px;overflow:auto;min-height:620px;touch-action:none}.flow-plane{position:relative;width:1600px;height:1100px}.flow-lines{position:absolute;inset:0;width:1600px;height:1100px;pointer-events:none}.flow-lines path{stroke:var(--accent);stroke-width:2;fill:none}.flow-node{position:absolute;width:178px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;padding:13px;box-shadow:0 5px 15px #0002;cursor:grab;user-select:none}.flow-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.flow-node.condition{border-top-color:var(--yellow)}.flow-node.start{border-top-color:var(--green)}.flow-node.end{border-top-color:var(--red)}.flow-node.loop{border-top-color:var(--accent)}.flow-node.running{box-shadow:0 0 0 3px var(--green)}.flow-node small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.flow-node strong{font-size:12px;display:block;margin-top:4px}.flow-ports{display:flex;justify-content:space-around;margin:13px -13px -13px;border-top:1px solid var(--line)}.flow-port{font-size:10px;color:var(--muted);padding:7px 11px}.flow-port:hover,.flow-port.connecting{color:var(--yellow);background:var(--raised)}.flow-issues{color:var(--yellow);font-size:12px;line-height:1.8;padding:10px 0}.flow-inspector label{margin-bottom:13px}.flow-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.flow-toolbar input{max-width:350px}.flow-link-hint{background:var(--raised);border-radius:10px;font-size:11px;color:var(--yellow);padding:10px;margin-bottom:12px}.flow-mini{border:1px solid var(--line);background:var(--input);border-radius:12px;padding:15px}.login{max-width:450px;margin:12vh auto;text-align:center}.login .brand-symbol{margin:auto auto 25px}.login h1{margin-bottom:16px}.login p{margin-bottom:25px;color:var(--muted)}
}
@layer responsive{
@media(min-width:1600px){main{padding:35px 42px}.account-hero{grid-template-columns:300px 1fr 150px}}
@media(max-width:1250px){:root{--sidebar-width:224px}main{padding:25px}.account-hero{grid-template-columns:240px 1fr;gap:22px}.hero-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.hero-avatar{width:66px;height:85px}.hero-identity h1{font-size:24px}.pilot-grid{grid-template-columns:minmax(0,1fr) 240px}.flow-layout{grid-template-columns:170px minmax(0,1fr)}.flow-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.forge-layout{grid-template-columns:245px minmax(0,1fr)}.chat-compose.private-compose{grid-template-columns:100px 100px minmax(90px,1fr) 40px}.chat-compose .button span{display:none}}
@media(max-width:1000px){.pilot-grid{grid-template-columns:1fr}.pilot-grid>.card:last-child{grid-row:1}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.account-hero{grid-template-columns:1fr}.hero-actions{grid-row:1;grid-column:auto;justify-content:flex-end}.hero-identity{grid-row:1}.hero-bars{gap:15px}.topbar{padding:0 22px}.forge-layout{grid-template-columns:1fr}.forge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:230px}.schedule-row{grid-template-columns:1fr 1fr 1fr 36px}.schedule-row .slot-model{grid-column:1/4;grid-row:auto}}
@media(max-width:760px){:root{--sidebar-width:252px}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 0 100vmax transparent}.sidebar.mobile-open{transform:translateX(0);box-shadow:0 0 0 100vmax #050a1699}.shell{margin-left:0}.topbar{height:60px;padding:0 16px;gap:10px}.mobile-menu{display:inline-flex}.breadcrumb{flex:1;font-size:11px;gap:8px}.breadcrumb>span{display:none}.topbar-actions{gap:7px}#logout{font-size:0;padding:8px}#logout svg{width:17px}.theme-picker{gap:0}.theme-picker select{width:76px}.theme-picker>span{display:none}main{padding:23px 16px 40px}.page-heading{align-items:flex-start;gap:14px;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading>.button{font-size:11px;padding:8px 11px;min-height:36px}.page-heading p{font-size:12px}.account-hero{padding:21px;gap:20px;border-radius:17px}.hero-identity{grid-row:1;gap:16px}.hero-actions{grid-row:3;justify-content:stretch}.hero-actions .button{flex:1}.hero-server{gap:11px;font-size:11px;padding-bottom:13px;margin-bottom:13px;flex-wrap:wrap}.hero-identity h1{font-size:26px}.hero-avatar{width:63px;height:80px}.hero-bars{gap:13px}.account-tabs{margin:0 -16px 20px;padding:0 12px 9px}.account-tab{padding:10px;font-size:11px}.card{padding:18px;border-radius:14px}.metrics{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric strong{font-size:24px}.script-grid{grid-template-columns:1fr}.script-card{min-height:155px;padding:19px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions{justify-content:stretch}.form-actions .button{flex:1}.grid-3{grid-template-columns:1fr}.filter-row{gap:10px}.filter-row label{min-width:130px}.filter-row .narrow{max-width:none}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item-card{padding:10px;gap:7px;min-height:93px;flex-wrap:wrap}.item-card img{width:31px;height:31px}.item-card .item-info{min-width:80px}.item-card .item-quantity{margin-left:auto}.item-card .lot-count{margin-left:39px;width:85px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}.choice{padding:9px;min-height:66px}.choice img{width:29px;height:29px}.bank-footer{padding:13px}.bank-footer>.actions{width:100%;flex-direction:column}.bank-footer .button{width:100%}.console{height:350px}.console-row{grid-template-columns:50px 1fr;gap:6px;font-size:12px}.console-row .level{display:none}.chat-compose,.chat-compose.private-compose{grid-template-columns:100px minmax(0,1fr) 40px;gap:7px}.chat-compose.private-compose #chat-recipient{grid-column:2/4;grid-row:1}.chat-compose.private-compose #chat-text{grid-column:1/3}.chat-compose.private-compose .button{grid-column:3}.chat-compose .button{padding:8px}.stat-row{grid-template-columns:34px minmax(70px,1fr) 60px 85px;gap:9px}.stat-icon{width:31px;height:33px;border-radius:9px}.stat-icon svg{width:18px}.stat-value{font-size:20px}.stat-row input{padding:8px}.stat-row strong{font-size:12px}.chart-row{grid-template-columns:95px 1fr 65px;gap:8px;font-size:11px}.modal-backdrop{padding:12px}.modal{max-height:94vh;border-radius:16px}.modal-header{padding:18px}.modal-body{padding:19px}.modal-footer{padding:15px 18px;flex-wrap:wrap}.modal-footer .button{flex:1}.schedule-row{grid-template-columns:1fr 1fr 1fr 32px;gap:7px}.schedule-row input,.schedule-row select{padding:9px 5px;font-size:11px}.schedule-row label{font-size:10px}.schedule-row .slot-model{grid-column:1/4}.flow-layout{grid-template-columns:1fr}.flow-tools{display:flex;gap:7px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:12px}.flow-tools h3{width:100%;margin-bottom:0}.flow-tools .tool{width:auto;margin:0;padding:7px;font-size:10px}.flow-tools .tool svg{width:14px}.flow-canvas{min-height:480px;touch-action:pan-x pan-y}.flow-toolbar{align-items:stretch}.flow-toolbar input{max-width:none;width:100%}.flow-toolbar .row{width:100%}.flow-toolbar .button{flex:1;padding:9px;font-size:11px}.section-subtabs{gap:6px}.section-subtabs button{padding:9px 11px;font-size:12px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}

@layer components{.hero-bars>.wide{grid-column:1/-1}.flow-layout{height:640px;min-height:0}.flow-canvas{min-height:0;height:100%}.flow-inspector,.flow-tools{min-height:0}.hero-avatar img{width:100%;height:100%;object-fit:contain}}
@layer responsive{@media(max-width:1250px){.flow-layout{height:auto}.flow-canvas{height:570px}.flow-inspector{max-height:450px}}@media(max-width:760px){.flow-canvas{height:470px;min-height:0}.flow-inspector{max-height:500px}}}

@layer components{.sidebar-close{position:absolute;right:8px;top:8px;z-index:1}}

@layer components{.hero-identity small{display:block;margin-top:4px}.hero-identity .button.compact{display:inline-flex;margin:8px 0}.equip-slot{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.equip-slot select{width:auto;min-width:160px}}

@layer components{#flow-scaled{position:relative;width:1600px;height:1100px}.flow-item-results{max-height:240px;overflow:auto}.flow-item-results:empty{display:none}.flow-item-results img{width:26px;height:26px;object-fit:contain}.flow-item-results .tool{margin-top:6px}.flow-item-results span{font-size:11px}}

@layer components{#flow-scaled{overflow:hidden}.flow-plane{position:absolute;left:0;top:0}}

@layer components{.mobile-menu{display:none}}

@layer components{.flow-canvas{cursor:grab;touch-action:none}.flow-canvas.panning,.flow-canvas.panning *{cursor:grabbing!important;user-select:none}.flow-pan-hint{font-size:11px;color:var(--muted);margin-right:auto}}