:root{--bg-primary: #0a0a14;--bg-secondary: #12121e;--bg-card: #181828;--bg-input: #1e1e32;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--text-primary: #f0f0f5;--text-secondary: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--critical: #dc2626;--radius: 10px;--sidebar-w: 260px;--bottom-nav-h: 64px;--mobile-header-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.loading-screen,.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-secondary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,var(--bg-primary),#0d0d1f)}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px 24px;max-width:440px;width:100%;box-shadow:0 20px 60px #00000080}.auth-header{text-align:center;margin-bottom:28px}.auth-icon{color:var(--accent);margin-bottom:12px}.auth-header h1{font-size:22px;margin-bottom:6px}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-footer-text{text-align:center;margin-top:20px;font-size:14px;color:var(--text-secondary)}.alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px}.alert.error{background:#ef44441a;border:1px solid var(--error);color:#fca5a5}.alert.success{background:#10b9811a;border:1px solid var(--success);color:#6ee7b7}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.field input,.field select,.field textarea,.inline-select{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s;-webkit-appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.inline-select{padding:6px 10px;font-size:14px}.input-icon-right{position:relative}.input-icon-right input{width:100%;padding-right:44px}.icon-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.field-row{display:flex;justify-content:flex-end}.link-sm{font-size:13px;color:var(--accent)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:44px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:44px;background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-full{width:100%}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;min-height:40px;font-size:13px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-sm:hover{border-color:var(--accent)}.btn-danger{color:var(--error)!important}.btn-danger:hover{background:#ef44441a!important;border-color:var(--error)!important}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;min-width:44px;min-height:44px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s}.btn-icon:hover{background:var(--bg-input);color:var(--text-primary)}.app-layout{display:flex;min-height:100vh}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:90;height:var(--mobile-header-h);background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 12px;align-items:center;gap:12px}.hamburger{background:none;border:none;color:var(--text-primary);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px}.hamburger:active{background:var(--bg-input)}.mobile-header-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:18px;color:var(--accent)}.mobile-header-org{margin-left:auto;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-close{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:8px}.sidebar-close:active{background:var(--bg-input)}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.sidebar-header svg:first-child{color:var(--accent)}.sidebar-brand{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.org-switcher{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;position:relative}.org-current{display:flex;justify-content:space-between;align-items:center;min-height:28px}.org-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-switcher .rotated{transform:rotate(180deg)}.org-dropdown{position:absolute;left:8px;right:8px;top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px;z-index:210;box-shadow:0 8px 24px #0006}.org-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;border-radius:6px;text-align:left;min-height:44px}.org-option:hover,.org-option:active{background:var(--bg-input)}.org-option.active{background:#6366f126}.org-role{font-size:11px;color:var(--text-secondary);background:var(--bg-input);padding:2px 8px;border-radius:4px}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:var(--text-secondary);font-size:14px;transition:all .15s;text-decoration:none;min-height:44px}.nav-link:hover,.nav-link:active{background:var(--bg-input);color:var(--text-primary)}.nav-link.active{background:#6366f126;color:var(--text-primary);font-weight:500}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.user-pill{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#a78bfa);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-meta{min-width:0}.username{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-secondary)}.logout-btn{width:44px;height:44px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.logout-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.bottom-nav{display:none}.main-content{margin-left:var(--sidebar-w);flex:1;padding:28px 32px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h2{font-size:24px;display:flex;align-items:center;gap:8px}.page-header p{color:var(--text-secondary);font-size:14px;margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:16px;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;gap:14px;align-items:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-value{font-size:24px;font-weight:700}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}thead{border-bottom:1px solid var(--border)}th{padding:10px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:12px 14px;font-size:14px;border-bottom:1px solid var(--border)}tr:hover{background:#ffffff05}.truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:Fira Code,monospace;font-size:13px}.text-muted{color:var(--text-secondary)}.badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--bg-input);white-space:nowrap}.sev-low{background:#10b98126;color:var(--success)}.sev-medium{background:#f59e0b26;color:var(--warning)}.sev-high{background:#ef444426;color:var(--error)}.sev-critical{background:#dc262633;color:#fca5a5}.method-get{background:#10b98126;color:var(--success)}.method-post{background:#3b82f626;color:#60a5fa}.method-patch{background:#f59e0b26;color:var(--warning)}.method-delete{background:#ef444426;color:var(--error)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:#555}.severity-bars{display:flex;flex-direction:column;gap:10px}.severity-row{display:flex;align-items:center;gap:12px}.severity-label{font-size:13px;font-weight:600;min-width:70px;text-transform:uppercase}.severity-bar-bg{flex:1;height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden}.severity-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.severity-count{font-size:14px;font-weight:600;min-width:40px;text-align:right}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:end}.filter-bar select,.filter-bar input:not(.search-box input){background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text-primary);font-size:16px;outline:none;min-height:44px;-webkit-appearance:none}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--accent)}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:0 14px;flex:1;min-width:200px;min-height:44px}.search-box input{border:none;background:none;padding:12px 0;flex:1;font-size:16px;color:var(--text-primary);outline:none}.search-box svg{color:var(--text-secondary);flex-shrink:0}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:8px 0}.pagination button{padding:10px 18px;min-height:44px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:hover:not(:disabled){border-color:var(--accent)}.pagination span{font-size:13px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:12px}.empty-state svg{opacity:.3}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.server-card .server-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.server-card h3{font-size:16px;flex:1}.server-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);margin-bottom:14px}.server-meta code{background:var(--bg-input);padding:2px 6px;border-radius:4px;font-size:12px}.server-actions{display:flex;gap:8px;flex-wrap:wrap}.token-display{display:block;margin-top:6px;padding:8px 12px;background:var(--bg-primary);border-radius:6px;font-family:monospace;font-size:12px;word-break:break-all;line-height:1.6}.webhook-list{display:flex;flex-direction:column;gap:12px}.webhook-card{transition:opacity .2s}.webhook-card.disabled{opacity:.5}.webhook-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.webhook-actions{display:flex;gap:8px;flex-wrap:wrap}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:border-color .2s}.plan-card:hover{border-color:var(--accent)}.plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-card h3{font-size:18px;margin-bottom:8px}.plan-price{font-size:28px;font-weight:700;margin-bottom:16px}.plan-features{list-style:none;text-align:left;margin-bottom:20px}.plan-features li{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 0;color:var(--text-secondary)}.plan-features li svg{color:var(--success);flex-shrink:0}.docs-page .card{margin-bottom:0}.code-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:Fira Code,monospace;font-size:13px;overflow-x:auto;white-space:pre;line-height:1.6;color:#d1d5db;-webkit-overflow-scrolling:touch}.copy-btn{position:absolute;top:44px;right:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:8px 12px;min-height:40px;color:var(--text-secondary);cursor:pointer}.copy-btn:hover{color:var(--text-primary);border-color:var(--accent)}.setup-steps{padding-left:20px}.setup-steps li{padding:8px 0;color:var(--text-secondary);font-size:14px}.gradient-text{background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing{min-height:100vh}.landing-header{border-bottom:1px solid var(--border)}.landing-nav{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.landing-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--accent)}.landing-links{display:flex;align-items:center;gap:12px}.hero{max-width:800px;margin:0 auto;padding:60px 20px 48px;text-align:center}.hero h1{font-size:36px;line-height:1.2;margin-bottom:20px}.hero-sub{font-size:17px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.hero-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.features{max-width:1200px;margin:0 auto;padding:48px 20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s}.feature-card:hover{border-color:var(--accent)}.feature-card svg{color:var(--accent);margin-bottom:14px}.feature-card h3{margin-bottom:8px;font-size:18px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.landing-footer{text-align:center;padding:24px;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border)}.mobile-card-list{display:none}.mobile-card-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.mobile-card-item:active{border-color:var(--accent)}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.mobile-card-row:not(:last-child){border-bottom:1px solid var(--border)}.mobile-card-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.mobile-card-value{font-size:14px;text-align:right;max-width:60%;word-break:break-all}@media(max-width:1024px){.main-content{padding:24px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.server-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);width:280px;box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-close{display:flex}.main-content{margin-left:0;padding:16px;padding-top:calc(var(--mobile-header-h) + 16px);padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px);min-height:calc(100vh - var(--mobile-header-h))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:80}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:11px;background:none;border:none;cursor:pointer;padding:8px 4px;transition:color .15s}.bottom-nav-item:active{color:var(--text-primary)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 4px var(--accent))}.page-header{flex-direction:column;gap:12px}.page-header h2{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;gap:10px}.stat-value{font-size:20px}.stat-label{font-size:12px}.stat-icon{width:40px;height:40px}.table-wrap table thead{display:none}.table-wrap table,.table-wrap table tbody,.table-wrap table tr,.table-wrap table td{display:block;width:100%}.table-wrap table tr{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;position:relative}.table-wrap table td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.table-wrap table td:last-child{border-bottom:none}.table-wrap table td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;min-width:80px;flex-shrink:0}.table-wrap table td .truncate,.truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-bar{flex-direction:column;gap:10px}.filter-bar select,.filter-bar>input{width:100%}.search-box{min-width:100%}.server-grid{grid-template-columns:1fr}.server-actions{flex-wrap:wrap}.server-actions .btn-sm{flex:1;min-width:0;justify-content:center}.plans-grid{grid-template-columns:1fr}.webhook-info{flex-direction:column;align-items:flex-start;gap:8px}.webhook-actions{width:100%}.webhook-actions .btn-sm{flex:1;justify-content:center}.pagination{gap:8px}.pagination button{padding:10px 14px;font-size:13px}.auth-card{padding:24px 16px;border-radius:12px}.hero{padding:40px 16px 32px}.hero h1{font-size:28px}.hero-sub{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch}.features-grid{grid-template-columns:1fr}.landing-links{gap:8px}.landing-links .btn-outline,.landing-links .btn-primary{padding:10px 14px;font-size:13px}.severity-label{min-width:55px;font-size:11px}.alert{flex-direction:column!important;align-items:flex-start!important}.token-display{font-size:11px}.code-block{font-size:11px;padding:12px}.copy-btn{top:36px;right:8px;padding:6px 8px}.empty-state{padding:40px 16px}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row}.page-header h2{font-size:18px}.bottom-nav-item span{font-size:10px}.sidebar{width:260px}}@media(max-height:500px)and (max-width:900px){.bottom-nav{height:48px}.bottom-nav-item{gap:2px}.bottom-nav-item span{font-size:9px}.mobile-header{height:44px}.main-content{padding-top:52px}.sidebar-nav{padding:4px 8px}.nav-link{padding:8px 14px;min-height:36px;font-size:13px}}@media(min-width:769px){.mobile-header,.sidebar-overlay,.sidebar-close,.bottom-nav{display:none!important}.sidebar{transform:none!important}}