:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--green: #168a5b;--green-soft: #e5f6ee;--red: #c63f53;--red-soft: #fff0f2;--amber: #a66508;--amber-soft: #fff7e6;--ink: #172033;--muted: #6f7b90;--line: #dfe5ed}*{box-sizing:border-box}html{min-width:320px;background:#f4f7fb}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#dff4e9 0,transparent 34%),#f4f7fb}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #79cfa9;outline-offset:2px}#root{min-height:100vh}.app-shell{width:min(100%,820px);min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 14px 110px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar h1{margin:3px 0 0;font-size:27px;letter-spacing:-.04em}.brand,.eyebrow{color:var(--green);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:7px}.icon-button,.logout-button{min-height:42px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);cursor:pointer;font-weight:750}.icon-button{width:42px;font-size:20px}.logout-button{padding:0 13px;font-size:12px}.icon-button:disabled{opacity:.5;cursor:wait}.stack{display:grid;gap:12px}.card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:21px;background:#fffffff0;box-shadow:0 12px 35px #26374e12}.card h2{margin:4px 0 0;font-size:19px;letter-spacing:-.02em}.hero{background:linear-gradient(145deg,#fff,#f4fbf7);border-color:#cfe8dc}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pulse{width:15px;height:15px;flex:none;margin-top:6px;border-radius:50%}.pulse--ok{background:#22aa70;box-shadow:0 0 0 7px #dff5ea}.pulse--warn{background:#e5a42f;box-shadow:0 0 0 7px #fff1d6}.health-grid,.service-list{display:grid;gap:8px;margin-top:17px}.health-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:10px 12px;border-radius:14px;background:#f5f7fa}.health-row>div{display:grid;gap:2px;min-width:0}.health-row b{font-size:12px}.health-row small{color:var(--muted);overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--ok{color:var(--green);background:var(--green-soft)}.badge--warn{color:var(--amber);background:var(--amber-soft)}.badge--bad{color:var(--red);background:var(--red-soft)}.badge--muted{color:var(--muted);background:#e9edf3}.freshness,.note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics .card{min-height:112px;display:grid;align-content:center;gap:8px}.metrics span,.field span,.pnl-block span,.pnl-block small{color:var(--muted);font-size:10px}.metrics strong{font-size:clamp(17px,5vw,25px);letter-spacing:-.035em;overflow-wrap:anywhere}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.field{min-width:0;display:grid;gap:5px;padding:11px;border-radius:13px;background:#f5f7fa}.field strong{font-size:12px;overflow-wrap:anywhere}.empty,.loading{padding:28px 18px;border:1px dashed #cbd4df;border-radius:17px;color:var(--muted);text-align:center;font-size:13px}.snapshot-warning,.inline-error{margin-bottom:12px;border:1px solid #efc768;border-radius:15px;background:var(--amber-soft);color:#754804;padding:12px 14px;font-size:12px;line-height:1.45}.snapshot-warning{display:grid;gap:3px}.inline-error{border-color:#efb8c0;background:var(--red-soft);color:#993043}.trade-heading{display:flex;align-items:center;gap:9px;margin-top:12px}.direction{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:8px;font-size:10px;font-weight:900}.direction--buy{color:var(--green);background:var(--green-soft)}.direction--sell{color:var(--red);background:var(--red-soft)}.direction--unknown{color:var(--muted);background:#edf0f4}.filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.chip{min-height:39px;flex:none;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer;font-size:12px;font-weight:750}.chip--active{border-color:#79cfa9;color:var(--green);background:var(--green-soft)}.list-meta,.card-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:10px}.card-footer{margin-top:13px;padding-top:12px;border-top:1px solid #e9edf2}.pager{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pager button,.action-row button{min-height:43px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750}.pager button:disabled{opacity:.45;cursor:not-allowed}.subtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#e9eef4}.subtabs button{min-width:0;min-height:47px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:800}.subtabs button[aria-selected=true]{color:var(--green);background:#fff;box-shadow:0 4px 14px #2c3e5014}.subtabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;border-radius:99px;background:#e5f6ee;font-size:9px}.pnl-block{display:grid;gap:4px;margin-top:14px;padding:14px;border:1px solid #d9e3dc;border-radius:14px;background:#f6fbf8}.pnl-block strong{font-size:23px;letter-spacing:-.03em}.positive{color:var(--green)}.negative{color:var(--red)}.position-actions{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#f7f9fb}.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.action-row button:last-child{color:var(--red)}.button{width:100%;min-height:47px;margin-top:13px;border:1px solid #cbd5df;border-radius:13px;background:#f4f7fa;color:var(--ink);cursor:pointer;font-weight:800}.button--primary{border-color:var(--green);background:var(--green);color:#fff}.button--danger{border-color:#e6aab3;background:var(--red-soft);color:var(--red)}.button:disabled{opacity:.48;cursor:not-allowed}.confirm-form{display:grid;gap:11px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.confirm-form label,.standalone-label,.login-card label{display:grid;gap:6px;color:#4e5c70;font-size:11px;font-weight:750}.confirm-form input,.standalone-label input,.login-card input{width:100%;min-height:46px;border:1px solid #cbd5df;border-radius:12px;background:#fff;color:var(--ink);padding:0 12px;font-size:16px}.standalone-label{margin-top:13px}.form-result{margin:0;color:var(--green);font-size:12px}.danger-zone{border-color:#f0c5cb}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;width:min(calc(100% - 20px),600px);margin:0 auto max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:6px;border:1px solid #dbe2ea;border-radius:19px;background:#ffffffeb;box-shadow:0 15px 45px #27364b2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-width:0;min-height:54px;border:0;border-radius:13px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:780}.bottom-nav button span{display:block;margin-bottom:2px;font-size:17px}.bottom-nav button.active{color:var(--green);background:var(--green-soft)}.auth-shell{min-height:100dvh;display:grid;place-items:center;gap:12px;padding:20px;background:radial-gradient(circle at 50% 0,#dcefe5,transparent 38%),#f4f7fb;color:var(--muted)}.login-card{width:min(100%,410px);display:grid;gap:14px;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px #2335481f}.login-card .logo{display:grid;place-items:center;width:61px;height:61px;border-radius:18px;background:var(--green-soft);color:var(--green);font-size:19px;font-weight:900}.login-card h1{margin:0;color:var(--ink);font-size:27px;letter-spacing:-.04em}.login-card p{margin:-3px 0 2px;color:var(--muted);font-size:13px;line-height:1.55}.login-card small{color:#8b96a8;text-align:center}.login-card .button{margin-top:2px}.loader{width:36px;height:36px;border:3px solid #dce4ec;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 600px){.app-shell{padding:max(32px,env(safe-area-inset-top)) 22px 115px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}.fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:21px}}@media (max-width: 390px){.action-row{grid-template-columns:1fr}.bottom-nav button{font-size:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}