:root{--text:#15251e;--bg:#f6f7f4;--surface:#fff;--border:#d7dfd4;--muted:#606e63;--hover:#e9ede5;--accent:#203e2d;--accent-hover:#31553f;--on-accent:#fff;--bid:#367353;--ask:#94602d;color-scheme:light}:root[data-theme=dark]{--text:#e2e9e2;--bg:#131a16;--surface:#1b241e;--border:#344238;--muted:#a4b2a7;--hover:#25322a;--accent:#a1c5aa;--accent-hover:#bad5c0;--on-accent:#15251e;--bid:#95c7a6;--ask:#deb27f;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--text:#e2e9e2;--bg:#131a16;--surface:#1b241e;--border:#344238;--muted:#a4b2a7;--hover:#25322a;--accent:#a1c5aa;--accent-hover:#bad5c0;--on-accent:#15251e;--bid:#95c7a6;--ask:#deb27f;color-scheme:dark}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:76px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1100px)/2))}.brand{font-size:22px;font-weight:650;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{font-weight:400;color:var(--muted)}main{max-width:1100px;margin:50px auto;padding:0 24px}.heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading{margin-bottom:32px}h1{font-size:38px;letter-spacing:-1.6px;font-weight:550;margin:6px 0}h2{font-size:16px;font-weight:550}small,.footnote{font-size:12px;color:var(--muted)}small{letter-spacing:.03em}.status{font-size:12px;display:flex;align-items:center;gap:8px}i{width:6px;height:6px;border-radius:50%;background:#b8a277}.online{background:var(--bid)}nav{display:flex;border-bottom:1px solid var(--border);gap:25px;margin-bottom:28px}button{font:inherit;cursor:pointer;background:transparent;border:1px solid var(--border);color:inherit;padding:9px 14px;border-radius:5px}button:hover{background:var(--hover)}button:disabled{opacity:.45;cursor:default}nav button{border:0;border-radius:0;padding:12px 0;color:var(--muted);border-bottom:2px solid transparent}nav button.active{color:var(--text);border-bottom-color:var(--text)}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover)}.section-head{margin-bottom:14px}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--border)}td{padding:19px 16px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}td small{display:block;font-weight:400;margin-top:4px}.rate{font-size:22px;letter-spacing:-.6px}.link{border:0;padding:0;text-decoration:underline;text-underline-offset:4px}.footnote{line-height:1.5;margin-top:20px}.empty{color:var(--muted);padding:55px 0;text-align:center}input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:10px;width:100%;outline-offset:3px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}label{display:block;font-size:12px;margin-bottom:20px}label input{display:block;margin-top:8px}.login{max-width:360px;margin-top:100px}.login h1{font-size:28px;margin-bottom:30px}.login button{width:100%}.monitor{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid var(--border)}.monitor span{display:block;margin-top:7px;color:var(--muted)}.monitor button{margin-left:6px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px}.settings{max-width:650px}.settings h2{margin-top:30px}dl{display:grid;grid-template-columns:130px 1fr;gap:15px}dt{color:var(--muted)}dd{margin:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14251c55;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2}.dialog{background:var(--bg);border-radius:10px;width:400px;max-height:90vh;overflow:auto;padding:28px;box-shadow:0 20px 80px #14251c22}.dialog h2{margin-top:0;margin-bottom:25px}svg{width:100%;color:var(--bid);margin-top:20px}select{width:auto}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid #be887b;padding:12px 16px;border-radius:6px;z-index:5;max-width:90vw}.toast button{border:0;margin-left:10px}.pagination{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}@media(max-width:600px){main{margin-top:30px;padding:0 16px}header{height:62px;padding:0 16px}h1{font-size:30px}.heading{align-items:flex-start}.status{max-width:140px;line-height:1.5}nav{gap:22px}.monitor{align-items:flex-start;flex-direction:column}td,th{padding:14px 10px}.dialog{padding:20px}}.rule-inputs{display:grid;grid-template-columns:100px 1fr;gap:14px}.dialog label select{display:block;width:100%;margin-top:8px}.series-bid,.legend-bid{color:var(--bid)}.series-ask,.legend-ask{color:var(--ask)}.setting-group{padding:22px 0;border-bottom:1px solid var(--border)}.settings h2{margin:0}.setting-group .section-head{flex-wrap:wrap}.subscription-state{margin:0}.setting-group label{margin-top:16px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{display:inline-block;margin:0}.settings details{border-top:1px solid var(--border);padding:14px 0}.settings details:first-of-type{margin-top:22px}.settings summary{cursor:pointer;font-weight:500}.settings details p,.settings details li{color:var(--muted);line-height:1.65}.settings ol{padding-left:22px}.settings li+li{margin-top:8px}.settings input[type=email]{max-width:420px}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}nav{overflow:auto;white-space:nowrap}@media(max-width:600px){nav{gap:18px}.setting-group .actions button{flex:1 1 auto}.settings{width:100%}}.device-tag{display:inline-block;vertical-align:middle;margin-left:10px;padding:2px 7px;border:1px solid var(--border);border-radius:4px;background:var(--hover);color:var(--muted);font-size:11px;font-weight:400;white-space:nowrap}.settings .notification-help>details:first-of-type{margin-top:0}.login .recover{width:auto;display:block;margin:18px auto 0}.login p{line-height:1.6}.dialog input[readonly]{font-size:12px}.dialog .check-label{margin:20px 0}.user-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);padding:22px 0}.user-details{min-width:0}.user-details small{display:block;margin-top:6px;overflow-wrap:anywhere}.user-row button{font-size:12px}.user-details .device-tag{display:inline-block}@media(max-width:600px){.user-row{align-items:flex-start;flex-direction:column;gap:16px}.user-row .actions{width:100%}.user-row .actions button{flex:1 1 auto}nav{gap:14px;font-size:13px}}main{max-width:1120px;margin-top:40px}.heading{margin-bottom:28px}h1{font-size:44px;font-weight:650;letter-spacing:-1.8px}.heading>div>small{font-size:10px;letter-spacing:.14em}.subtext{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.header-actions{display:flex;align-items:center;gap:18px}.header-actions>span{font-size:12px;color:var(--muted)}.status{background:var(--surface);border:1px solid var(--border);padding:9px 12px;border-radius:20px}.status i{flex-shrink:0}nav{gap:28px;margin-bottom:30px}nav button{display:flex;align-items:center;gap:7px;padding:14px 0}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;border-radius:6px;background:var(--hover);font-size:10px}.section-head h2{font-size:19px;font-weight:600;margin:0}.diary-heading{margin-bottom:22px}.currency{display:inline-block;vertical-align:middle;font-size:10px;letter-spacing:.05em;font-weight:500;background:var(--hover);padding:4px 7px;margin-left:7px;border-radius:4px}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.quote-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 26px 0;box-shadow:0 2px 3px #14251c03}.quote-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.term-button{border:0;font-size:20px;font-weight:650;padding:0;letter-spacing:-.5px}.term-button span{font-size:16px;color:var(--muted);margin-left:3px}.term-button:hover{background:none;text-decoration:underline;text-underline-offset:5px}.quote-badge{display:inline-block;border-radius:5px;background:var(--bg);padding:5px 7px;font-size:10px;color:var(--muted);white-space:nowrap}.quote-badge.fresh{background:var(--hover);color:var(--bid)}.quote-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0 22px}.quote-rates>div{min-width:0}.quote-rates>div+div{padding-left:24px;border-left:1px solid var(--border)}.side-label{font-size:11px;font-weight:550}.quote-rates .rate{font-size:36px;font-weight:600;letter-spacing:-1.5px;margin:6px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}.quote-rates .rate>span{font-size:21px;font-weight:400;letter-spacing:-.5px;margin-left:2px}.quote-rates small{font-size:11px;overflow-wrap:anywhere}.sparkline{border-top:1px solid var(--border);padding-top:13px;min-height:102px}.sparkline-caption{font-size:10px;color:var(--muted);letter-spacing:.03em}.chart svg{display:block;width:100%;margin:10px 0 0;overflow:visible}.compact svg{height:70px}.chart-empty{height:70px;margin:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.quote-footer{margin:8px -26px 0;padding:12px 26px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.quote-footer>small{font-size:10px;letter-spacing:0}.text-button{border:0;padding:4px 0;font-size:11px;font-weight:550}.text-button span{margin-left:6px}.text-button:hover{background:none;text-decoration:underline;text-underline-offset:3px}.market-help{margin-top:24px;padding:18px 20px;border:1px solid var(--border);border-radius:10px}.market-help summary{cursor:pointer;font-size:12px;font-weight:550}.bid-ask-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:12px}.bid-ask-help h3{font-size:13px;margin-bottom:8px}.bid-ask-help p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:0}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:24px}.chart-grid line{stroke:var(--border);stroke-dasharray:3 5}.chart-grid text{fill:var(--muted);font-size:11px}.chart-times{display:flex;justify-content:space-between;gap:15px}.chart-times small{font-size:10px}.monitor-list{margin-top:22px}.monitor{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px 24px;margin-bottom:12px;gap:20px}.monitor-title{display:flex;align-items:center;gap:12px}.monitor-title strong{font-size:20px;letter-spacing:-.4px}.monitor .quote-badge{display:inline-block;margin:0}.monitor-info p{margin:9px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.monitor-controls{display:flex;align-items:center;gap:18px}.monitor-controls .check-label{margin:0;font-size:12px;white-space:nowrap}.monitor button{margin:0;font-size:11px;padding:7px 10px}.monitor.paused{border-style:dashed}.monitor-history{margin-top:46px}.monitor-history .table{margin-top:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.monitor-history tr:last-child td{border-bottom:0}.monitor-history th{background:var(--bg);font-size:10px}.monitor-history td{font-size:12px}.empty-monitors{border:1px dashed var(--border);border-radius:12px;margin-top:24px;padding:36px 20px}.empty-monitors h3{color:var(--text);font-size:17px;font-weight:550;margin-bottom:8px}.empty-monitors p{font-size:13px;line-height:1.6}.empty-icon{font-size:32px;color:var(--bid)}.input-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:-8px 0 20px}.dialog .actions{justify-content:flex-end}.dialog label{font-size:12px}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:14px}.wide{width:760px}.table{max-width:100%}button{transition:background .15s ease,border-color .15s ease}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:850px){.quote-rates .rate{font-size:30px}.quote-rates{gap:14px}.quote-rates>div+div{padding-left:14px}.monitor-controls{gap:12px;flex-wrap:wrap}.monitor{align-items:flex-start}.monitor-controls .actions{flex-wrap:wrap}.quote-card{padding-left:20px;padding-right:20px}.quote-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@media(max-width:600px){main{margin-top:26px}h1{font-size:36px}.heading{gap:8px}.status{max-width:140px;padding:7px 10px;font-size:10px}.heading>div>small{font-size:8px}.heading .subtext{font-size:12px}.quote-grid{grid-template-columns:minmax(0,1fr);gap:16px}.quote-card{padding:20px 20px 0}.quote-rates .rate{font-size:36px}.quote-rates{gap:18px;margin-top:22px}.quote-rates>div+div{padding-left:20px}.quote-footer{padding:12px 20px}.bid-ask-help{grid-template-columns:1fr;gap:6px}.diary-heading{align-items:flex-start}.diary-heading>small{font-size:10px;white-space:nowrap;text-align:right;line-height:1.5}.section-head{gap:10px}.section-head h2{font-size:17px}.section-head>.primary{font-size:11px;white-space:nowrap;padding:10px}.monitor-controls{width:100%;justify-content:space-between;gap:12px}.monitor{padding:20px}.monitor-info{max-width:100%}.monitor-history>.section-head{align-items:flex-start;flex-direction:column;gap:14px}.monitor-history{margin-top:32px}.quote-rates small{font-size:10px}.subtext{font-size:12px}nav{gap:20px}nav button{font-size:12px}.header-actions{gap:10px}.chart-times small{font-size:9px}.chart-legend{gap:12px}.market-help{padding:16px}.empty-monitors{padding:28px 16px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-width:600px){.monitor-history table,.monitor-history tbody,.monitor-history tr{display:block;width:100%;white-space:normal}.monitor-history thead{display:none}.monitor-history tr+tr{border-top:1px solid var(--border)}.monitor-history td{display:grid;grid-template-columns:78px minmax(0,1fr);gap:4px 12px;padding:8px 16px;border:0;overflow-wrap:anywhere}.monitor-history td:first-child{padding-top:18px}.monitor-history td:last-child{padding-bottom:18px}.monitor-history td:before{content:attr(data-label);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;align-self:center}.monitor-history td small{grid-column:2;margin:0;font-size:11px}}.password-field{margin-bottom:20px}.password-field>label{margin:0 0 8px}.password-control{position:relative}.password-control input{padding-right:52px;min-height:46px}.login .password-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:44px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:0 4px 4px 0;color:var(--muted)}.login .password-toggle:hover{background:var(--hover);color:var(--text)}.password-toggle svg{width:20px;height:20px;margin:0;color:inherit;flex:none}