:root{font-family:Segoe UI,Tahoma,sans-serif;color:#244452;background:#eef8f5;font-size:14px;--ink:#244452;--muted:#617b83;--navy:#133e53;--teal:#178b93;--gold:#e4a648;--line:#d6e7e1;--panel:#fffdf7}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;background:linear-gradient(160deg,#d9f3ed 0,#f7fbf6 43%,#eaf3e8)}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:25px 17px 20px;background:radial-gradient(circle at 0 0,#3b8491 0,transparent 45%),linear-gradient(170deg,#164257,#102f43 78%);border-right:4px solid #f1c776;color:#e9faf5;box-shadow:10px 0 28px #28515b20;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:3px 7px 21px;color:#fff;text-decoration:none;letter-spacing:-.05em;font-size:28px;font-weight:800}.brand-crest{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#ffe3a5,#e9ad53);color:#805017;font-size:27px;border:3px solid #fff5d7;box-shadow:0 5px #945b30}.brand-word small{display:block;color:#aee9de;font-size:9px;letter-spacing:.3em;font-weight:700;margin-top:-3px}.realm-banner{min-height:105px;display:flex;align-items:center;gap:12px;padding:15px;border-radius:20px;background:linear-gradient(145deg,#60b9ba66,#67a39922),url(/static/hero-town.png) center/cover;border:1px solid #bbf4e9a3;box-shadow:inset 0 0 0 100px #0d496b78;color:#d8f9f1;line-height:1.6;font-size:11px}.realm-banner strong{color:#fff7d5;font-size:15px}.realm-orb{font-size:32px;color:#ffe1a0;text-shadow:0 2px 8px #704c1a}.workspace{font-size:10px;color:#a9d7d4;letter-spacing:.13em;text-transform:uppercase;margin:31px 9px 11px;font-weight:700}.workspace i{float:right;background:#d7f8df22;border:1px solid #92d7c244;border-radius:20px;padding:3px 7px;color:#ceecb0;font-style:normal;font-size:9px}nav{display:grid;gap:5px}nav button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#dcf2ee;padding:12px 14px;border-radius:12px;font-weight:700;font-size:13px}nav button:hover,nav button.active{background:#ffffff1c;border-color:#b1e3d062;color:#fff5d2;box-shadow:inset 3px 0 #f4bf66}.sidebar footer{margin-top:auto;padding:17px 8px 3px;border-top:1px solid #91c8c04a;color:#d3e6df;font-size:11px;line-height:2}.sidebar footer a{color:#ffe3ab;text-decoration:none}.sidebar footer a:hover{text-decoration:underline}.dot{display:inline-block;width:8px;height:8px;background:#b8e496;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #b8e49630}main{position:relative;min-width:0;min-height:100vh;overflow:hidden}main:before{content:"";position:absolute;inset:0 0 auto;height:320px;background:linear-gradient(180deg,#a4e2e4a8,#e9f7f0f0 68%,transparent),url(/static/hero-town.png) center 29%/cover;opacity:.63;pointer-events:none}.topbar{position:relative;z-index:1;min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,58px);background:#fffffff0;border-bottom:1px solid #d5e9dd;box-shadow:0 6px 20px #477e7914;color:#477175;font-weight:700;font-size:11px;letter-spacing:.12em}.topbar-right{display:flex;align-items:center;gap:22px}.topbar a{color:#188489;text-decoration:none;letter-spacing:0;font-size:12px}.topbar a:hover{text-decoration:underline}#identity{display:flex;align-items:center;gap:10px;color:#224e58;letter-spacing:0;font-size:12px}#identity button{padding:7px 11px}section{position:relative;z-index:1;padding:clamp(26px,4vw,54px);max-width:1640px;margin:auto}h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.05em;margin:7px 0 10px;color:#164858}h2{font-size:18px;color:#214957;margin:0 0 17px}p{color:var(--muted);line-height:1.8;margin:8px 0}small,.muted{color:var(--muted)}.eyebrow{font-size:11px;color:#16888e;letter-spacing:.17em;font-weight:800}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.heading p{margin:0}.card{background:#fffcf5f5;border:1px solid #e4dcc7;border-radius:22px;padding:25px;margin-bottom:20px;box-shadow:0 10px 30px #33645d14,inset 0 2px #fff}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.metric{font-size:40px;font-weight:800;color:#1c6975;margin:12px 0}.metric span{font-size:14px;color:var(--muted);font-weight:400}.tag{font-size:11px;padding:5px 9px;background:#dff5e9;color:#127a67;border-radius:50px;font-weight:700}.bad{color:#a34a44;background:#fff0e8}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:11px}.service{border:1px solid #cde4db;background:#f4fbf6;border-radius:14px;padding:13px}.service small{display:block;margin-top:7px}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:20px;flex-wrap:wrap}button{font:inherit;font-size:12px;font-weight:700;color:#236176;background:#f1faf6;border:1px solid #b9d8d5;border-radius:11px;padding:10px 16px;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}button:hover{transform:translateY(-1px);background:#e5f5ef;box-shadow:0 4px 12px #266e781f}button:disabled{opacity:.45;cursor:default;transform:none}.primary{background:linear-gradient(#ffd18a,#edae58);border-color:#d99c4f;color:#744410;box-shadow:0 4px #c88740}.primary:hover{background:linear-gradient(#ffdda2,#f4b76b)}.danger{color:#a34a44;border-color:#e5b7a8;background:#fff0e9}.form{max-width:480px}.form label,dialog label{display:block;margin:16px 0 7px;font-size:12px;color:#3c6670;font-weight:700}input,select,textarea{font:inherit;color:#234a57;background:#fff;border:1px solid #bedad5;padding:11px 13px;border-radius:10px;width:100%;box-shadow:inset 0 1px 2px #3d807011}input:focus,select:focus,textarea:focus{outline:2px solid #5bb7b4;outline-offset:1px}textarea{min-height:65px;resize:vertical}input[type=checkbox]{width:auto}.split{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:clamp(20px,4vw,60px);align-items:center;min-height:600px;padding:clamp(24px,5vw,66px);border:7px solid #fffef7;border-radius:34px;background:linear-gradient(90deg,#154257b8 0,#16485971 51%,#17526430),url(/static/hero-town.png) 58% center/cover;box-shadow:0 24px 55px #2c686c3b,0 0 0 1px #b6ded0;margin-top:12px}.hero{padding:20px 5px;color:#fff}.hero .eyebrow{color:#ffdd9b}.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.1;max-width:580px;white-space:pre-line;color:#fffdf5;text-shadow:0 3px 14px #183b42a8}.hero p{max-width:475px;color:#effff7;font-size:15px;text-shadow:0 2px 5px #163a3d}.hero .steps{margin-top:50px;display:grid;gap:14px;color:#fff7e9}.steps div{width:fit-content;background:#123f4da8;border:1px solid #cae6dc7a;border-radius:50px;padding:9px 17px}.steps b{color:#ffd37b;margin-right:14px}.split .card.form{width:100%;max-width:430px;justify-self:end;padding:34px;background:#fffbefed;border:2px solid #fff6da;backdrop-filter:blur(10px);box-shadow:0 15px 35px #163c4380}.split .card.form h2{font-size:28px;letter-spacing:-.04em}.split .card.form .primary{width:100%;font-size:15px;padding:13px}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:280px}.toolbar select{max-width:210px}.tablewrap{overflow:auto;border:1px solid #cce3db;border-radius:16px;max-height:65vh;background:#fffef9;box-shadow:0 8px 25px #3f746414}table{border-collapse:collapse;font-size:12px;width:100%;white-space:nowrap}th{position:sticky;top:0;background:#e8f5ed;text-align:left;color:#35616b;font-weight:800;z-index:1}td,th{padding:12px 16px;border-bottom:1px solid #e4eee8}tr:nth-child(2n){background:#f8fcf7}tr:hover{background:#eff8ef}td{max-width:450px;overflow:hidden;text-overflow:ellipsis}th small{display:block;font-size:9px;color:#779690;margin-top:4px}.mono,pre{font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#tree{overflow:auto;margin:20px -8px 15px;font-size:11px}#tree details{padding:5px 8px}#tree summary{cursor:pointer;color:#d8efe8;margin-bottom:8px}#tree button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:6px 12px;font-size:11px;color:#c1e0da}#tree button.selected{background:#ffffff1f;color:#ffe0a3}#notice{position:fixed;right:22px;bottom:24px;background:#1b776d;color:#fff;border:2px solid #85c7a7;padding:16px 22px;z-index:10;max-width:650px;border-radius:14px;box-shadow:0 10px 35px #24555770}#notice.error{background:#9b5148;border-color:#eab397}dialog{border:2px solid #f2dfb1;background:#fffcf4;color:#244452;border-radius:20px;max-width:760px;width:90vw;padding:28px;max-height:85vh;box-shadow:0 24px 60px #183b5270}dialog::backdrop{background:#123f4bb8}.editrow{display:grid;grid-template-columns:1fr 50px;gap:10px;align-items:center}.editrow small{font-size:10px}.warning{border-left:4px solid #e5a85a;padding:12px 16px;background:#fff1d8;color:#8b603a;line-height:1.7;font-size:12px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:12px}.loading{padding:80px;text-align:center;color:var(--muted)}@media(max-width:1100px){body{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:20px 12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr;gap:10px}.split .card.form{justify-self:start}.hero .steps{margin-top:20px}}@media(max-width:720px){body{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px 16px;border-right:0;border-bottom:4px solid #f1c776}.brand{padding:0;font-size:22px}.brand-crest{width:36px;height:36px;font-size:22px}.realm-banner,.workspace,.sidebar footer,#tree{display:none}nav{display:flex;overflow:auto;margin-top:11px}nav button{white-space:nowrap;width:auto;flex:none;padding:8px 11px;font-size:11px}.topbar{min-height:54px;padding:0 16px}.topbar-right{gap:8px}.topbar-right>a{display:none}section{padding:20px}.split{padding:17px;min-height:0;border-width:4px;border-radius:22px}.hero{padding:12px 6px}.hero h1{font-size:34px}.hero .steps{display:none}.split .card.form{max-width:none;padding:22px}.cards{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}h1{font-size:30px}}.merchant-add{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,2fr) auto;align-items:center;gap:16px}.merchant-account-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #80332455}.merchant-account-row small{display:block;margin-top:5px;opacity:.8}.merchant-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.merchant-stock,.merchant-send{min-width:0}.merchant-stock>input{width:100%;margin-bottom:18px}.merchant-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}.merchant-item{display:flex;align-items:center;gap:12px;border:1px solid #a13b3155;background:#1d0b0ce0;border-radius:12px;padding:14px;cursor:pointer;min-width:0}.merchant-item:has(input:checked){border-color:#edb578;background:#502023}.merchant-item input{width:18px;height:18px;flex:none;accent-color:#d54343}.merchant-item-text{min-width:0}.merchant-item-text strong,.merchant-item-text small{display:block;overflow-wrap:anywhere}.merchant-item-text small{font-size:12px;opacity:.8;margin-top:5px}.merchant-send{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:16px}.merchant-send h2,.merchant-selection{margin:0}.merchant-send>small{line-height:1.7;opacity:.8}.merchant-icon{position:relative;display:block;flex:none;width:34px;height:34px;border:1px solid #9e6850;border-radius:5px;overflow:hidden;text-align:center;color:#f7c478}.merchant-icon img{position:absolute;max-width:none;width:512px;height:512px}.merchant-history{margin-top:22px}.merchant-history td{max-width:360px;overflow-wrap:anywhere}.merchant-history .tablewrap{max-width:100%;overflow:auto}@media(max-width:950px){.merchant-layout{grid-template-columns:1fr}.merchant-send{position:static;grid-row:1}.merchant-add{grid-template-columns:1fr}}@media(max-width:480px){.merchant-cards{grid-template-columns:1fr}.merchant-account-row{gap:10px}.merchant-history{padding:12px}}.merchant-x0{left:-0px}.merchant-y0{top:-0px}.merchant-x1{left:-32px}.merchant-y1{top:-32px}.merchant-x2{left:-64px}.merchant-y2{top:-64px}.merchant-x3{left:-96px}.merchant-y3{top:-96px}.merchant-x4{left:-128px}.merchant-y4{top:-128px}.merchant-x5{left:-160px}.merchant-y5{top:-160px}.merchant-x6{left:-192px}.merchant-y6{top:-192px}.merchant-x7{left:-224px}.merchant-y7{top:-224px}.merchant-x8{left:-256px}.merchant-y8{top:-256px}.merchant-x9{left:-288px}.merchant-y9{top:-288px}.merchant-x10{left:-320px}.merchant-y10{top:-320px}.merchant-x11{left:-352px}.merchant-y11{top:-352px}.merchant-x12{left:-384px}.merchant-y12{top:-384px}.merchant-x13{left:-416px}.merchant-y13{top:-416px}.merchant-x14{left:-448px}.merchant-y14{top:-448px}.merchant-x15{left:-480px}.merchant-y15{top:-480px}
