:root{color-scheme:dark;--bg:#0b1118;--surface:#121d28;--surface-2:#172431;--surface-3:#1c2b39;--line:#263847;--text:#eef5f8;--muted:#97aab7;--mint:#52dfbb;--blue:#9db6ff;--amber:#f3c76c;--red:#ff8794;--radius:19px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(ellipse at 12% -12%,#173d39 0,transparent 38%),var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{max-width:720px;min-height:100dvh;margin:auto;padding:0 16px calc(92px + var(--safe-bottom))}.app-header{height:76px;display:flex;align-items:center;gap:12px;padding-top:env(safe-area-inset-top,0px)}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#215a50,#17332f);display:grid;place-items:center;color:#9dffdf;font-weight:850;font-size:21px;box-shadow:0 8px 22px #0004}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:18px;letter-spacing:.2px}.brand-copy span{font-size:11px;color:var(--muted);margin-top:4px}.header-right{margin-left:auto}.connection{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.4px;text-transform:uppercase}.connection i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px #f3c76c66}.connection.online{color:#8cf0d6}.connection.online i{background:var(--mint);box-shadow:0 0 10px #52dfbb88}.connection.offline{color:#ffb6bd}.connection.offline i{background:var(--red);box-shadow:0 0 10px #ff879488}.accountbar{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;margin:0 0 17px;border:1px solid #25423f;background:#10201f;border-radius:15px}.accountbar>div{display:flex;flex-direction:column;gap:3px}.account-label{font-size:9px;color:#79cdb9;font-weight:800;letter-spacing:1px}.accountbar strong{font-size:13px}.bot-select{max-width:48%;border:1px solid #31544f;border-radius:10px;background:#172d2a;color:var(--text);padding:8px 10px;font-size:12px}.page{padding:0 0 15px}.hidden{display:none!important}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase;color:var(--mint)}.page-title{font-size:25px;line-height:1.2;letter-spacing:-.3px;margin:5px 0 6px}.page-subtitle{color:var(--muted);font-size:13px;margin:0 0 17px}.hero{position:relative;overflow:hidden;border:1px solid #2c4a47;border-radius:23px;background:linear-gradient(130deg,#193c37,#14232c 70%);padding:19px;margin-bottom:18px}.hero:after{content:"";position:absolute;width:150px;height:150px;right:-62px;top:-76px;border-radius:50%;border:1px solid #52dfbb22;box-shadow:0 0 0 20px #52dfbb08,0 0 0 40px #52dfbb05}.hero h1{font-size:23px;line-height:1.18;margin:8px 0}.hero p{font-size:13px;color:#afc2c3;margin:0;max-width:410px}.hero-actions{display:flex;gap:8px;margin-top:16px;position:relative;z-index:1}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#b6c5ce;letter-spacing:.5px;margin:20px 2px 10px}.text-button{border:0;background:none;color:var(--mint);font-size:12px;font-weight:750;padding:5px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat-card,.panel,.list-card,.empty-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),#111a24);border-radius:var(--radius)}.stat-card{padding:13px 12px;min-height:84px}.stat-card span{display:block;color:var(--muted);font-size:10px}.stat-card strong{display:block;font-size:22px;margin-top:5px;letter-spacing:-.4px}.stat-card .mint{color:var(--mint)}.stat-card .blue{color:var(--blue)}.stat-card .amber{color:var(--amber)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--surface);cursor:pointer}.quick-card:active,.button:active,.nav-button:active{transform:scale(.98)}.quick-icon{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#203d3a}.quick-card:nth-child(2) .quick-icon{background:#27334d}.quick-card:nth-child(3) .quick-icon{background:#3a3020}.quick-card:nth-child(4) .quick-icon{background:#302743}.quick-card strong{display:block;font-size:13px}.quick-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.button{border:1px solid transparent;border-radius:13px;padding:11px 14px;font-weight:760;font-size:13px;cursor:pointer;transition:transform .12s,filter .12s}.button.primary{background:var(--mint);color:#08201a}.button.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.button.outline{background:transparent;border-color:#34544f;color:#a9f3df}.button.danger{background:#49272c;color:#ffc5cb;border-color:#69343a}.button.small{padding:8px 10px;font-size:11px;border-radius:10px}.button.block{width:100%}.button:disabled{opacity:.55;cursor:wait}.button-row{display:flex;gap:9px;flex-wrap:wrap}.button-row>*{flex:1}.panel{padding:16px;margin-bottom:11px}.panel-title{font-size:14px;font-weight:800;margin:0 0 4px}.panel-note{font-size:11px;color:var(--muted);margin:0 0 14px}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 13px}.field label,.field-label{font-size:11px;font-weight:700;color:#b4c3cb}.input,.select,.textarea{width:100%;border:1px solid #2b3d4c;background:#0e1720;color:var(--text);border-radius:12px;padding:11px 12px;outline:0}.input:focus,.select:focus,.textarea:focus{border-color:#4d8d7f;box-shadow:0 0 0 3px #52dfbb18}.textarea{min-height:136px;resize:vertical;line-height:1.45}.input::placeholder,.textarea::placeholder{color:#708391}.field-hint{color:#718491;font-size:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);background:#101923;border-radius:13px;margin:8px 0}.inline-field span{font-size:12px}.inline-field small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.switch{appearance:none;width:42px;height:24px;flex:none;border-radius:20px;background:#334553;position:relative;cursor:pointer;transition:background .16s}.switch:before{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#e7f0f3;transition:transform .16s}.switch:checked{background:#2e9b80}.switch:checked:before{transform:translateX(18px)}.file-picker{display:flex;align-items:center;gap:11px;padding:13px;border:1px dashed #36534e;border-radius:14px;background:#10201e;cursor:pointer}.file-picker input{display:none}.file-picker strong{display:block;font-size:12px}.file-picker small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.file-preview{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:9px;margin-top:9px}.file-preview img{width:48px;height:48px;object-fit:cover;border-radius:9px}.file-preview .file-name{font-size:11px;flex:1;word-break:break-word}.file-preview button{border:0;background:none;color:var(--red);cursor:pointer;font-size:19px}.target-chips{display:flex;flex-direction:column;gap:7px}.target-chip{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#101923;cursor:pointer}.target-chip input{accent-color:var(--mint);width:17px;height:17px}.target-chip span{font-size:12px;flex:1}.target-chip small{font-size:10px;color:var(--muted)}.target-tag{font-size:9px;color:#b7cfca;background:#203a35;border-radius:7px;padding:3px 6px}.list-card{padding:13px;margin:9px 0}.list-top{display:flex;align-items:flex-start;gap:10px}.list-main{min-width:0;flex:1}.list-title{font-size:13px;font-weight:800;word-break:break-word}.list-meta{font-size:10px;color:var(--muted);margin-top:4px}.list-preview{font-size:11px;color:#c3d0d6;margin-top:9px;white-space:pre-wrap;word-break:break-word}.list-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.list-actions .button{flex:1}.badge{display:inline-flex;align-items:center;border-radius:8px;padding:4px 7px;font-size:9px;font-weight:750;background:#1b302d;color:#9ae9d4}.badge.warning{background:#3a3020;color:#f6d591}.badge.danger{background:#41272b;color:#ffadb6}.badge.blue{background:#222f49;color:#b8c8ff}.empty-card{text-align:center;padding:23px 17px;color:var(--muted);font-size:12px}.empty-card strong{display:block;color:var(--text);font-size:14px;margin:5px 0}.empty-icon{font-size:25px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.more-item{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px;text-align:left;cursor:pointer}.more-item span{font-size:20px}.more-item strong{display:block;font-size:12px;margin-top:8px}.more-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.bottom-nav{position:fixed;z-index:10;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:2px;padding:8px 8px calc(8px + var(--safe-bottom));background:#0b1118ed;border-top:1px solid #243440;backdrop-filter:blur(16px)}.bottom-nav button{display:flex;flex:1;max-width:130px;align-items:center;flex-direction:column;gap:3px;border:0;background:transparent;color:#7f929f;padding:4px 3px;cursor:pointer}.bottom-nav button span{font-size:19px;line-height:1.1}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:var(--mint)}.bottom-nav button.active span{filter:drop-shadow(0 0 7px #52dfbb66)}.toast{position:fixed;z-index:30;bottom:calc(78px + var(--safe-bottom));left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(92vw,440px);padding:11px 15px;border:1px solid #33514b;border-radius:13px;background:#172a28;color:#d8fff1;font-size:12px;box-shadow:0 12px 35px #0008;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#694148;background:#342328;color:#ffd5d9}.confirm-dialog{width:min(92vw,420px);border:1px solid var(--line);border-radius:19px;background:#121d28;color:var(--text);padding:18px;box-shadow:0 25px 70px #000a}.confirm-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.confirm-dialog h2{font-size:17px;margin:0 0 7px}.confirm-dialog p{font-size:12px;color:var(--muted);margin:0 0 18px;white-space:pre-wrap}.dialog-actions{display:flex;gap:9px}.dialog-actions .button{flex:1}.notice-card{border:1px solid #5c4540;background:#2b2220;color:#f4d3b0;border-radius:15px;padding:13px;font-size:12px;margin:10px 0}.success-card{border:1px solid #285045;background:#142822;color:#b7f5df;border-radius:15px;padding:13px;font-size:12px;margin:10px 0}.progress{height:5px;background:#263743;border-radius:10px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;width:35%;background:var(--mint);animation:loading 1.1s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(180%)}}
@media(min-width:620px){.app-shell{padding-left:24px;padding-right:24px}.app-header{height:84px}.quick-card{min-height:86px;padding:14px}.stat-card{padding:16px}.page-title{font-size:28px}}