*{margin:0;padding:0;box-sizing:border-box}:root{--bg: var(--tg-theme-bg-color, #0f0f14);--text: var(--tg-theme-text-color, #f5f5f7);--hint: var(--tg-theme-hint-color, #8a8a96);--link: var(--tg-theme-link-color, #6ab2f2);--button: var(--tg-theme-button-color, #6366f1);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #18181f);--accent: #22c55e;--warn: #f5a623;--danger: #ff3b30;--success: #34c759;--border: #26262e;--card-bg: #13131a}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100vh;display:flex;flex-direction:column}.login-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px;position:relative;overflow:hidden;background:#0a0a0f;isolation:isolate}.login-container:before,.login-container:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;filter:blur(60px);opacity:.55;background:radial-gradient(circle at 20% 30%,#6366f1 0%,transparent 45%),radial-gradient(circle at 80% 70%,#8b5cf6 0%,transparent 45%),radial-gradient(circle at 50% 50%,#ec4899 0%,transparent 40%);animation:login-aurora 18s ease-in-out infinite alternate}.login-container:after{top:-60%;right:-60%;bottom:-60%;left:-60%;opacity:.35;background:radial-gradient(circle at 70% 20%,#3b82f6 0%,transparent 40%),radial-gradient(circle at 30% 80%,#6366f1 0%,transparent 40%);animation:login-aurora 24s ease-in-out infinite alternate-reverse}@keyframes login-aurora{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(6%,-4%) rotate(180deg) scale(1.15)}to{transform:translate(-6%,6%) rotate(360deg) scale(1.05)}}.login-logo{font-size:48px;margin-bottom:8px}.login-logo-img{width:96px;height:96px;object-fit:cover;border-radius:20px;margin-bottom:8px}.login-title{font-size:24px;font-weight:700;margin-bottom:4px;text-align:center}.login-subtitle{color:var(--hint);font-size:14px;margin-bottom:16px;text-align:center;max-width:320px}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}.login-input{width:100%;padding:16px;font-size:20px;text-align:center;letter-spacing:8px;text-indent:8px;font-variant-numeric:tabular-nums;background:var(--secondary-bg);color:var(--text);border:1px solid var(--hint);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-input:focus{border-color:var(--button);box-shadow:0 0 0 3px #6366f126}.login-input::placeholder{letter-spacing:8px;text-indent:8px;color:var(--hint);opacity:.5}.login-button{width:100%;padding:16px;font-size:16px;font-weight:600;background:var(--button);color:var(--button-text);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--danger);font-size:14px;text-align:center;min-height:20px}.login-step{color:var(--hint);font-size:12px;text-align:center}.verify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0a0a0fb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:verify-fade-in .25s ease}.verify-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px}.verify-ring{width:64px;height:64px;border:3px solid transparent;border-top-color:var(--button);border-right-color:var(--button);border-radius:50%;animation:verify-spin .8s linear infinite}.verify-ring-2{position:absolute;width:80px;height:80px;border-top-color:#8b5cf6;border-right-color:#8b5cf6;animation:verify-spin 1.2s linear infinite reverse;opacity:.5}.verify-check{position:absolute;font-size:28px;color:var(--success);animation:verify-pop .4s ease}.verify-text{font-size:16px;font-weight:600;color:var(--text);letter-spacing:1px}@keyframes verify-fade-in{0%{opacity:0}to{opacity:1}}@keyframes verify-spin{to{transform:rotate(360deg)}}@keyframes verify-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.dashboard{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--secondary-bg)}.dashboard-header h1{font-size:20px}.dashboard-user{font-size:13px;color:var(--hint)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-card{background:var(--secondary-bg);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.dashboard-card-icon{font-size:24px}.dashboard-card-title{font-size:14px;color:var(--hint)}.dashboard-card-value{font-size:20px;font-weight:700}.logout-button{padding:10px 16px;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:8px;font-size:14px;cursor:pointer}.loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--hint);font-size:16px}.tool-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.tool-header-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#22c55e2e,#16a34a14);border:1px solid rgba(34,197,94,.2);color:#4ade80;flex-shrink:0;box-shadow:0 4px 12px #22c55e1f}.tool-header h2{font-size:18px;font-weight:700}.tool-header p{color:var(--hint);font-size:12px;margin-top:2px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .18s,border-color .18s,opacity .15s,transform .1s,box-shadow .18s;color:var(--text);background:var(--secondary-bg);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:7px 11px;font-size:12px;border-radius:8px}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);color:#f0fdf4;border-color:#22c55e80;box-shadow:0 4px 14px #22c55e40,inset 0 1px #ffffff26}.btn-approve:hover{background:linear-gradient(135deg,#4ade80,#22c55e 55%,#16a34a);box-shadow:0 6px 20px #22c55e59,inset 0 1px #fff3}.btn-stop{background:color-mix(in srgb,var(--warn) 22%,var(--secondary-bg));color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.btn-stop:hover{background:color-mix(in srgb,var(--warn) 32%,var(--secondary-bg))}.btn-reject{background:color-mix(in srgb,var(--danger) 18%,var(--secondary-bg));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn-reject:hover{background:color-mix(in srgb,var(--danger) 28%,var(--secondary-bg))}.btn-secondary{background:transparent;border-color:var(--border);color:var(--hint)}.btn-secondary:hover{color:var(--text);border-color:#22c55e66;background:#22c55e0f}.btn-warn{background:var(--warn);color:#2a1c00}.btn-warn:hover{background:color-mix(in srgb,var(--warn) 88%,#fff)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:border-color .2s,transform .15s}.stat-card:hover{border-color:#22c55e33;transform:translateY(-2px)}.stat-card-icon{color:#4ade80}.stat-card-label{font-size:12px;color:var(--hint)}.stat-card-value{font-size:24px;font-weight:700;letter-spacing:-.5px}.ok-color{color:var(--success)}.warn-color{color:var(--warn)}.error-color{color:var(--danger)}.hint-color{color:var(--hint)}.case-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.period-picker{display:flex;gap:6px;flex-wrap:wrap}.period-chip{padding:7px 14px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;color:var(--hint);cursor:pointer;transition:all .18s}.period-chip:hover{color:var(--text);border-color:#22c55e59;background:#22c55e0f}.period-chip.active{background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);color:#f0fdf4;border-color:#22c55e80;box-shadow:0 4px 12px #22c55e40}.search-bar{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;padding:10px 14px;background:#18181fcc;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--hint);transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:#22c55e66;box-shadow:0 0 0 3px #22c55e1a}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font:inherit;font-size:13px}.bulk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;background:color-mix(in srgb,var(--accent) 12%,var(--secondary-bg));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:11px;font-size:13px}.bulk-toolbar b{margin-right:auto}.article-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:10px;transition:border-color .18s,transform .15s}.article-card:hover{border-color:#22c55e40;transform:translateY(-1px)}.article-select{padding-top:2px}.article-select input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.article-title{text-align:left;font-size:15px;font-weight:600;background:transparent;border:none;color:var(--text);cursor:pointer;padding:0}.article-title:hover{color:var(--accent)}.article-meta{font-size:12px;color:var(--hint);margin-top:4px}.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.article-tag{font-size:11px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.article-excerpt{font-size:13px;color:var(--hint);margin-top:8px;line-height:1.5}.article-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card{background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;margin-bottom:12px;transition:border-color .2s}.card:hover{border-color:#ffffff1a}.card-title{font-size:14px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}.empty-state{padding:24px;text-align:center;color:var(--hint);font-size:13px;background:var(--secondary-bg);border:1px dashed var(--border);border-radius:12px;margin-bottom:12px}.audit-meta{font-size:12px;color:var(--hint);line-height:1.6;margin-bottom:6px}.audit-meta a{color:var(--accent)}.confirm-modal{width:min(540px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card-bg, #13131e);border:1px solid var(--border);border-radius:16px;padding:22px;position:relative}.confirm-modal h2{font-size:17px;margin-bottom:14px;padding-right:30px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--hint);cursor:pointer;transition:all .15s}.modal-close:hover{background:var(--secondary-bg);color:var(--text)}.login-form-label{display:block;font-size:12px;font-weight:600;color:var(--hint);margin:12px 0 6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#08080dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.case-composer{width:min(1180px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;background:var(--card-bg, #13131e);border:1px solid var(--border, #1e1e2e);border-radius:18px}.case-composer-header,.case-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border, #1e1e2e)}.case-composer-header h2{font-size:18px}.case-composer-header p{margin-top:4px;color:var(--hint);font-size:12px}.case-composer-footer{border-top:1px solid var(--border, #1e1e2e);border-bottom:0;justify-content:flex-end}.case-composer-body{display:grid;grid-template-columns:minmax(230px,.38fr) minmax(0,1fr);min-height:0;overflow:auto}.case-composer-fields{display:flex;flex-direction:column;gap:10px;padding:18px;border-right:1px solid var(--border, #1e1e2e)}.case-composer-fields label{display:flex;flex-direction:column;gap:5px;color:var(--hint);font-size:12px;font-weight:600}.case-composer-fields label span{font-weight:400}.case-composer-fields input,.case-composer-fields select,.case-composer-fields textarea{width:100%;padding:9px 10px;border:1px solid var(--border, #1e1e2e);border-radius:8px;outline:none;background:var(--secondary-bg);color:var(--text);font:inherit;font-size:13px}.case-composer-fields textarea{min-height:72px;resize:vertical}.case-composer-fields input:focus,.case-composer-fields select:focus,.case-composer-fields textarea:focus{border-color:var(--accent)}.case-composer-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-cover-preview{width:100%;max-height:140px;object-fit:cover;border-radius:8px;border:1px solid var(--border, #1e1e2e)}.case-composer-editor-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:500px}.case-composer-pane{min-width:0;padding:18px;overflow:auto}.case-composer-write{border-right:1px solid var(--border, #1e1e2e)}.case-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--border, #1e1e2e)}.case-editor-toolbar span{width:1px;height:20px;margin:0 3px;background:var(--border, #1e1e2e)}.case-editor-toolbar button{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--hint);cursor:pointer}.case-editor-toolbar button:hover,.case-editor-toolbar button.active{color:#fff;background:var(--accent)}.case-editor-toolbar button:disabled{opacity:.45;cursor:wait}.case-editor-content{min-height:420px;padding:14px 0;outline:none;line-height:1.65}.case-editor-content>*+*,.case-html-content>*+*{margin-top:1em}.case-editor-content h1,.case-html-content h1{font-size:1.7em;line-height:1.25}.case-editor-content h2,.case-html-content h2{font-size:1.35em;line-height:1.3}.case-editor-content ul,.case-editor-content ol,.case-html-content ul,.case-html-content ol{padding-left:1.5em}.case-editor-content blockquote,.case-html-content blockquote{padding-left:12px;border-left:3px solid var(--accent);color:var(--hint)}.case-editor-content img,.case-html-content img{max-width:100%;height:auto;border-radius:8px}.case-editor-content a,.case-html-content a{color:var(--link)}.case-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--hint);pointer-events:none}.case-visually-hidden{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.case-composer-error{margin-top:8px;color:var(--danger);font-size:12px}.case-preview-label{margin-bottom:12px;color:var(--hint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.case-preview-empty{color:var(--hint);font-size:13px}.case-html-content{line-height:1.65;overflow-wrap:anywhere}.case-composer-mobile-tabs{display:none}@media (max-width: 760px){.case-composer{max-height:calc(100vh - 16px);border-radius:14px}.case-composer-header,.case-composer-footer{padding:12px 14px}.case-composer-header p{display:none}.case-composer-body{display:block;overflow-y:auto}.case-composer-fields{border-right:0;border-bottom:1px solid var(--border, #1e1e2e);padding:14px}.case-composer-editor-area{display:block;min-height:0}.case-composer-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 14px 0}.case-composer-mobile-tabs button{display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:8px;border:1px solid var(--border, #1e1e2e);border-radius:8px;background:transparent;color:var(--hint);font:600 12px inherit;cursor:pointer}.case-composer-mobile-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.case-composer-pane{padding:14px}.case-composer-write{border-right:0}.case-composer-pane.mobile-hidden{display:none}.case-editor-content{min-height:280px}}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#0a0a0f}.top-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));background:#0a0a0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.top-bar-logo{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);font-size:18px;font-weight:700;letter-spacing:1px;cursor:pointer;padding:0}.top-bar-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e4d}.top-bar-profile{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:var(--secondary-bg);color:var(--text);cursor:pointer;transition:all .2s}.top-bar-profile:hover{background:#22c55e1f;border-color:#22c55e66}.app-content{flex:1;padding:16px 16px 110px;overflow-y:auto}.island-nav{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:4px;padding:8px;width:min(440px,calc(100vw - 28px));background:#12121ad1;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 12px 32px #00000080,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.island-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:none;border-radius:14px;background:transparent;color:var(--hint);cursor:pointer;transition:color .2s,background .25s,transform .15s;position:relative}.island-nav-item span{font-size:10px;font-weight:600;letter-spacing:.2px}.island-nav-item svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.island-nav-item:hover:not(.active){color:var(--text);background:#ffffff0a}.island-nav-item:hover:not(.active) svg{transform:translateY(-1px)}.island-nav-item:active{transform:scale(.94)}.island-nav-item.active{color:#bbf7d0;background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);box-shadow:0 6px 18px #22c55e59,0 2px 6px #16a34a40,inset 0 1px #fff3}.island-nav-item.active span{color:#f0fdf4}.island-nav-item.active svg{transform:scale(1.08);filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.more-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#08080db3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:more-fade-in .2s ease}.more-panel{width:min(440px,calc(100vw - 28px));margin-bottom:max(14px,env(safe-area-inset-bottom));background:#12121af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;box-shadow:0 12px 40px #0009;animation:more-slide-up .28s cubic-bezier(.16,1,.3,1)}.more-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:14px}.more-header span{font-size:14px;font-weight:700;color:var(--text);letter-spacing:.3px}.more-header button{width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--hint);cursor:pointer;transition:all .15s}.more-header button:hover{background:var(--secondary-bg);color:var(--text)}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.more-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;color:var(--hint);cursor:pointer;transition:all .2s}.more-item span{font-size:12px;font-weight:600}.more-item:hover{background:#ffffff0d;color:var(--text);border-color:#ffffff1a}.more-item.active{color:#bbf7d0;border-color:#22c55e66;background:linear-gradient(135deg,#22c55e26,#16a34a14)}.more-item.active span{color:#f0fdf4}@keyframes more-fade-in{0%{opacity:0}to{opacity:1}}@keyframes more-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.workspace-page{display:flex;flex-direction:column;min-height:100%}.workspace-content{flex:1;animation:workspace-fade-in .3s ease}@keyframes workspace-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:14px;margin-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.section-tabs::-webkit-scrollbar{display:none}.section-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:var(--hint);cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.section-tab svg{flex-shrink:0}.section-tab:hover{color:var(--text);border-color:#22c55e4d;background:#22c55e0d}.section-tab.active{color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);border-color:#22c55e80;box-shadow:0 4px 14px #22c55e40,inset 0 1px #ffffff26}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border-radius:999px;border:1px solid transparent}.status-badge.ok{color:#4ade80;background:#22c55e1f;border-color:#22c55e40}.status-badge.warn{color:var(--warn);background:#f5a6231f;border-color:#f5a62340}.status-badge.error{color:var(--danger);background:#ff3b301f;border-color:#ff3b3040}.status-badge.neutral{color:var(--hint);background:#ffffff0d;border-color:#ffffff14}.card-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.card-row:last-child{border-bottom:none}.card-row-label{color:var(--hint)}.card-row-value{color:var(--text);font-weight:600;text-align:right}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.card-header-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.empty-state-icon{color:var(--hint);margin-bottom:8px}.client-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.client-row:last-child{border-bottom:none}.client-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:16px;font-weight:700;color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#16a34a 60%,#15803d);box-shadow:0 4px 10px #22c55e33;flex-shrink:0}.client-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.client-info b{font-size:14px;font-weight:600}.client-info span{font-size:12px;color:var(--hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-row>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.client-row>div:last-child small{font-size:11px;color:var(--hint)}.mini-bars{display:flex;align-items:flex-end;gap:3px;height:32px;margin-top:6px}.mini-bar{flex:1;background:linear-gradient(to top,#22c55e4d,#22c55eb3);border-radius:2px 2px 0 0;min-height:3px;transition:opacity .2s}.stat-card:hover .mini-bar{background:linear-gradient(to top,#22c55e80,#4ade80e6)}.plan-progress{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px}.plan-progress span{width:70px;color:var(--hint);flex-shrink:0}.plan-progress i{flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e33}.plan-progress b{font-size:12px;font-weight:700;color:var(--text)}.page-hint{font-size:11px;color:var(--hint);text-align:center;padding:12px;opacity:.7}.profile-screen{padding-bottom:24px}.profile-identity{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:14px;background:linear-gradient(135deg,#22c55e14,#16a34a08);border:1px solid rgba(34,197,94,.15);border-radius:16px}.profile-avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;font-size:24px;font-weight:700;color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);box-shadow:0 6px 18px #22c55e4d;flex-shrink:0}.profile-name{font-size:18px;font-weight:700;margin-bottom:2px}.profile-sub{font-size:13px;color:var(--hint);margin-bottom:8px}.profile-action-row{display:flex;flex-direction:column;gap:10px;margin-top:14px;margin-bottom:24px}.profile-action{width:100%;display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;color:var(--text);cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.profile-action span{font-size:14px;font-weight:600}.profile-action:hover{color:#4ade80;background:#22c55e14;border-color:#22c55e40;transform:translate(2px)}.profile-action:active{transform:translate(0) scale(.99)}.profile-action svg{flex-shrink:0;transition:transform .2s}.profile-action:hover svg{transform:translate(2px)}.profile-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:14px;font-weight:600;border:1px solid rgba(255,59,48,.3);border-radius:14px;background:#ff3b3014;color:#ff6b6b;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-logout:hover{background:#ff3b3026;border-color:#ff3b3080;color:#ff8585;box-shadow:0 4px 16px #ff3b3033}.profile-logout:active{transform:scale(.98)}.modal-panel{width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#12121af5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 16px 48px #0009;overflow:hidden;animation:modal-slide-up .28s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-up{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.modal-header button{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:9px;background:transparent;color:var(--hint);cursor:pointer;transition:all .15s}.modal-header button:hover{background:var(--secondary-bg);color:var(--text)}.modal-tabs{display:flex;gap:6px;padding:14px 20px 0}.modal-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:transparent;color:var(--hint);cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-tab:hover{color:var(--text);border-color:#22c55e4d}.modal-tab.active{color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);border-color:#22c55e80;box-shadow:0 4px 12px #22c55e33}.modal-body{padding:18px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-label{display:block;font-size:12px;font-weight:600;color:var(--hint);margin-top:6px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.modal-input{width:100%;padding:12px 14px;font-size:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-input:focus{border-color:#22c55e66;box-shadow:0 0 0 3px #22c55e1a}.modal-input::placeholder{color:var(--hint);opacity:.5}.modal-textarea{width:100%;padding:12px 14px;font-size:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);outline:none;resize:vertical;min-height:120px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.modal-textarea:focus{border-color:#22c55e66;box-shadow:0 0 0 3px #22c55e1a}.modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center;animation:modal-success-pop .4s cubic-bezier(.34,1.56,.64,1)}.modal-success span{font-size:15px;font-weight:600}@keyframes modal-success-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.plan-grid,.duration-grid{display:flex;flex-wrap:wrap;gap:8px}.plan-chip,.duration-chip{padding:8px 14px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;color:var(--hint);cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.plan-chip:hover,.duration-chip:hover{color:var(--text);border-color:#22c55e4d;background:#22c55e0d}.plan-chip.active,.duration-chip.active{color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d);border-color:#22c55e80;box-shadow:0 4px 12px #22c55e40}.tariff-summary{padding:14px;margin-top:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.confirm-modal-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f5a6231f;border:1px solid rgba(245,166,35,.25);color:var(--warn);margin-bottom:14px}.domain-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.domain-summary{display:flex;align-items:baseline;gap:6px}.domain-summary-count{font-size:22px;font-weight:700;color:var(--text)}.domain-summary-label{font-size:13px;color:var(--hint)}.domain-refresh{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:var(--hint);cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.domain-refresh:hover:not(:disabled){color:#4ade80;border-color:#22c55e4d;background:#22c55e0f}.domain-refresh:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.domain-error{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:14px;background:#ff3b3014;border:1px solid rgba(255,59,48,.2);border-radius:12px;color:#ff6b6b;font-size:13px}.domain-skeletons,.domain-list{display:flex;flex-direction:column;gap:12px}.domain-card{background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s;cursor:pointer}.domain-card:hover{border-color:#22c55e33;box-shadow:0 8px 24px #0000004d}.domain-card.expanded{border-color:#22c55e4d;box-shadow:0 8px 32px #0006,0 0 0 1px #22c55e1a}.domain-card.skeleton{height:72px;background:linear-gradient(90deg,#18181f99,#1e1e28e6,#18181f99);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:16px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.domain-card-header{display:flex;align-items:center;gap:14px;padding:16px 18px 12px}.domain-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#22c55e2e,#16a34a14);border:1px solid rgba(34,197,94,.2);color:#4ade80;flex-shrink:0}.domain-card-info{flex:1;min-width:0}.domain-card-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.domain-card-plan{font-size:11px;color:var(--hint);padding:2px 8px;border-radius:999px;background:#ffffff0d}.domain-card-age{font-size:11px;color:var(--hint)}.domain-card-status{flex-shrink:0;display:grid;place-items:center}.domain-card-chevron{flex-shrink:0;color:var(--hint);transition:transform .3s cubic-bezier(.16,1,.3,1)}.domain-card-chevron.rotated{transform:rotate(180deg);color:#4ade80}.domain-card-body{padding:0 18px 18px;animation:domain-expand .3s ease}.domain-card-preview{padding:0 18px 14px;display:flex;flex-direction:column;gap:8px}.domain-preview-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hint)}.domain-preview-item svg{color:var(--hint);flex-shrink:0}.domain-preview-label{width:70px;flex-shrink:0;font-weight:600}.domain-preview-value{color:var(--text);font-weight:600}.domain-preview-value.ok{color:#4ade80}.domain-preview-value.error{color:#ff6b6b}.domain-preview-extra{font-size:11px;color:var(--hint);padding:1px 6px;border-radius:999px;background:#ffffff0d}.domain-card.expanded .domain-card-preview{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:14px}@keyframes domain-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.domain-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.05)}.domain-feature{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:12px}.domain-feature.on{background:#22c55e14;border:1px solid rgba(34,197,94,.15);color:#4ade80}.domain-feature.on b{color:#86efac}.domain-feature.off{background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--hint)}.domain-feature.off b{color:var(--text)}.domain-feature span{flex:1;font-weight:600}.domain-feature b{font-weight:700}.domain-section{margin-bottom:16px}.domain-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.04)}.domain-section-title svg{color:#4ade80}.domain-ns-list{display:flex;flex-direction:column;gap:6px}.domain-ns-item{font-size:13px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text);padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.domain-card-footer{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.04);font-size:11px;color:var(--hint);opacity:.7}.domain-card-footer svg{color:var(--hint)}.domain-dns-button{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;margin-top:14px;margin-bottom:6px;font-size:13px;font-weight:600;border:1px solid rgba(34,197,94,.2);border-radius:12px;background:#22c55e0f;color:#4ade80;cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.domain-dns-button:hover{background:#22c55e1a;border-color:#22c55e59}.domain-dns-button span{flex:1;text-align:left}.domain-dns-chevron{transition:transform .3s cubic-bezier(.16,1,.3,1)}.domain-dns-chevron.rotated{transform:rotate(180deg)}.dns-panel{margin-top:10px;margin-bottom:10px;animation:domain-expand .3s ease}.dns-loading{display:flex;align-items:center;gap:10px;padding:16px;font-size:13px;color:var(--hint);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.dns-loading svg{color:#4ade80}.dns-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.dns-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.dns-stat-value{font-size:18px;font-weight:700;color:var(--text)}.dns-stat-value.ok{color:#4ade80}.dns-stat-value.error{color:#ff6b6b}.dns-stat-label{font-size:10px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dns-records{display:flex;flex-direction:column;gap:6px}.dns-record{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:border-color .15s}.dns-record:hover{border-color:#ffffff1a}.dns-record-type{flex-shrink:0;width:50px;display:grid;place-items:center}.dns-record-info{flex:1;min-width:0}.dns-record-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-record-content{font-size:11px;color:var(--hint);font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.dns-record-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:10px;color:var(--hint)}.dns-record-proxied{display:inline-flex;align-items:center;gap:3px;color:#f59e0b;font-weight:600}.dns-record-health{flex-shrink:0}.dns-health-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700}.dns-health-badge.ok{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#4ade80}.dns-health-badge.error{background:#ff3b301f;border:1px solid rgba(255,59,48,.2);color:#ff6b6b}.dns-health-badge.neutral{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--hint)}.dns-health-time{font-size:10px;opacity:.7;font-weight:500}.app-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0f;z-index:9999}.app-loading-spinner{width:36px;height:36px;border:3px solid rgba(34,197,94,.15);border-top-color:#4ade80;border-radius:50%;animation:app-loading-spin .8s linear infinite}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.app-loading-text{font-size:13px;color:var(--hint);font-weight:500}.cl-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cl-topbar-stats{display:flex;gap:16px}.cl-topbar-stat{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--hint)}.cl-topbar-stat b{color:var(--text);font-weight:700;font-size:15px}.cl-topbar-stat svg{color:#4ade80}.cl-online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099}.cl-refresh{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:var(--hint);cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cl-refresh:hover:not(:disabled){color:#4ade80;border-color:#22c55e4d;background:#22c55e0f}.cl-refresh:disabled{opacity:.5;cursor:not-allowed}.cl-skeletons{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.cl-skel{height:140px;border-radius:16px;background:linear-gradient(90deg,#18181f99,#1e1e28e6,#18181f99);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.cl-section{background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;margin-bottom:14px}.cl-section-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cl-section-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.cl-section-icon.crm{background:linear-gradient(135deg,#22c55e2e,#16a34a14);border:1px solid rgba(34,197,94,.2);color:#4ade80}.cl-section-icon.forum{background:linear-gradient(135deg,#6366f12e,#4338ca14);border:1px solid rgba(99,102,241,.2);color:#818cf8}.cl-section-icon.dir{background:linear-gradient(135deg,#f59e0b2e,#d9770614);border:1px solid rgba(245,158,11,.2);color:#fbbf24}.cl-section-titles{flex:1;min-width:0}.cl-section-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.2}.cl-section-sub{font-size:11px;color:var(--hint);margin-top:2px}.cl-hero-row{display:flex;gap:14px;align-items:stretch;margin-bottom:18px}.cl-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 20px;background:linear-gradient(135deg,#22c55e1f,#16a34a0a);border:1px solid rgba(34,197,94,.18);border-radius:14px;flex-shrink:0;min-width:90px}.cl-hero-num{font-size:30px;font-weight:800;color:#4ade80;line-height:1;letter-spacing:-1px}.cl-hero-label{font-size:10px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cl-regs{display:flex;gap:6px;flex-wrap:wrap;flex:1;align-content:center}.reg-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;flex:1;min-width:56px;transition:all .15s}.reg-pill.highlight{background:#22c55e14;border-color:#22c55e33}.reg-pill.highlight .reg-pill-num{color:#4ade80}.reg-pill-num{font-size:18px;font-weight:800;color:var(--text);line-height:1}.reg-pill-label{font-size:9px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.cl-plans-label{font-size:11px;font-weight:700;color:var(--hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.cl-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan-pill{padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .15s}.plan-pill.active{border-color:#22c55e26;background:#22c55e0a}.plan-pill.empty{opacity:.5}.plan-pill-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.plan-pill-name{font-size:12px;font-weight:600;color:var(--text)}.plan-pill-count{font-size:18px;font-weight:800;color:#4ade80;line-height:1}.plan-pill-bar{height:4px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-bottom:4px}.plan-pill-bar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px;transition:width .5s ease}.plan-pill-pct{font-size:10px;color:var(--hint);font-weight:600}.cl-active-line{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);font-size:12px;color:#4ade80;font-weight:600}.cl-forum-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.cl-forum-comments{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--hint)}.cl-forum-comments b{color:#818cf8;font-size:16px;font-weight:800}.cl-forum-comments svg{color:#818cf8}.cl-forum-badges{display:flex;gap:6px;flex-wrap:wrap}.cl-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px}.cl-badge.neutral{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--hint)}.cl-badge.ok{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.cl-badge.warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.cl-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:12px}.cl-search svg{color:var(--hint)}.cl-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px;font-family:inherit}.cl-search input::placeholder{color:var(--hint)}.cl-users{display:flex;flex-direction:column;gap:8px}.ucard{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .15s}.ucard:hover{border-color:#22c55e26;background:#ffffff08}.ucard-avatar{position:relative;width:42px;height:42px;border-radius:12px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e2e,#16a34a14);border:1px solid rgba(34,197,94,.2);color:#4ade80;font-weight:700;font-size:17px}.ucard-avatar img{width:100%;height:100%;object-fit:cover}.ucard-online{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#4ade80;border:2px solid #131316;box-shadow:0 0 6px #4ade8080}.ucard-body{flex:1;min-width:0}.ucard-row1{display:flex;align-items:center;justify-content:space-between;gap:8px}.ucard-name{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucard-plan{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;flex-shrink:0;text-transform:capitalize}.ucard-plan.ok{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.ucard-plan.warn{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.ucard-plan.error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.ucard-plan.neutral{background:#ffffff0d;color:var(--hint);border:1px solid rgba(255,255,255,.08)}.ucard-row2{display:flex;align-items:center;gap:8px;margin-top:3px}.ucard-email{font-size:12px;color:var(--hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ucard-active-tag{font-size:9px;font-weight:700;color:#4ade80;padding:2px 6px;border-radius:999px;background:#22c55e1a;flex-shrink:0}.ucard-row3{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.ucard-meta{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--hint)}.ucard-meta svg{color:var(--hint)}.cl-empty{text-align:center;padding:24px;color:var(--hint);font-size:13px}.cl-section-icon.supa{background:linear-gradient(135deg,#22c55e2e,#16a34a14);border:1px solid rgba(34,197,94,.2);color:#4ade80}.cl-supabase-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cl-supabase-card{padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.cl-supabase-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cl-supabase-name{font-size:14px;font-weight:700;color:var(--text)}.cl-supabase-limits{display:flex;flex-direction:column;gap:6px}.cl-limit-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cl-limit-row:last-child{border-bottom:none}.cl-limit-label{font-size:12px;color:var(--hint)}.cl-limit-values{display:flex;align-items:baseline;gap:4px;font-size:12px}.cl-limit-values b{color:var(--text);font-weight:700}.cl-limit-cap{color:var(--hint);font-size:10px}.cl-supabase-meta{display:flex;align-items:center;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04);font-size:10px;color:var(--hint)}.cl-dot{opacity:.4}.cl-plan-limits{padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.cl-plan-limit-row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cl-plan-limit-row:first-child{padding-top:0}.cl-plan-limit-row:last-child{border-bottom:none;padding-bottom:0}.cl-plan-limit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cl-plan-limit-name{font-size:13px;font-weight:700;color:var(--text);text-transform:capitalize}.cl-plan-limit-active{font-size:10px;font-weight:600;color:#4ade80;padding:2px 8px;border-radius:999px;background:#22c55e1a}.cl-plan-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cl-mini-limit{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px}.cl-mini-limit-val{font-size:14px;font-weight:800;color:#4ade80;line-height:1}.cl-mini-limit-lbl{font-size:9px;color:var(--hint);font-weight:600;text-align:center}@media (max-width: 600px){.cl-supabase-row{grid-template-columns:1fr}}.svc-page{display:flex;flex-direction:column;gap:14px}.svc-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:16px;flex-wrap:wrap}.svc-summary-stats{display:flex;gap:10px;flex-wrap:wrap}.svc-sum-pill{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.svc-sum-pill.ok{background:#22c55e14;border-color:#22c55e33}.svc-sum-pill.ok svg{color:#4ade80}.svc-sum-pill.warn{background:#f59e0b14;border-color:#f59e0b33}.svc-sum-pill.warn svg{color:#fbbf24}.svc-sum-pill.error{background:#ef444414;border-color:#ef444433}.svc-sum-pill.error svg{color:#f87171}.svc-sum-pill-info{display:flex;flex-direction:column;line-height:1.1}.svc-sum-pill-info b{font-size:18px;font-weight:800;color:var(--text)}.svc-sum-pill-info span{font-size:10px;color:var(--hint);font-weight:600}.svc-summary-right{display:flex;align-items:center;gap:12px}.svc-checked-time{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--hint);font-variant-numeric:tabular-nums}.svc-checked-time svg{color:#4ade80}.svc-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:var(--hint);cursor:pointer;transition:all .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.svc-refresh-btn:hover:not(:disabled){color:#4ade80;border-color:#22c55e4d;background:#22c55e0f}.svc-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.svc-skeletons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.svc-skel{height:120px;border-radius:14px;background:linear-gradient(90deg,#18181f99,#1e1e28e6,#18181f99);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@media (max-width: 600px){.svc-skeletons{grid-template-columns:1fr}}.svc-group{display:flex;flex-direction:column;gap:8px}.svc-group-header{display:flex;align-items:center;gap:8px;padding:0 4px}.svc-group-title{font-size:12px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.svc-group-count{font-size:10px;font-weight:700;color:var(--hint);padding:2px 7px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 600px){.svc-grid{grid-template-columns:1fr}}.scard{background:linear-gradient(160deg,#18181fe6,#13131af2);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;overflow:hidden}.scard.ok{border-left:3px solid #4ade80}.scard.warn{border-left:3px solid #fbbf24}.scard.error{border-left:3px solid #f87171}.scard-head{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.scard-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.scard-icon.ok{background:linear-gradient(135deg,#22c55e2e,#16a34a14);border:1px solid rgba(34,197,94,.2);color:#4ade80}.scard-icon.warn{background:linear-gradient(135deg,#f59e0b2e,#d9770614);border:1px solid rgba(245,158,11,.2);color:#fbbf24}.scard-icon.error{background:linear-gradient(135deg,#ef44442e,#dc262614);border:1px solid rgba(239,68,68,.2);color:#f87171}.scard-info{flex:1;min-width:0}.scard-name{font-size:15px;font-weight:700;color:var(--text);line-height:1.2}.scard-project{font-size:11px;color:var(--hint);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scard-status-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.scard-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.scard-status-badge.ok{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.scard-status-badge.warn{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.scard-status-badge.error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.scard-latency{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--hint);font-variant-numeric:tabular-nums}.scard-latency svg{color:#4ade80}.scard-chevron{color:var(--hint);flex-shrink:0;margin-left:4px}.scard-message{font-size:12px;color:var(--text);font-weight:500;margin-top:12px;padding:8px 12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.scard-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.scard-metric{display:flex;flex-direction:column;gap:1px;padding:8px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;min-height:48px}.scard-metric-label{font-size:10px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scard-metric-value{font-size:14px;font-weight:700;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scard-metric-sub{font-size:10px;color:#4ade80;font-weight:600}.scard-expanded{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);animation:scard-expand .2s ease}@keyframes scard-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.scard-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.scard-meta-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.scard-meta-key{font-size:9px;color:var(--hint);font-weight:700;text-transform:uppercase;letter-spacing:.3px}.scard-meta-val{font-size:13px;font-weight:600;color:var(--text)}.scard-limits-title{font-size:10px;font-weight:700;color:var(--hint);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.scard-limits{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.scard-limit{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px}.scard-limit-label{font-size:11px;color:var(--hint)}.scard-limit-value{font-size:12px;font-weight:700;color:#4ade80}.scard-limit-sub{font-size:9px;color:var(--hint);margin-left:4px}