.theme-dark,:root{--bg:#0d0812;--surface:#1c1c1e99;--surface-2:#2c2c2e99;--surface-3:#3a3a3c99;--text:#fff;--muted:#ebebf599;--primary:#0a84ff;--primary-dark:#06c;--accent:#5e5ce6;--success:#32d74b;--success-light:#30d158;--danger:#ff453a;--warning:#ff9f0a;--border:#ffffff26;--sidebar:#00000080;--panel:#ffffff0d;--glass-blur:40px;--glass-saturate:200%;--glass-bg:#1e1e1e73;--glass-bg-nav:#1e1e1ee6;--glass-border:#ffffff1a;--glass-border-strong:#fff3;--glass-highlight:#ffffff1a;--orb-1:radial-gradient(circle at 10% 20%, #0a84ff4d 0%, transparent 40%);--orb-2:radial-gradient(circle at 90% 10%, #5e5ce64d 0%, transparent 40%);--orb-3:radial-gradient(circle at 50% 80%, #32d74b33 0%, transparent 50%);--glass-shadow:0 8px 32px #00000040;--glass-shadow-lg:0 16px 48px #00000059;--glass-shadow-hover:0 12px 36px #0006;--shadow-soft:var(--glass-shadow);--ticket-bg:#1c1c1e80;--ticket-gradient:none;--ticket-border:var(--glass-border);--ticket-shadow:var(--glass-shadow-lg);--ticket-pnl-gradient:linear-gradient(180deg, #fff 20%, #ebebf599 100%);--ticket-detail-bg:#ffffff0d;--key:#7676803d;--gls-ease:cubic-bezier(.32, .72, 0, 1);--gls-spring:cubic-bezier(.175, .885, .32, 1.1);--gls-fade:cubic-bezier(.4, 0, .2, 1);--load-bg:#0d0812;--load-wave:#fff;--load-text-bg:#2a2a2a;--load-text:#fff}.theme-light{--bg:#f2f2f7;--surface:#fff9;--surface-2:#fffc;--surface-3:#ffffffe6;--text:#000;--muted:#3c3c4399;--primary:#007aff;--primary-dark:#0056b3;--accent:#5856d6;--success:#34c759;--success-light:#28a745;--danger:#ff3b30;--warning:#ff9500;--border:#3c3c432e;--sidebar:#f2f2f7b3;--panel:#0000000d;--glass-blur:40px;--glass-saturate:200%;--glass-bg:#ffffffa6;--glass-bg-nav:#fff;--glass-border:#fffc;--glass-border-strong:#fff;--glass-highlight:#fff;--orb-1:radial-gradient(circle at 10% 20%, #007aff26 0%, transparent 40%);--orb-2:radial-gradient(circle at 90% 10%, #5856d61f 0%, transparent 40%);--orb-3:radial-gradient(circle at 50% 80%, #34c7591a 0%, transparent 50%);--glass-shadow:0 8px 32px #0000000f;--glass-shadow-lg:0 16px 48px #00000014;--glass-shadow-hover:0 12px 36px #0000001a;--shadow-soft:var(--glass-shadow);--ticket-bg:#ffffffa6;--ticket-gradient:none;--ticket-border:var(--glass-border);--ticket-shadow:var(--glass-shadow-lg);--ticket-pnl-gradient:linear-gradient(180deg, #000 20%, #3c3c4399 100%);--ticket-detail-bg:#00000008;--key:#7676801f;--load-bg:#f2f2f7;--load-wave:#007aff;--load-text-bg:#d1d1d6;--load-text:#000}@keyframes float-orbs{0%,to{transform:translate(0)scale(1)}33%{transform:translate(3%,4%)scale(1.05)}66%{transform:translate(-2%,-3%)scale(.95)}}@keyframes fadeInScale{0%{opacity:0;filter:blur(4px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes slideUpGLS{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeIn{0%{opacity:0;filter:blur(5px);transform:translateY(15px)scale(.99)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes staggerCardIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rowEnter{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes modalEnter{0%{opacity:0;filter:blur(10px);transform:scale(.9)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}html,body{scrollbar-width:none;-ms-overflow-style:none}a{color:inherit;text-decoration:none}body{background:var(--bg);color:var(--text);letter-spacing:-.015em;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body>*{z-index:1;position:relative}button,a,.account-card,.summary-card,.cf-service-card,.setting-card,.calendar-day{transition:transform .4s var(--gls-spring), background .3s var(--gls-ease), box-shadow .3s var(--gls-ease), opacity .3s var(--gls-ease), border-color .3s var(--gls-ease);will-change:transform, opacity}.dialog-overlay{-webkit-backdrop-filter:blur(5px);z-index:99999;opacity:0;pointer-events:none;transition:opacity .4s var(--gls-ease);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-overlay.active{opacity:1;pointer-events:auto}.dialog-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);text-align:center;width:85%;max-width:320px;box-shadow:var(--glass-shadow-lg);transition:transform .5s var(--gls-spring);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;transform:scale(1.1)}.dialog-overlay.active .dialog-box{transform:scale(1)}.dialog-title{color:var(--text);margin:1.5rem 1rem .5rem;font-size:1.1rem;font-weight:600}.dialog-msg{color:var(--text);margin:0 1rem 1.5rem;font-size:.9rem;line-height:1.3}.dialog-btns{border-top:1px solid var(--border);display:flex}.d-btn{cursor:pointer;color:var(--primary);transition:background .2s var(--gls-ease);background:0 0;border:none;flex:1;padding:1rem;font-size:1rem;font-weight:400}.d-btn:active{background:var(--panel)}.d-btn-primary{border-left:1px solid var(--border);font-weight:600}.d-btn-cancel{color:var(--danger)}#auth-layer{background:var(--bg);z-index:9999;transition:opacity .6s var(--gls-ease), filter .6s var(--gls-ease);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#auth-layer.hidden{opacity:0;pointer-events:none;filter:blur(10px)}.account-card-container{animation:fadeInScale .6s var(--gls-spring) both;flex-direction:column;align-items:center;gap:1rem;width:100%;max-height:80vh;padding:1rem;display:flex;overflow-y:auto}.account-card{background:var(--glass-bg);width:340px;max-width:90vw;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);cursor:pointer;color:var(--text);box-shadow:var(--glass-shadow);border-radius:24px;align-items:center;margin:5px;padding:1.2rem;display:flex;position:relative}.account-card:active{background:var(--surface-2);transform:scale(.96)}.account-avatar{width:56px;height:56px;transition:transform .4s var(--gls-spring);background-position:50%;background-size:cover;background-color:var(--surface-2);border-radius:50%;flex-shrink:0;margin-right:1rem}.account-card:hover .account-avatar{transform:scale(1.05)}.account-info{flex:1;overflow:hidden}.account-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:1.1rem;font-weight:600;overflow:hidden}.account-status{color:var(--muted);font-size:.85rem}.remove-account-btn{color:var(--muted);cursor:pointer;width:32px;height:32px;transition:color .3s var(--gls-ease), background .3s var(--gls-ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.remove-account-btn:hover{color:var(--danger);background:#ff3b301a}.add-account-btn{color:var(--primary);cursor:pointer;transition:transform .3s var(--gls-spring), opacity .3s var(--gls-ease);background:0 0;border:none;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:500}.add-account-btn:active{opacity:.7;transform:scale(.95)}.license-form{width:100%;max-width:320px;animation:slideUpGLS .5s var(--gls-spring) both;flex-direction:column;gap:1rem;display:flex}.license-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text);text-align:center;-webkit-backdrop-filter:blur(10px);transition:border-color .4s var(--gls-ease), box-shadow .4s var(--gls-ease);border-radius:14px;outline:none;padding:1rem;font-family:monospace;font-size:1.1rem}.license-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0a84ff33}.action-btn{background:var(--primary);color:#fff;cursor:pointer;transition:transform .3s var(--gls-spring), background .3s var(--gls-ease);border:none;border-radius:14px;justify-content:center;align-items:center;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.action-btn:active{background:var(--primary-dark);transform:scale(.96)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.back-btn{color:var(--primary);text-align:center;cursor:pointer;transition:opacity .3s var(--gls-ease);padding:.5rem;font-size:1rem}.back-btn:active{opacity:.6}.pin-container{animation:fadeInScale .5s var(--gls-spring) both;flex-direction:column;align-items:center;gap:2rem;display:flex}.pin-header h2{color:var(--text);text-align:center;margin-bottom:1rem;font-size:1.4rem;font-weight:500}.pin-dots{justify-content:center;gap:1.2rem;margin-bottom:1rem;display:flex}.pin-dot{border:1px solid var(--text);width:12px;height:12px;transition:all .3s var(--gls-ease);border-radius:50%}.pin-dot.active{background:var(--text);border-color:var(--text);transform:scale(1.1)}.pin-dot.error{animation:shake .5s var(--gls-spring);background:var(--danger);border-color:var(--danger)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.keypad{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:280px;display:grid}.key{background:var(--key);width:76px;height:76px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(20px);transition:transform .2s var(--gls-spring), background .3s var(--gls-ease);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.key:active{background:#fff6;transform:scale(.88)}.key-num{font-size:2rem;font-weight:400;line-height:1.2}.key-letters{color:var(--text);letter-spacing:2px;font-size:.6rem;font-weight:600}.key-action-label{font-size:.85rem;font-weight:500}.payment-alert-icon{animation:slideUpGLS .5s var(--gls-spring) both;margin-bottom:.5rem;font-size:3.5rem}.payment-info{background:var(--surface-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;animation:slideUpGLS .6s var(--gls-spring) both;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.payment-expiry{color:var(--danger);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:block}.payment-msg{color:var(--text);font-size:.95rem}.app-shell{min-height:100vh;transition:filter .6s var(--gls-ease), opacity .6s var(--gls-ease);grid-template-columns:240px 1fr;display:grid}.app-locked .app-shell{filter:blur(20px)saturate(0%);pointer-events:none;opacity:0;transform:scale(1.02)}.app-sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;gap:2rem;height:100vh;padding:2rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{justify-content:space-between;align-items:center;padding-left:.5rem;display:flex}.brand h2{color:var(--text);letter-spacing:-.02em;transition:transform .3s var(--gls-spring);margin:0;font-size:1.4rem;font-weight:700}.brand h2:active{transform:scale(.95)}.sidebar-menu-button{color:var(--primary);cursor:pointer;transition:opacity .3s var(--gls-ease);background:0 0;border:none;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:none}.sidebar-menu-button:active{opacity:.6}.sidebar-nav{flex-direction:column;flex:1;gap:.4rem;display:flex}.nav-item{color:var(--text);transition:background .3s var(--gls-ease), color .3s var(--gls-ease), transform .3s var(--gls-spring);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{background:var(--panel)}.nav-item:active{transform:scale(.96)}.nav-item.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #007aff4d}.app-main{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;flex:1;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem;display:flex}.page-view{transition:opacity .5s var(--gls-ease), transform .5s var(--gls-ease)}.page-view:not(.page-hidden){animation:pageFadeIn .6s var(--gls-spring) both}.summary-card,.custom-chart,.perf-card,.data-section,.daily-calendar-container,.setting-card,.settings-profile-card,.cf-global-banner,.cf-service-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.dashboard-grid{grid-template-columns:1fr;align-items:stretch;gap:1.5rem;display:grid}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.summary-card:active{transform:scale(.95)}.summary-card:first-child{animation:staggerCardIn .6s var(--gls-spring) 50ms both}.summary-card:nth-child(2){animation:staggerCardIn .6s var(--gls-spring) .1s both}.summary-card:nth-child(3){animation:staggerCardIn .6s var(--gls-spring) .15s both}.summary-card:nth-child(4){animation:staggerCardIn .6s var(--gls-spring) .2s both}.custom-chart{animation:staggerCardIn .7s var(--gls-spring) .25s both}.summary-value{color:var(--text);letter-spacing:-.03em;margin-bottom:.2rem;font-size:2.2rem;font-weight:700}.summary-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.custom-chart{min-height:380px;padding:1.5rem}.chart-title{color:var(--text);margin:0;font-size:1.2rem;font-weight:600}.profit-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.profit-chart{height:320px;min-height:300px;transition:opacity .4s var(--gls-ease);margin-top:.5rem}.segment-tabs{background:var(--key);border-radius:8px;padding:2px;display:flex}.segment-tab{color:var(--text);cursor:pointer;transition:background .3s var(--gls-ease), color .3s var(--gls-ease), box-shadow .3s var(--gls-ease), transform .2s var(--gls-spring);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500}.segment-tab:active{transform:scale(.95)}.segment-tab.active{background:var(--surface-3);color:var(--text);font-weight:600;box-shadow:0 2px 8px #0000001f}.perf-container{flex-direction:column;gap:2rem;width:100%;max-width:600px;margin:0 auto;display:flex}.perf-card{animation:staggerCardIn .6s var(--gls-spring) both;padding:2rem}.perf-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.perf-title{color:var(--text);font-size:1.2rem;font-weight:600}.perf-chart-wrapper{width:220px;height:220px;transition:opacity .5s var(--gls-ease);margin:0 auto 2.5rem;position:relative}.perf-chart-svg{width:100%;height:100%;transform:rotate(-90deg)}.perf-ring-bg{fill:none;stroke:var(--surface-2);stroke-width:10px;stroke-linecap:round}.perf-ring-sl{fill:none;stroke:var(--danger);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray 1.2s var(--gls-spring)}.perf-ring-tp{fill:none;stroke:var(--success);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray 1.2s var(--gls-spring)}.perf-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.perf-rate-val{color:var(--text);letter-spacing:-.03em;transition:color .4s var(--gls-ease);font-size:2.5rem;font-weight:700;line-height:1}.perf-rate-lbl{color:var(--muted);margin-top:4px;font-size:.85rem;font-weight:500}.perf-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-box{background:var(--surface-2);text-align:center;transition:transform .3s var(--gls-spring);border-radius:16px;padding:1.2rem}.stat-box:active{transform:scale(.95)}.stat-value{color:var(--text);margin-bottom:.2rem;font-size:1.5rem;font-weight:600}.stat-label{color:var(--muted);font-size:.8rem;font-weight:500}.perf-empty{text-align:center;color:var(--muted);animation:fadeInScale .5s var(--gls-ease) both;padding:2rem;font-weight:500}.data-section{min-height:500px;animation:staggerCardIn .6s var(--gls-spring) both;flex-direction:column;padding:0;display:flex;overflow:hidden}.table-header{border-bottom:1px solid var(--border);padding:1.5rem}.table-header h2{color:var(--text);margin:0;font-size:1.2rem;font-weight:600}.table-container{flex:1;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.8rem 1.5rem;font-size:.8rem;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text);transition:background .3s var(--gls-ease);padding:1rem 1.5rem;font-size:.95rem}tbody tr{animation:rowEnter .5s var(--gls-fade) backwards}tbody tr:first-child{animation-delay:20ms}tbody tr:nth-child(2){animation-delay:40ms}tbody tr:nth-child(3){animation-delay:60ms}tbody tr:nth-child(4){animation-delay:80ms}tbody tr:nth-child(5){animation-delay:.1s}tbody tr:nth-child(n+6){animation-delay:.12s}tbody tr:hover td{background:var(--panel)}.pagination{border-top:1px solid var(--border);justify-content:center;gap:.5rem;padding:1rem;display:flex}.pagination button{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;color:var(--text);transition:background .3s var(--gls-ease), transform .2s var(--gls-spring), border-color .3s var(--gls-ease);border-radius:8px;padding:.5rem .8rem;font-weight:500}.pagination button:active{transform:scale(.9)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.status-pill{text-transform:uppercase;letter-spacing:.05em;transition:background .4s var(--gls-ease);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.status-pill.win{color:var(--success);background:#34c75926}.status-pill.loss{color:var(--danger);background:#ff3b3026}.status-pill.run{color:var(--primary);background:#007aff26}.daily-calendar-container{width:100%;max-width:900px;animation:staggerCardIn .6s var(--gls-spring) both;margin:0 auto;padding:1.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-title{font-size:1.2rem;font-weight:600}.calendar-nav{align-items:center;gap:.5rem;display:flex}.calendar-nav button{background:var(--surface-2);width:32px;height:32px;color:var(--primary);cursor:pointer;transition:transform .2s var(--gls-spring), background .3s var(--gls-ease);border:none;border-radius:50%}.calendar-nav button:active{background:var(--surface-3);transform:scale(.85)}.calendar-month-label{text-align:center;min-width:120px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-day-header{text-align:center;color:var(--muted);padding:.5rem;font-size:.8rem;font-weight:500}.calendar-day{background:var(--surface-2);min-height:60px;transition:transform .3s var(--gls-spring), background .4s var(--gls-ease);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;display:flex}.calendar-day:active{transform:scale(.92)}.calendar-day.empty{pointer-events:none;background:0 0}.calendar-day.positive{background:#34c7591a;border:1px solid #34c7594d}.calendar-day.negative{background:#ff3b301a;border:1px solid #ff3b304d}.calendar-day-number{font-size:1rem;font-weight:600}.calendar-day-pnl{margin-top:.2rem;font-size:.7rem;font-weight:500}.calendar-day.positive .calendar-day-pnl{color:var(--success)}.calendar-day.negative .calendar-day-pnl{color:var(--danger)}.modal{-webkit-backdrop-filter:blur(10px);z-index:10000;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .4s var(--gls-ease);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.visible,.modal[aria-hidden=false]{opacity:1;pointer-events:auto}.modal-content{max-width:90vw;position:relative}.modal.visible .modal-content,.modal[aria-hidden=false] .modal-content{animation:modalEnter .6s var(--gls-spring) forwards}.ticket-card{background:var(--glass-bg);width:360px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);border-radius:24px;overflow:hidden}.ticket-content{padding:2rem}.ticket-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ticket-id-badge{color:var(--muted);font-family:monospace;font-size:.9rem}.ticket-status-badge{text-transform:uppercase;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.ticket-status-badge.win{color:var(--success);background:#34c75926}.ticket-status-badge.loss{color:var(--danger);background:#ff3b3026}.ticket-status-badge.run{color:var(--primary);background:#007aff26}.ticket-hero{text-align:center;margin-bottom:2rem}.ticket-pnl{letter-spacing:-.03em;margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.ticket-pnl.win{color:var(--success)}.ticket-pnl.loss{color:var(--danger)}.ticket-sub-hero{color:var(--muted);font-size:.9rem;font-weight:500}.ticket-details{background:var(--surface-2);border-radius:16px;padding:1.2rem}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--muted)}.detail-value{font-weight:600}.close-modal{background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;transition:transform .3s var(--gls-spring), background .3s var(--gls-ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:-45px;right:0}.close-modal:active{background:var(--surface-3);transform:scale(.85)}.cf-status-container{flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;display:flex}.cf-global-banner{animation:staggerCardIn .5s var(--gls-spring) both;align-items:center;gap:1rem;padding:1.5rem;display:flex}.cf-icon-box{width:48px;height:48px;color:var(--success);transition:background .4s var(--gls-ease);background:#34c75926;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.cf-global-banner.outage .cf-icon-box{color:var(--danger);background:#ff3b3026}.cf-banner-content h2{margin:0;font-size:1.2rem;font-weight:600}.cf-banner-content p{color:var(--muted);margin:.2rem 0 0;font-size:.9rem}.cf-services-group{flex-direction:column;gap:.8rem;display:flex}.cf-group-title{color:var(--muted);text-transform:uppercase;padding-left:.5rem;font-size:.85rem;font-weight:500}.cf-service-card{animation:staggerCardIn .6s var(--gls-spring) both;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.cf-service-card:nth-child(2){animation-delay:50ms}.cf-service-card:nth-child(3){animation-delay:.1s}.cf-service-card:nth-child(4){animation-delay:.15s}.cf-service-card:nth-child(5){animation-delay:.2s}.cf-service-card:nth-child(6){animation-delay:.25s}.cf-service-card:active{transform:scale(.97)}.cf-service-name{font-size:1rem;font-weight:500}.cf-status-pill{transition:color .4s var(--gls-ease);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.cf-status-pill.operational{color:var(--success)}.cf-status-pill.outage{color:var(--danger)}.cf-dot{width:8px;height:8px;transition:background .4s var(--gls-ease);background:currentColor;border-radius:50%}.settings-container{flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;display:flex}.settings-profile-card{animation:staggerCardIn .5s var(--gls-spring) both;align-items:center;gap:1.2rem;padding:1.5rem;display:flex}.profile-avatar-lg{background:var(--surface-2);width:64px;height:64px;transition:transform .4s var(--gls-spring);background-position:50%;background-size:cover;border-radius:50%}.settings-profile-card:hover .profile-avatar-lg{transform:scale(1.05)}.profile-info .profile-name{margin:0;font-size:1.3rem;font-weight:600}.profile-key{color:var(--muted);margin-top:.2rem;font-family:monospace;font-size:.85rem}.settings-sections{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.setting-card{animation:staggerCardIn .6s var(--gls-spring) both;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.setting-card:first-child{animation-delay:50ms}.setting-card:nth-child(2){animation-delay:.1s}.setting-card:nth-child(3){animation-delay:.15s}.setting-card:nth-child(4){animation-delay:.2s}.setting-card:nth-child(5){animation-delay:.25s}.setting-header{margin-bottom:.5rem}.setting-title{font-size:1.1rem;font-weight:600}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--muted);font-size:.8rem;font-weight:500}.form-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:border-color .4s var(--gls-ease), box-shadow .4s var(--gls-ease);border-radius:10px;outline:none;padding:.8rem;font-size:.95rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0a84ff33}input[type=file].form-input{cursor:pointer;padding:.4rem}input[type=file].form-input::file-selector-button{background:var(--surface-3);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:transform .3s var(--gls-spring), background .3s var(--gls-ease);border-radius:8px;margin-right:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600}input[type=file].form-input::file-selector-button:hover{background:var(--panel)}input[type=file].form-input::file-selector-button:active{transform:scale(.95)}.account-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-item{flex-direction:column;gap:.2rem;display:flex}.info-label{color:var(--muted);font-size:.75rem;font-weight:500}.info-value{font-size:.9rem;font-weight:500}.pref-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.pref-row:last-child{border-bottom:none}.pref-label{font-size:.95rem;font-weight:500}.pref-desc{color:var(--muted);font-size:.8rem}.theme-toggle-btn{background:var(--surface-2);color:var(--primary);cursor:pointer;transition:transform .2s var(--gls-spring), background .3s var(--gls-ease);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500}.theme-toggle-btn:active{background:var(--surface-3);transform:scale(.9)}.danger-card{border:1px solid #ff3b304d}.danger-btn{color:var(--danger);cursor:pointer;text-align:center;transition:transform .3s var(--gls-spring), background .3s var(--gls-ease);background:#ff3b301a;border:none;border-radius:12px;padding:1rem;font-weight:600}.danger-btn:active{background:#ff3b3033;transform:scale(.95)}.payment-status-badge{transition:background .4s var(--gls-ease);border-radius:6px;padding:.3rem .6rem;font-size:.8rem;font-weight:600}.payment-status-active{color:var(--success);background:#34c75926}.payment-status-expired{color:var(--danger);background:#ff3b3026}.secondary-btn{background:var(--surface-2);color:var(--text)}.page-hidden{display:none!important}.hide-desktop{display:none}button.details-btn{background:var(--surface-2);color:var(--primary);cursor:pointer;transition:transform .2s var(--gls-spring), background .3s var(--gls-ease);border:none;border-radius:6px;padding:.4rem .8rem;font-weight:500}button.details-btn:active{background:var(--surface-3);transform:scale(.9)}@media (width<=1000px){.app-shell{grid-template-columns:1fr}.app-sidebar{z-index:1000;border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;align-items:center;height:auto;padding:1rem 1.5rem;position:sticky;overflow:visible}.brand{width:100%;padding-left:0}.brand h2{font-size:1.2rem}.sidebar-menu-button{display:flex}.sidebar-nav{background:var(--glass-bg-nav);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:opacity .4s var(--gls-ease), transform .4s var(--gls-ease);transform-origin:top;z-index:999;flex-direction:column;padding:1rem;display:flex;position:absolute;top:100%;left:0;right:0}.sidebar-nav.collapsed{opacity:0;pointer-events:none;transform:scaleY(0)}.nav-item{padding:.8rem}.hide-desktop{display:block}td.hide-desktop{display:flex}table thead{display:none}table,tbody,tr,td{width:100%;display:block}tr{background:var(--surface-2);transition:transform .3s var(--gls-spring);border:1px solid var(--border);border-radius:16px;margin-bottom:1.2rem;padding:.5rem 1rem}tr:active{transform:scale(.98)}td{border-bottom:1px solid var(--border);text-align:right;background:0 0;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}td:last-child{border-bottom:none;justify-content:center;padding-top:1rem;padding-bottom:.5rem}td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:.85rem;font-weight:500}td:last-child:before{display:none}tbody tr:hover td{background:0 0}.settings-sections{grid-template-columns:1fr}}.profit-chart{position:relative}.chart-tooltip{pointer-events:none;background:var(--glass-bg-nav);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);color:var(--text);opacity:0;z-index:10;text-align:center;white-space:nowrap;border-radius:10px;flex-direction:column;gap:.25rem;margin-top:-10px;padding:.6rem .85rem;transition:opacity .2s,transform .1s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 32px #00000059}.chart-tooltip.visible{opacity:1}.chart-tooltip-date{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.chart-tooltip-value{letter-spacing:-.02em;font-size:1rem;font-weight:700}.chart-crosshair{stroke:var(--text);stroke-opacity:.15;stroke-width:1px;pointer-events:none;opacity:0;transition:opacity .2s}.chart-crosshair.visible{opacity:1}.chart-point{pointer-events:none;transition:r .2s,filter .2s}.chart-point.active{r:5;filter:drop-shadow(0 0 6px)}.chart-fade{transition:opacity .25s}.custom-select-wrapper{-webkit-user-select:none;user-select:none;z-index:50;font-size:.9rem;position:relative}.custom-select-trigger{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;min-width:120px;transition:background .3s var(--gls-ease), box-shadow .3s var(--gls-ease);border-radius:8px;justify-content:space-between;align-items:center;gap:.8rem;padding:.4rem 1rem;display:flex}.custom-select-trigger:hover{background:var(--surface-3)}.custom-select-options{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s var(--gls-ease), transform .3s var(--gls-spring);border-radius:12px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;transform:translateY(-10px)}.custom-select-options.open{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-select-option{color:var(--text);cursor:pointer;transition:background .2s var(--gls-ease), color .2s var(--gls-ease);padding:.6rem 1rem}.custom-select-option:hover{background:var(--panel)}.custom-select-option.active{background:var(--primary);color:#fff;font-weight:500}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--surface-2);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);transform-origin:100%;cursor:pointer;border-radius:12px;align-items:center;gap:14px;min-width:300px;max-width:400px;padding:14px 16px;transition:transform .3s,opacity .3s;animation:.4s cubic-bezier(.2,.8,.2,1) forwards toast-enter;display:flex;box-shadow:0 10px 30px #00000080}.toast.closing{animation:.4s cubic-bezier(.5,0,1,.5) forwards toast-exit}@keyframes toast-enter{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.toast-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.toast-svg-bg,.toast-svg-ring{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.toast-svg-bg circle{fill:none;stroke:var(--border);stroke-width:2.5px}.toast-svg-ring circle{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:0;animation:5s linear forwards ring-countdown}@keyframes ring-countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:100.53px}}.toast-icon{z-index:2;color:currentColor;position:relative}.toast-content{flex-direction:column;gap:4px;display:flex}.toast-title{color:var(--text);font-size:.95rem;font-weight:600}.toast-message{color:var(--muted);font-size:.85rem;line-height:1.3}.toast-success .toast-icon-wrapper{color:var(--success)}.toast-error .toast-icon-wrapper{color:var(--danger)}.toast-warning .toast-icon-wrapper{color:var(--warning)}.toast-info .toast-icon-wrapper{color:var(--primary)}#emergency-banner{color:#fff;text-align:center;z-index:10000;background-color:#f33;width:100%;padding:10px;font-weight:700;animation:2s infinite pulse-red;position:fixed;top:0;left:0}@keyframes pulse-red{0%{background-color:#f33}50%{background-color:#c00}to{background-color:#f33}}#emergency-banner.hidden{display:none}.role-owner{color:var(--primary)!important}.role-partner{color:var(--danger)!important}.role-member{color:var(--success)!important}.loading-overlay{background:var(--bg);z-index:999999;justify-content:center;align-items:center;transition:background-color .3s,opacity 1s ease-in .3s;display:flex;position:fixed;inset:0;overflow:hidden}.wave-fill{fill:var(--load-wave);transition:fill .3s}.loading-text-bg{fill:var(--load-text-bg);transition:fill .3s}.loading-container{will-change:transform;flex-direction:column;align-items:flex-end;transition:transform 1.2s cubic-bezier(.7,0,.2,1);display:flex}.loading-container.zoom{transform:scale(30)}.loading-overlay.hide-overlay{opacity:0;pointer-events:none}.loading-container svg{width:100%;max-width:800px;height:200px;overflow:visible}.wave-anim{will-change:transform;animation:1.2s linear infinite wave-motion}@keyframes wave-motion{0%{transform:translate(0)}to{transform:translate(-400px)}}.loading-info{color:var(--load-text);letter-spacing:.5px;margin-top:-20px;margin-right:40px;font-family:Arial Black,system-ui,sans-serif;font-size:15px;font-weight:600;transition:opacity .3s}.loading-info.hide{opacity:0!important}
