@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box;margin:0;padding:0}body{height:100dvh;font-family:Inter,system-ui,sans-serif;overflow:hidden}#root{height:100dvh;display:flex}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}:root{--transition:.3s ease}[data-theme=dark]{--bg:#0f0f1a;--bg2:#161625;--sidebar-bg:#0a0a14;--card-bg:#1a1a2e;--card-bg2:#1f1f35;--card-border:#c9a84c2e;--card-border2:#ffffff0f;--text:#f0f0f0;--text2:#a0a0b8;--text3:#606078;--gold:#c9a84c;--gold2:#e8c96a;--gold3:#c9a84c1f;--gold-glow:#c9a84c40;--green:#2ecc71;--green-bg:#2ecc711f;--yellow:#f39c12;--yellow-bg:#f39c121f;--red:#e74c3c;--red-bg:#e74c3c1f;--input-bg:#ffffff0d;--divider:#ffffff12;--shadow:0 8px 32px #0006;--shadow2:0 2px 12px #0000004d}[data-theme=light]{--bg:#f0ece2;--bg2:#e8e2d8;--sidebar-bg:#1a1a2e;--card-bg:#fff;--card-bg2:#f8f5ef;--card-border:#c9a84c4d;--card-border2:#00000014;--text:#1a1a2e;--text2:#5a5a7a;--text3:#9a9ab0;--gold:#b8922a;--gold2:#d4a832;--gold3:#c9a84c1a;--gold-glow:#c9a84c33;--green:#1a9e52;--green-bg:#1a9e521a;--yellow:#c47d00;--yellow-bg:#c47d001a;--red:#c0392b;--red-bg:#c0392b1a;--input-bg:#0000000a;--divider:#00000014;--shadow:0 8px 32px #0000001a;--shadow2:0 2px 12px #00000014}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100dvh;transition:background var(--transition), color var(--transition);font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);z-index:50;border-right:1px solid #c9a84c1a;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:62px;padding:18px 0 14px;display:flex;position:relative}.logo-wrap{cursor:pointer;flex-direction:column;align-items:center;gap:2px;margin-bottom:18px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--gold), var(--gold2));width:34px;height:34px;box-shadow:0 0 16px var(--gold-glow);border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.logo-text{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;font-size:8px;font-weight:800}.nav-item{width:44px;height:44px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:13px;outline:none;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--gold2);background:var(--gold3)}.nav-item.active{color:var(--gold);background:var(--gold3)}.nav-item.active:before{content:"";background:conic-gradient(from var(--a,0deg), transparent 0deg, var(--gold2) 60deg, var(--gold) 120deg, transparent 180deg, var(--gold2) 240deg, var(--gold) 300deg, transparent 360deg);-webkit-mask-composite:xor;-webkit-mask-composite:xor;border-radius:14px;padding:1.5px;animation:2.5s linear infinite rotateBorder;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateBorder{to{--a:360deg}}.nav-tooltip{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow2);z-index:100;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;left:54px}.nav-item:hover .nav-tooltip{opacity:1}.nav-spacer{flex:1}.nav-divider{background:var(--divider);width:28px;height:1px;margin:4px 0}.main{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.header{background:var(--bg2);border-bottom:1px solid var(--divider);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:520px;max-width:calc(100vw - 64px);padding:12px 18px;display:flex}.header-left{min-width:0}.header-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.header-sub{color:var(--text3);margin-top:1px;font-size:11px}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--card-border2);background:var(--input-bg);width:36px;height:36px;color:var(--text2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--gold);color:var(--gold)}.user-chip{background:var(--input-bg);border:1px solid var(--card-border2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:5px 10px 5px 5px;transition:border-color .2s;display:flex}.user-chip:hover{border-color:var(--gold)}.avatar{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a1a2e;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-name{color:var(--text);font-size:12px;font-weight:600}.user-id{color:var(--text3);font-size:10px}.content{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;width:100%;max-width:520px;height:100%;padding:14px;display:flex;overflow-y:auto}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:var(--divider);border-radius:3px}.section-label{color:var(--text3);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;padding:0 2px;font-size:10px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--divider);flex:1;height:1px}.p-card{background:var(--card-bg);border:1px solid var(--card-border2);border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.p-card:hover{border-color:var(--card-border)}.p-card.status-warn{border-color:#f39c1259;box-shadow:0 0 0 1px #f39c121a,inset 0 0 20px #f39c1208}.p-card.status-danger{border-color:#e74c3c59;box-shadow:0 0 0 1px #e74c3c1a,inset 0 0 20px #e74c3c08}.p-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:14px 14px 14px 16px;display:grid}.p-name-row{align-items:center;gap:7px;min-width:0;display:flex}.p-avatar{border:1px solid var(--card-border);background:linear-gradient(135deg,#2d2d50,#3d3d70);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.p-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;overflow:hidden}.p-name:hover{color:var(--gold)}.p-badges{flex-wrap:wrap;gap:4px;display:flex}.badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.badge-warn{background:var(--yellow-bg);color:var(--yellow)}.badge-danger{background:var(--red-bg);color:var(--red)}.p-rating{grid-area:1/2;justify-content:flex-end;align-items:center;gap:4px;display:flex}.stars{color:var(--gold);letter-spacing:-1px;font-size:11px}.rating-val{color:var(--text);font-size:13px;font-weight:700}.rating-cnt{color:var(--text3);font-size:10px}.p-meta-row{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.p-id{color:var(--text3);font-family:monospace;font-size:10px}.p-balances{align-items:center;gap:8px;display:flex}.bal{align-items:center;gap:3px;font-size:11px;display:flex}.bal-label{color:var(--text3);font-size:10px}.bal-val{color:var(--text);font-weight:700}.bal-val.low{color:var(--red)}.bal-val.warn{color:var(--yellow)}.bal-sep{color:var(--divider);font-size:14px}.expand-btn{border:1px solid var(--card-border2);background:var(--input-bg);width:26px;height:26px;color:var(--text3);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.expand-btn:hover{border-color:var(--gold);color:var(--gold)}.expand-btn.open{border-color:var(--gold);color:var(--gold);background:var(--gold3);transform:rotate(180deg)}.card-btn{border:1px solid var(--card-border2);background:var(--input-bg);width:26px;height:26px;color:var(--text3);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex;position:static}.card-btn:hover{border-color:var(--gold);color:var(--gold)}.card-btn:disabled{opacity:.5;cursor:not-allowed}.p-card-body{border-top:1px solid var(--divider);flex-direction:column;gap:12px;padding:14px 16px 16px;display:none}.p-card-body.open{display:flex}.service-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot-g{background:var(--green);box-shadow:0 0 8px var(--green)}.dot-y{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.dot-r{background:var(--red);box-shadow:0 0 8px var(--red)}.service-lbl{color:var(--text3);font-size:11px}.service-val{font-size:12px;font-weight:600}.sv-g{color:var(--green)}.sv-y{color:var(--yellow)}.sv-r{color:var(--red)}.service-details{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.svc-tag{background:var(--input-bg);color:var(--text3);border:1px solid var(--divider);border-radius:20px;padding:2px 7px;font-size:9px}.period-row{gap:5px;display:flex}.period-btn{border:1px solid var(--card-border2);color:var(--text3);cursor:pointer;background:0 0;border-radius:20px;padding:4px 11px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;transition:all .15s}.period-btn:hover{border-color:var(--gold);color:var(--gold)}.period-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold3)}.kpi-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.kpi-cell{background:var(--card-bg2);border:1px solid var(--divider);border-radius:12px;padding:10px 12px}.kpi-cell.full{grid-column:1/-1}.kpi-lbl{color:var(--text3);letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.kpi-val{color:var(--text);font-size:18px;font-weight:800;line-height:1}.kpi-sub{color:var(--text3);margin-top:3px;font-size:9px}.add-card{border:1.5px dashed var(--divider);cursor:pointer;color:var(--text3);background:0 0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-card:hover{border-color:var(--gold);color:var(--gold);background:var(--gold3)}.add-icon{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;line-height:1;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text3);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.form-input{border:1px solid var(--card-border2);background:var(--input-bg);color:var(--text);border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s}.form-input:focus{border-color:var(--gold)}.form-input[readonly]{color:var(--text3);cursor:default}.form-input::placeholder{color:var(--text3)}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a1a2e;box-shadow:0 4px 14px var(--gold-glow)}.btn-gold:hover{box-shadow:0 6px 20px var(--gold-glow);transform:translateY(-1px)}.btn-outline{border:1px solid var(--card-border2);color:var(--text2);background:0 0}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #e74c3c4d}.btn-danger:hover{background:var(--red);color:#fff}.btn-full{width:100%}.block{background:var(--card-bg);border:1px solid var(--card-border2);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.block-title{color:var(--gold);border-bottom:1px solid var(--divider);align-items:center;gap:6px;padding-bottom:10px;font-size:12px;font-weight:700;display:flex}.trigger-item{border-bottom:1px solid var(--divider);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.trigger-item:last-child{border-bottom:none;padding-bottom:0}.trigger-title{color:var(--text);font-size:13px;font-weight:600}.trigger-sub{color:var(--text3);font-size:11px}.threshold-row{align-items:center;gap:8px;display:flex}.threshold-input{border:1px solid var(--card-border2);background:var(--input-bg);width:80px;color:var(--text);text-align:center;border-radius:8px;outline:none;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px}.threshold-input:focus{border-color:var(--gold)}.threshold-unit{color:var(--text3);font-size:12px}.check-row{flex-wrap:wrap;gap:8px;display:flex}.check-label{color:var(--text2);cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.check-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--gold);cursor:pointer}.channels-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.channel-btn{border:1px solid var(--card-border2);background:var(--input-bg);color:var(--text2);cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:flex}.channel-btn.on{border-color:var(--gold);background:var(--gold3);color:var(--gold)}.channel-btn:hover{border-color:var(--gold);color:var(--gold)}.channel-icon{font-size:16px}.plan-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-card{border:1px solid var(--card-border2);text-align:center;cursor:pointer;background:var(--input-bg);border-radius:12px;padding:14px 12px;transition:all .2s}.plan-card.active{border-color:var(--gold);background:var(--gold3);box-shadow:0 0 16px var(--gold-glow)}.plan-badge{color:var(--gold);letter-spacing:.5px;margin-bottom:3px;font-size:9px;font-weight:700}.plan-name{color:var(--text3);margin-bottom:5px;font-size:11px}.plan-price{color:var(--text);font-size:22px;font-weight:800;line-height:1}.plan-period{color:var(--text3);margin-top:3px;font-size:10px}.contact-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--card-border2);background:var(--input-bg);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.chip:hover{border-color:var(--gold);color:var(--gold)}.auth-screen{background:var(--bg);z-index:200;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.auth-screen.show{display:flex}.auth-box{background:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:16px;padding:28px 24px;display:flex}.auth-logo{flex-direction:column;align-items:center;gap:6px;margin-bottom:4px;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--gold), var(--gold2));width:48px;height:48px;box-shadow:0 0 24px var(--gold-glow);border-radius:14px;justify-content:center;align-items:center;font-size:22px;display:flex}.auth-logo-name{color:var(--gold);letter-spacing:2px;font-size:20px;font-weight:800}.auth-logo-sub{color:var(--text3);text-align:center;font-size:11px}.auth-tabs{background:var(--input-bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.auth-tab{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--card-bg);color:var(--gold);box-shadow:var(--shadow2)}.logout-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.logout-icon{font-size:48px}.logout-title{font-size:18px;font-weight:700}.logout-sub{color:var(--text3);font-size:13px}.logout-btns{gap:10px;margin-top:8px;display:flex}.footer-credit{text-align:center;color:var(--text3);border-top:1px solid var(--divider);flex-shrink:0;padding:8px;font-size:10px}.footer-credit a{color:var(--gold);text-decoration:none}.footer-credit a:hover{text-decoration:underline}.tab-content{flex-direction:column;gap:10px;display:none}.tab-content.active{display:flex}@media (width<=400px){.sidebar{width:54px}.kpi-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.channels-grid,.plan-grid{grid-template-columns:1fr 1fr}}.ui-icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex-shrink:0;width:16px;height:16px}.trigger-title,.kpi-lbl{align-items:center;gap:7px;display:flex}.bal-label{color:var(--gold);align-items:center;display:inline-flex}.p-card-head{grid-template-columns:1fr;gap:9px;padding:14px 46px 14px 16px}.p-rating-compact{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding-right:2px;display:flex}.stars{white-space:nowrap}.p-rating-compact .rating-val{color:var(--gold)}.expand-btn{width:34px;height:34px;top:12px;right:12px}.card-btn{width:40px;height:40px}.period-btn{min-height:40px;padding:8px 13px}.btn{min-height:44px}.channel-btn{gap:9px;min-height:48px;padding:12px 14px}.channel-icon{width:18px;height:18px}.contact-icons{justify-content:center;align-items:center;gap:12px;display:flex}.contact-icon-link{border:1px solid var(--card-border2);background:var(--input-bg);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:border-color .2s,transform .2s,background .2s;display:inline-flex}.contact-icon-link:hover{border-color:var(--gold);background:var(--gold3);transform:translateY(-1px)}.contact-icon-link img{-o-object-fit:contain;object-fit:contain;width:28px;height:28px;display:block}.logout-block{padding:16px}@media (width<=400px){.content{padding:12px 10px}.p-card-head{padding:13px 48px 13px 14px}.p-name-row{gap:6px;min-width:0}.p-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stars{letter-spacing:-2px;font-size:10px}.p-rating-compact .rating-val{font-size:12px}.p-meta-row{align-items:flex-start;gap:7px}.p-balances{flex-wrap:wrap;justify-content:flex-end;gap:5px}.btn,.channel-btn,.period-btn,.plan-card,.contact-icon-link,.theme-toggle,.user-chip,.expand-btn{touch-action:manipulation}}.p-card-head-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:12px;display:grid;position:relative}.p-card-left,.p-card-right{min-width:0}.p-card-left{flex-direction:column;gap:8px;display:flex}.p-card-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.p-card-head-grid .p-name-row{align-items:center;gap:6px;min-width:0;display:flex}.p-card-head-grid .p-name{min-width:0;max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.25;display:block;overflow:hidden}.p-card-head-grid .p-meta-row{align-items:center;min-width:0;display:flex}.p-card-head-grid .p-id{color:var(--text3);white-space:nowrap;font-size:11px}.p-card-rating-row{justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.p-card-head-grid .p-rating-compact{justify-content:flex-end;align-items:center;gap:4px;min-width:0;max-width:calc(100% - 34px);display:flex}.p-card-head-grid .stars{letter-spacing:-1px;color:var(--gold);white-space:nowrap;text-overflow:clip;font-size:11px;overflow:hidden}.p-card-head-grid .rating-val{color:var(--gold);white-space:nowrap;font-size:11px;font-weight:800}.p-card-head-grid .expand-btn{flex:0 0 30px;width:30px;min-width:30px;height:30px;position:static}.p-card-head-grid .p-balances{justify-content:flex-end;align-items:center;gap:5px;min-width:0;max-width:100%;display:flex;overflow:hidden}.p-card-head-grid .bal{align-items:center;gap:3px;min-width:0;display:inline-flex}.p-card-head-grid .bal-label{color:var(--gold);flex:none;align-items:center;font-size:11px;display:inline-flex}.p-card-head-grid .bal-label .ui-icon{width:13px;height:13px}.p-card-head-grid .bal-val{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:58px;font-size:11px;font-weight:800;overflow:hidden}.p-card-head-grid .bal-sep{color:var(--text3);font-size:11px}@media (width<=420px){.p-card-head-grid{gap:8px;padding:12px}.p-card-head-grid .p-name{font-size:14px}.p-card-head-grid .p-balances{gap:4px}.p-card-head-grid .bal-val{max-width:52px}}.p-card-head-stack{flex-direction:column;gap:7px;min-height:0;padding:14px 14px 13px;display:flex;position:relative}.p-card-title-line{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.p-card-title-wrap{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.p-card-head-stack .p-name{min-width:0;max-width:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;line-height:1.25;text-decoration:none;display:block;overflow:hidden}.p-card-head-stack .expand-btn{flex:none;width:32px;min-width:32px;height:32px;position:static}.p-card-id-line{align-items:center;min-width:0;display:flex}.p-card-head-stack .p-id{color:var(--text3);white-space:nowrap;font-size:11px;line-height:1.2}.p-card-metrics-line{justify-content:flex-start;align-items:center;gap:11px;min-width:0;display:flex;overflow:hidden}.p-card-head-stack .p-rating-compact{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.p-card-head-stack .stars{color:var(--gold);letter-spacing:-1px;white-space:nowrap;font-size:11px;line-height:1}.p-card-head-stack .rating-val{color:var(--gold);white-space:nowrap;font-size:11px;font-weight:800;line-height:1}.p-card-head-stack .p-balances{flex:auto;align-items:center;gap:10px;min-width:0;display:inline-flex;overflow:hidden}.p-card-head-stack .bal{align-items:center;gap:4px;min-width:0;display:inline-flex}.p-card-head-stack .bal-label{color:var(--gold);white-space:nowrap;flex:none;align-items:center;font-size:11px;line-height:1;display:inline-flex}.p-card-head-stack .bal-label .ui-icon{width:13px;height:13px}.p-card-head-stack .bal-val{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:11px;font-weight:800;line-height:1;overflow:hidden}@media (width<=380px){.p-card-head-stack{padding:13px 12px 12px}.p-card-head-stack .p-name{font-size:14px}.p-card-metrics-line{gap:8px}.p-card-head-stack .p-balances{gap:7px}.p-card-head-stack .bal-val{max-width:58px}}.menu-toggle{cursor:pointer;border:0}.mobile-menu-backdrop{display:none}@media (width<=768px){.sidebar{z-index:1002;transition:transform .18s;transform:translate(-100%);box-shadow:16px 0 40px #00000061}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-backdrop{z-index:1001;background:#0000006b;border:0;padding:0;display:block;position:fixed;inset:0}.main{width:100%;margin-left:0}.content,.header{max-width:420px;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px}.footer-credit{max-width:420px;margin-left:auto;margin-right:auto}}@media (width<=768px){.mobile-header-menu-btn{width:42px;min-width:42px;height:42px;color:var(--gold);cursor:pointer;background:#ffffff0f;border:1px solid #d4a84359;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.header-left{align-items:center;gap:10px;min-width:0;display:flex}body{overflow-x:hidden}.main{min-height:100vh;width:100vw!important;max-width:100vw!important;margin-left:0!important}.sidebar{z-index:1002;transition:transform .18s;top:0;bottom:0;left:0;width:78px!important;position:fixed!important;transform:translate(-100%)!important}.sidebar.mobile-open{transform:translate(0)!important}.mobile-menu-backdrop{z-index:1001;background:#0000007a;border:0;padding:0;display:block;position:fixed;inset:0}.content,.header,.footer-credit{box-sizing:border-box;width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important}.content,.header{padding-left:14px!important;padding-right:14px!important}}.mobile-header-menu-btn{display:none}.header-title-wrap{min-width:0}@media (width<=768px){.mobile-header-menu-btn{width:44px;min-width:44px;height:44px;color:var(--gold);cursor:pointer;background:#ffffff0f;border:1px solid #d4a84373;border-radius:14px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex!important}.header-left{flex:auto;min-width:0;align-items:center!important;gap:10px!important;display:flex!important}.header-title-wrap{min-width:0;overflow:hidden}.header-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-sub{white-space:normal;line-height:1.25}.header-right{flex:none}}.p-card-head-stack{text-align:left!important;align-items:stretch!important}.p-card-title-line,.p-card-id-line,.p-card-metrics-line{width:100%;text-align:left!important}.p-card-title-line{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.p-card-title-wrap{text-align:left!important;justify-content:flex-start!important}.p-card-head-stack .p-name{text-align:left!important;font-size:15px!important}.p-card-id-line{justify-content:flex-start!important}.p-card-head-stack .p-id{text-align:left!important}.p-card-metrics-line{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;display:flex!important}.p-card-head-stack .p-rating-compact,.p-card-head-stack .p-balances,.p-card-head-stack .bal{text-align:left!important;justify-content:flex-start!important}.p-card-head-stack .p-balances{flex:auto;min-width:0;display:flex!important}@media (width<=768px){.p-card{box-sizing:border-box;width:100%!important;max-width:100%!important}.p-card-head-stack{padding:14px!important}.p-card-head-stack .expand-btn{width:34px!important;min-width:34px!important;height:34px!important}.nav-tooltip{display:none!important}}.p-card-head-compact{justify-content:space-between;align-items:center;gap:12px;min-height:86px;padding-right:52px;display:flex;position:relative}.p-card-preview-main{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.p-id-under-name{color:var(--text3);opacity:.78;margin-top:-1px;font-size:10px;line-height:1.1}.p-card-metrics-compact{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;margin-top:4px;display:flex}.expand-btn-centered{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.expand-btn-centered.open{transform:translateY(-50%)rotate(180deg)}@media (width<=520px){.p-card-head-compact{min-height:76px;padding-top:14px;padding-bottom:14px;padding-right:50px}.p-card-metrics-compact{gap:8px}.p-balances,.bal{min-width:0}.bal-label,.bal-val{white-space:nowrap}.expand-btn-centered{right:14px}}.p-card-head-compact .p-card-preview-main{flex:auto;align-items:stretch;width:100%;min-width:0}.p-card-head-compact .p-card-title-wrap,.p-card-head-compact .p-id-under-name,.p-card-head-compact .p-card-metrics-line{width:100%}.p-card-head-compact .p-card-metrics-line.p-card-metrics-compact{text-align:left;justify-content:flex-start;align-self:stretch;align-items:center;gap:8px;width:100%;min-width:0;margin-left:0;padding-left:0;padding-right:0;display:flex}.p-card-head-compact .p-rating-compact{flex:none;justify-content:flex-start;align-items:center;gap:4px;display:inline-flex;margin-left:0!important;padding-right:0!important}.p-card-head-compact .p-balances{flex:0 auto;justify-content:flex-start;align-items:center;gap:8px;min-width:0;margin-left:0;display:inline-flex;overflow:hidden}.p-card-head-compact .p-balances .bal{white-space:nowrap;align-items:center;gap:3px;min-width:0;display:inline-flex}.p-card-head-compact .p-balances .bal-val{white-space:nowrap;max-width:none}@media (width<=400px){.p-card-head-compact .p-balances{flex-wrap:nowrap;justify-content:flex-start!important}}