:root{color:#1f2933;background:#eef2f5;--page-bg: #eef2f5;--panel-bg: #ffffff;--panel-border: #cdd6dd;--text: #1f2933;--muted: #40515f;--subtle: #667887;--line: #e1e6eb;--soft-line: #edf1f4;--field-bg: #ffffff;--field-border: #a8b4bf;--button-bg: #ffffff;--button-border: #9aa8b3;--topbar-bg: #243746;--topbar-text: #ffffff;--topbar-muted: #d5dde4;--primary: #0f766e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#dbe7ef;background:#121a22;--page-bg: #121a22;--panel-bg: #1b2732;--panel-border: #334553;--text: #e8f0f5;--muted: #b7c7d3;--subtle: #8fa2b1;--line: #334553;--soft-line: #2a3946;--field-bg: #101820;--field-border: #465968;--button-bg: #243442;--button-border: #526575;--topbar-bg: #101820;--topbar-text: #f5f8fa;--topbar-muted: #aebfcb;--primary: #14a094}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text);min-height:36px;border-radius:6px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;width:100%}button.danger{border-color:#b42318;color:#b42318;width:100%;margin-top:8px}button:disabled{opacity:.55;cursor:not-allowed}input,select{width:100%;min-height:36px;border:1px solid var(--field-border);border-radius:6px;background:var(--field-bg);color:var(--text);padding:6px 10px}textarea{width:100%;border:1px solid var(--field-border);border-radius:6px;background:var(--field-bg);color:var(--text);padding:8px 10px}main{min-height:100vh}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 24px;background:var(--topbar-bg);color:var(--topbar-text)}.menu-toggle{flex:0 0 auto;min-width:40px;padding:0}.page-menu{background:var(--panel-bg);border-right:1px solid var(--panel-border);box-shadow:0 18px 36px #10182038;color:var(--text);display:grid;gap:12px;grid-template-rows:auto 1fr;height:100vh;left:0;max-width:86vw;padding:16px;position:fixed;top:0;transform:translate(-105%);transition:transform .16s ease;width:280px;z-index:20}.page-menu.open{transform:translate(0)}.page-menu-title{align-items:center;display:flex;justify-content:space-between}.page-menu-title button{min-height:32px;padding:0;width:32px}.page-menu nav{display:grid;gap:6px;align-content:start}.page-menu a{border:1px solid transparent;border-radius:6px;color:var(--text);padding:9px 10px;text-decoration:none}.page-menu a:hover{background:var(--soft-line);border-color:var(--line)}.page-menu-backdrop{background:#0c141c52;border:0;border-radius:0;cursor:default;height:100vh;inset:0;min-height:0;padding:0;position:fixed;width:100vw;z-index:19}.topbar h1{margin:0;font-size:28px;line-height:1.1}.topbar p{margin:4px 0 0;color:var(--topbar-muted)}.topbar-actions{display:grid;grid-template-columns:auto auto 180px auto;gap:12px;align-items:center;min-width:560px}.theme-toggle{min-width:92px}.notice{margin:16px 24px 0;padding:10px 12px;background:#fff1c2;border:1px solid #e1c463;border-radius:6px}.workspace{display:grid;grid-template-columns:240px 300px minmax(300px,1fr) minmax(300px,1fr);gap:16px;padding:16px 24px}.side-stack{display:grid;align-content:start;gap:16px;min-width:0}.lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:0 24px 24px}.admin-page{max-width:960px;margin:24px auto;padding:0 24px}.policy-page{max-width:860px;margin:24px auto;padding:0 24px 24px}.policy-panel{display:grid;gap:10px}.policy-panel h2,.policy-panel h3,.policy-panel p{margin:0}.policy-panel h2{font-size:28px}.policy-panel h3{margin-top:12px;font-size:16px}.policy-panel p{color:var(--muted);line-height:1.5}.policy-action{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.policy-action button{width:auto}.policy-action span{color:var(--subtle);font-size:13px}.login-panel{max-width:420px;margin:0 auto}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:14px;min-width:0}.panel-title{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:12px}.materials-title{justify-content:space-between}.materials-title span{display:inline-flex;align-items:center;gap:8px}.collapse-title{width:100%;min-height:32px;padding:0;border:0;background:transparent;justify-content:flex-start;font-weight:700;margin-bottom:12px}.planner-title{justify-content:space-between}.planner-title span{display:inline-flex;align-items:center;gap:8px;min-width:0}.compact-action{width:auto;min-height:32px}label{display:grid;gap:6px;margin-bottom:12px;font-size:13px;color:var(--muted)}.search-row{display:grid;grid-template-columns:1fr 80px 90px;gap:8px;margin-bottom:8px}.filter-row{display:grid;grid-template-columns:1fr 140px;gap:8px;margin-bottom:8px}.recipe-list{min-height:188px}.recipe-detail{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.selected-list{display:grid;gap:8px;margin:12px 0}.selected-row,.table-row,.override-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;min-height:34px;border-bottom:1px solid var(--soft-line)}.selected-row button{width:34px;padding:0}.mini-list{display:grid;gap:4px;max-height:210px;overflow:auto;font-size:12px;color:var(--subtle)}.port-list-header{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px;font-size:13px}.port-owner-list{gap:0;max-height:none;overflow:visible}.port-owner-row{display:grid;grid-template-columns:minmax(82px,1fr) 28px 50px 52px;gap:6px;align-items:center;min-height:28px;border-bottom:1px solid var(--soft-line)}.nation-flag{font-size:16px;line-height:1;text-align:center}.port-owner-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-box{display:grid;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.segmented button.active{background:var(--topbar-bg);border-color:var(--topbar-bg);color:var(--topbar-text)}.user-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.user-line span{color:var(--primary);font-weight:700}.form-error{color:#b42318;font-size:13px;margin:0 0 10px}.deletion-warning{border:1px solid #f2b8a8;background:#fff4f0;color:#8a2a19;border-radius:6px;padding:8px;margin-bottom:10px;font-size:13px}.premium-purchase{border-top:1px solid var(--line);display:grid;gap:8px;margin-top:4px;padding-top:12px}.premium-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.premium-price-grid span{border:1px solid var(--panel-border);border-radius:6px;padding:8px}.payment-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-link{align-items:center;background:var(--button-bg);border:1px solid var(--button-border);border-radius:6px;color:var(--text);display:inline-flex;justify-content:center;min-height:36px;padding:0 12px;text-decoration:none}.license-import{border-top:1px solid var(--line);display:grid;gap:8px;margin-top:4px;padding-top:12px}.license-status{display:grid;gap:2px;border:1px solid var(--panel-border);border-radius:6px;padding:8px}.license-status span{color:var(--subtle);font-size:12px}.license-input{min-height:104px;resize:vertical}.economy-editor{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.local-economy{display:grid;gap:8px}.slot-summary{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:8px 0;font-size:12px;color:var(--muted)}.local-building-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) 30px;gap:6px;align-items:center;min-height:30px;border-bottom:1px solid var(--soft-line)}.local-building-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-building-row button{width:30px;min-height:28px;padding:0}.port-settings{display:grid;gap:8px;border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.nation-tax-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.totals strong,.totals span{display:block}.totals strong{font-size:20px}.totals span{font-size:12px;color:var(--subtle)}.totals-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:#f8fcff;background-size:cover;background-position:center;position:relative;overflow:hidden}.totals-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0c141cb3,#0c141c8c)}.totals-card>strong,.totals-card>span{position:relative;z-index:1}.totals-card span{color:#f0f8ffe6}.totals-card-labor{background-image:linear-gradient(135deg,#065f468c,#0f766e59),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='240' viewBox='0 0 560 240'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%230a4b3f'/%3E%3Cstop offset='100%25' stop-color='%23155e75'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='560' height='240' fill='url(%23a)'/%3E%3Cg fill='none' stroke='%23d1fae5' stroke-opacity='.3' stroke-width='2'%3E%3Cpath d='M40 180h160l30-40h70l20-25h120'/%3E%3Cpath d='M55 195h130l24-28h82l18-22h128'/%3E%3C/g%3E%3Cg fill='%23e2e8f0' fill-opacity='.22'%3E%3Ccircle cx='92' cy='84' r='14'/%3E%3Ccircle cx='128' cy='70' r='7'/%3E%3Ccircle cx='475' cy='145' r='11'/%3E%3C/g%3E%3C/svg%3E")}.totals-card-doubloons{background-image:linear-gradient(135deg,#a162078c,#92400e66),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='240' viewBox='0 0 560 240'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%2378341f'/%3E%3Cstop offset='100%25' stop-color='%23ca8a04'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='560' height='240' fill='url(%23b)'/%3E%3Cg fill='%23fde68a' fill-opacity='.28'%3E%3Cellipse cx='110' cy='86' rx='24' ry='14'/%3E%3Cellipse cx='168' cy='98' rx='19' ry='11'/%3E%3Cellipse cx='450' cy='132' rx='22' ry='13'/%3E%3Cellipse cx='500' cy='148' rx='18' ry='10'/%3E%3C/g%3E%3Cg stroke='%23fff7ed' stroke-opacity='.22' stroke-width='2' fill='none'%3E%3Cpath d='M52 178c58-18 100 16 156-6s124-42 188-18 86 8 118-6'/%3E%3C/g%3E%3C/svg%3E")}.totals-card-buy{background-image:linear-gradient(135deg,#1e3a8a8c,#082f496b),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='240' viewBox='0 0 560 240'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%231e3a8a'/%3E%3Cstop offset='100%25' stop-color='%230c4a6e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='560' height='240' fill='url(%23c)'/%3E%3Cg fill='none' stroke='%23bfdbfe' stroke-opacity='.28' stroke-width='2'%3E%3Crect x='70' y='62' width='94' height='58' rx='8'/%3E%3Crect x='188' y='78' width='112' height='64' rx='8'/%3E%3Crect x='330' y='64' width='148' height='76' rx='8'/%3E%3C/g%3E%3Cg fill='%23dbeafe' fill-opacity='.22'%3E%3Ccircle cx='126' cy='90' r='6'/%3E%3Ccircle cx='240' cy='104' r='7'/%3E%3Ccircle cx='392' cy='98' r='8'/%3E%3C/g%3E%3C/svg%3E")}.table{display:grid;gap:2px;max-height:420px;overflow:auto}.materials-table{max-height:none;overflow:visible}.materials-table-collapsed{max-height:66vh;overflow:hidden}.materials-expand{margin-top:8px;width:auto;min-height:32px}.table-row{grid-template-columns:minmax(160px,1fr) auto minmax(90px,auto);font-size:13px}.material-header{display:grid;grid-template-columns:52px minmax(100px,.8fr) minmax(88px,.7fr) 52px 46px 120px 60px 34px;gap:10px;align-items:center;min-height:30px;border-bottom:1px solid var(--panel-border);color:var(--muted);font-size:12px;font-weight:700}.material-row{grid-template-columns:52px minmax(100px,.8fr) minmax(88px,.7fr) 52px 46px 120px 60px 34px}.material-item,.material-recipe{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-row button{width:34px;min-height:30px;padding:0}.material-cost-input{min-width:110px}.excluded-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.excluded-list button{min-height:30px;font-size:12px}.empty{color:var(--subtle);margin:0}.override-list{display:grid;gap:2px;max-height:300px;overflow:auto}.override-row{grid-template-columns:28px minmax(120px,1fr) 110px}.override-row input[type=checkbox]{width:auto;min-height:0}.override-row input:disabled{background:var(--page-bg);color:var(--subtle)}.switches{display:grid;gap:6px}.switches label{display:flex;align-items:center;gap:8px}.switches input{width:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.metrics{display:flex;flex-wrap:wrap;gap:8px 12px;margin:12px 0;color:var(--muted);font-size:13px}.site-footer{border-top:1px solid var(--line);color:var(--subtle);display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin:8px 24px 0;padding:16px 0 24px;font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{text-decoration:underline}.admin-port-owner,.admin-user-premium,.admin-license,.admin-conquest-sync{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:8px;margin:12px 0;padding:12px 0}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}.license-output{border:1px solid var(--field-border);background:var(--field-bg);color:var(--text);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;min-height:180px;padding:8px;resize:vertical;width:100%}@media(max-width:1300px){.workspace,.lower{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{min-width:0;grid-template-columns:1fr}.nation-tax-grid{grid-template-columns:1fr 1fr}}