.sc-panel{max-width:100%}.sc-status-bar{display:flex;gap:20px;flex-wrap:wrap;padding:14px 20px;background:#1520368c;border:1px solid rgba(51,65,85,.25);border-radius:10px;margin-bottom:20px}.sc-stat{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.sc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sc-dot-green{background:#22c55e;box-shadow:0 0 7px #22c55e80}.sc-dot-amber{background:#f59e0b;box-shadow:0 0 7px #f59e0b66}.sc-dot-red{background:#ef4444}.sc-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#64748b;margin-bottom:10px}.sc-subtitle{font-size:14px;color:#94a3b8;margin-bottom:14px;line-height:1.5}.sc-list{display:flex;flex-direction:column;gap:6px}.sc-row{background:#1520368c;border:1px solid rgba(51,65,85,.25);border-radius:10px;overflow:hidden;animation:sc-fadeUp .35s ease both}.sc-row-connected{border-color:#22c55e26}.sc-row-main{display:flex;align-items:center;gap:14px;padding:14px 18px;transition:background .12s}.sc-row-main:hover{background:#1e2d4a4d}.sc-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:16px}.sc-icon-connector{background:#1e2d4a;font-size:20px}.sc-info{flex:1;min-width:0}.sc-name{font-weight:600;font-size:14px;color:#f8fafc}.sc-note{font-size:12px;color:#64748b;margin-top:2px}.sc-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sc-badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.sc-badge-green{background:#22c55e1f;color:#4ade80}.sc-badge-amber{background:#f59e0b1f;color:#fbbf24}.sc-badge-red{background:#ef44441f;color:#f87171}.sc-badge-off{background:#3341554d;color:#94a3b8}.sc-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.sc-btn-primary{background:#60a5fa;color:#0d1729}.sc-btn-primary:hover{box-shadow:0 0 12px #60a5fa4d}.sc-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sc-btn-ghost{background:transparent;color:#cbd5e1;border:1px solid rgba(51,65,85,.4)}.sc-btn-ghost:hover{border-color:#60a5fa;color:#60a5fa}.sc-btn-warn{background:transparent;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.sc-btn-warn:hover{background:#f59e0b14}.sc-btn-danger{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.sc-btn-danger:hover{background:#ef444414}.sc-embed{padding:12px 18px 16px;background:#0a122199;border-top:1px solid rgba(51,65,85,.2)}.sc-embed-label{font-size:12px;color:#94a3b8;margin-bottom:6px}.sc-embed-row{display:flex;gap:8px;align-items:center}.sc-embed-code{flex:1;padding:8px 12px;background:#0a1221;border:1px solid #334155;border-radius:6px;font-size:11px;color:#93c5fd;font-family:JetBrains Mono,Consolas,monospace;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.sc-setup{padding:12px 18px 16px;border-top:1px solid rgba(51,65,85,.2)}.sc-steps{padding-left:20px;font-size:12px;color:#94a3b8;margin-bottom:10px}.sc-steps li{margin-bottom:3px}.sc-token-row{display:flex;gap:8px}.sc-input{flex:1;padding:8px 12px;background:#0a1221;border:1px solid #334155;border-radius:7px;color:#f8fafc;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.sc-input:focus{border-color:#60a5fa}.sc-input::placeholder{color:#64748b}.sc-row-error{color:#f87171;font-size:12px;margin-top:6px}.sc-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;color:#ef4444;font-size:13px;margin-bottom:16px}.sc-loading{text-align:center;padding:40px 0;color:#94a3b8}.sc-spinner{width:28px;height:28px;border:2.5px solid rgba(51,65,85,.4);border-top-color:#60a5fa;border-radius:50%;animation:sc-spin .7s linear infinite;margin:0 auto 12px}.sc-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:10px 24px;border-radius:9999px;font-weight:600;font-size:13px;box-shadow:0 0 16px #22c55e59,0 6px 24px #00000059;animation:sc-toastIn .3s ease;z-index:200}@keyframes sc-spin{to{transform:rotate(360deg)}}@keyframes sc-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-toastIn{0%{transform:translate(-50%) translateY(12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:600px){.sc-row-main{flex-wrap:wrap}.sc-actions{width:100%;justify-content:flex-end}}:root{--navy-950: #0A1221;--navy-900: #0d1729;--navy-800: #152036;--navy-700: #1e2d4a;--blue-accent: #60a5fa;--blue-glow: #93c5fd;--slate-50: #f8fafc;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-700: #334155;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--cyan: #06b6d4;--purple: #8b5cf6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--navy-950);color:var(--slate-300);min-height:100vh;-webkit-font-smoothing:antialiased}.dash-layout{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.dash-main{min-height:100vh;overflow-y:auto;background:var(--navy-950)}.page{max-width:1080px;padding:28px 32px 48px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page h1{font-weight:800;font-size:24px;color:var(--slate-50);line-height:1.2;margin-bottom:2px}.page-sub{font-size:14px;color:var(--slate-400);line-height:1.5;margin-bottom:20px}.page-sub strong{color:var(--blue-accent);font-weight:600}.sidebar{background:var(--navy-900);border-right:1px solid rgba(51,65,85,.3);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid rgba(51,65,85,.3)}.sb-logo{border-radius:50%}.sb-brand-text{display:flex;align-items:baseline;gap:2px}.sb-w1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;color:var(--slate-50)}.sb-w2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;background:linear-gradient(to right,var(--blue-accent),var(--blue-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sb-nav{flex:1;padding:8px 10px;display:flex;flex-direction:column;gap:1px}.sb-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--slate-500);padding:16px 10px 5px}.sb-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;color:var(--slate-400);font-size:13px;font-weight:500;text-decoration:none;transition:all .12s}.sb-link:hover{background:#ffffff0a;color:var(--slate-300)}.sb-link.active{background:#60a5fa1a;color:var(--blue-accent);font-weight:600}.sb-link-icon{width:18px;text-align:center;font-size:13px;flex-shrink:0}.sb-footer{padding:14px 18px;border-top:1px solid rgba(51,65,85,.3)}.sb-user-name{font-size:13px;font-weight:600;color:var(--slate-50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{margin:3px 0 10px}.sb-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:4px}.sb-role.admin{color:var(--green);background:#22c55e1a}.sb-role.client{color:var(--slate-400)}.sb-logout{width:100%;font-size:12px;font-weight:600;font-family:inherit;color:var(--slate-400);background:transparent;border:1px solid rgba(51,65,85,.4);border-radius:7px;padding:7px 0;cursor:pointer;transition:all .15s}.sb-logout:hover{color:var(--blue-glow);border-color:var(--blue-accent)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.login-card{width:100%;max-width:380px;background:#15203699;border-radius:14px;padding:36px 28px}.login-card h2{font-size:20px;font-weight:700;color:var(--slate-50);text-align:center;margin-bottom:4px}.login-sub{font-size:13px;color:var(--slate-400);text-align:center;margin-bottom:24px}.login-btn{width:100%;padding:10px 0;margin-top:6px;background:var(--blue-accent);color:var(--navy-900);border:none;border-radius:9999px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 0 14px #60a5fa59;transition:all .2s}.login-btn:hover{box-shadow:0 0 22px #60a5fa8c;transform:translateY(-1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px 14px;color:var(--red);font-size:13px;margin-bottom:14px}.fg{margin-bottom:14px}.fg label{display:block;font-size:12px;font-weight:600;color:var(--slate-400);margin-bottom:5px}.input,.fg input,.fg select{width:100%;padding:9px 12px;background:var(--navy-950);border:1px solid var(--slate-700);border-radius:7px;color:var(--slate-50);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.input:focus,.fg input:focus,.fg select:focus{border-color:var(--blue-accent)}.input::placeholder,.fg input::placeholder{color:var(--slate-500)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:#1520368c;border:1px solid rgba(51,65,85,.25);border-radius:10px;padding:16px;transition:border-color .15s}.stat-card{padding:16px 18px}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500)}.stat-val{font-size:28px;font-weight:700;color:var(--slate-50);margin-top:4px;line-height:1.1}.stat-sub{font-size:12px;color:var(--slate-500);margin-top:3px}.stat-warn{margin-top:4px}.stat-action{font-size:13px;color:var(--blue-accent);text-decoration:none;margin-top:6px;display:inline-block}.stat-action:hover{color:var(--blue-glow)}.empty-card{padding:24px;text-align:center;color:var(--slate-500);font-size:14px}.svc-card{display:flex;align-items:center;gap:14px;text-decoration:none;padding:18px;transition:border-color .15s,background .15s}.svc-card:hover{border-color:var(--svc-color, var(--blue-accent));background:#152036cc}.svc-icon{font-size:28px;flex-shrink:0}.svc-info{flex:1;min-width:0}.svc-name{font-weight:600;font-size:15px;color:var(--slate-50)}.svc-tag{font-size:12px;color:var(--slate-400);margin-top:2px}.action-card{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--slate-300);font-size:14px;font-weight:500;padding:14px 16px;transition:border-color .15s,color .15s}.action-card:hover{border-color:var(--blue-accent);color:var(--blue-accent)}.action-icon{font-size:16px}.grid{display:grid;gap:10px;margin-bottom:12px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--slate-500);margin-bottom:10px;margin-top:4px}.badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.b-green{background:#22c55e1f;color:#4ade80}.b-amber{background:#f59e0b1f;color:#fbbf24}.b-red{background:#ef44441f;color:#f87171}.b-blue{background:#60a5fa1f;color:var(--blue-accent)}.b-off{background:#3341554d;color:var(--slate-400)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;padding:7px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--slate-500);border-bottom:1px solid rgba(51,65,85,.35)}.tbl td{padding:9px 10px;border-bottom:1px solid rgba(51,65,85,.15);font-size:13px;color:var(--slate-300)}.tbl tr:hover td{background:#ffffff04}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:7px;font-size:13px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--blue-accent);color:var(--navy-900)}.btn-primary:hover{box-shadow:0 0 14px #60a5fa59}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--slate-300);border:1px solid rgba(51,65,85,.4)}.btn-ghost:hover{border-color:var(--blue-accent);color:var(--blue-accent)}.btn-warn{background:transparent;color:var(--amber);border:1px solid rgba(245,158,11,.3)}.btn-warn:hover{background:#f59e0b14}.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444414}.btn-sm{padding:5px 12px;font-size:12px;border-radius:6px}.connect-status{display:flex;gap:20px;flex-wrap:wrap;padding:14px 20px;margin-bottom:20px}.cs-item{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green);box-shadow:0 0 7px #22c55e80}.dot-amber{background:var(--amber);box-shadow:0 0 7px #f59e0b66}.dot-red{background:var(--red)}.connect-list{display:flex;flex-direction:column;gap:6px}.connect-row{background:#1520368c;border:1px solid rgba(51,65,85,.25);border-radius:10px;overflow:hidden;animation:fadeUp .35s ease both}.cr-main{display:flex;align-items:center;gap:14px;padding:14px 18px}.cr-main:hover{background:#1e2d4a4d}.cr-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:16px}.cr-info{flex:1;min-width:0}.cr-name{font-weight:600;font-size:14px;color:var(--slate-50)}.cr-note{font-size:12px;color:var(--slate-500);margin-top:2px}.cr-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cr-connected{border-color:#22c55e26}.cr-embed{padding:12px 18px 16px;background:#0a122199;border-top:1px solid rgba(51,65,85,.2)}.cr-embed-label{font-size:12px;color:var(--slate-400);margin-bottom:6px}.cr-embed-row{display:flex;gap:8px;align-items:center}.cr-embed-code{flex:1;padding:8px 12px;background:var(--navy-950);border:1px solid var(--slate-700);border-radius:6px;font-size:11px;color:var(--blue-glow);font-family:JetBrains Mono,Consolas,monospace;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.cr-setup{padding:12px 18px 16px;border-top:1px solid rgba(51,65,85,.2)}.cr-steps{padding-left:20px;font-size:12px;color:var(--slate-400);margin-bottom:10px}.cr-steps li{margin-bottom:3px}.cr-token-row{display:flex;gap:8px}.cr-error{color:var(--red);font-size:12px;margin-top:6px}.mono{font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.link{color:var(--blue-accent);text-decoration:none}.link:hover{color:var(--blue-glow);text-decoration:underline}.err-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;color:var(--red);font-size:13px}.success-box{background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:12px 16px;color:var(--green);font-size:13px}.loading{text-align:center;padding:48px 0;color:var(--slate-400);font-size:14px}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--slate-400)}.spinner{width:28px;height:28px;border:2.5px solid rgba(51,65,85,.4);border-top-color:var(--blue-accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;padding:10px 24px;border-radius:9999px;font-weight:600;font-size:13px;box-shadow:0 0 16px #22c55e59,0 6px 24px #00000059;animation:toastIn .3s ease;z-index:200}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{transform:translate(-50%) translateY(12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:900px){.dash-layout{grid-template-columns:1fr}.sidebar{display:none}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.page{padding:20px 16px 40px}.cr-main{flex-wrap:wrap}}@media(max-width:600px){.g4,.g3,.g2{grid-template-columns:1fr}}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:200;width:40px;height:40px;border-radius:8px;border:1px solid rgba(51,65,85,.4);background:var(--navy-900);cursor:pointer;align-items:center;justify-content:center}.hamburger{display:block;width:18px;height:2px;background:var(--slate-300);border-radius:1px;position:relative;transition:background .2s}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--slate-300);border-radius:1px;transition:transform .2s}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.sb-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}@media(max-width:900px){.mobile-menu-btn{display:flex}.sb-backdrop{display:block}.sidebar{position:fixed;left:-260px;top:0;width:240px;height:100vh;transition:left .25s ease;z-index:100}.sidebar.sb-mobile-open{left:0}.dash-main{padding-top:56px}.page{padding:16px 16px 40px}}select.input,.fg select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}