*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fa;--bg-2: #ffffff;--bg-3: #f8f9fa;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--accent: #22c55e;--accent-dark: #16a34a;--accent-hover: #1ea550;--accent-glow: rgba(34,197,94,.22);--primary: #0f172a;--primary-dark: #1e293b;--danger: #ef4444;--danger-dark: #dc2626;--green: #16a34a;--yellow: #d97706;--blue: #2563eb;--red: #dc2626;--radius: 18px;--radius-sm: 10px;--nav-h: 62px;--sidebar-w: 240px;--shadow-xs: 0 1px 3px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow: 0 8px 28px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--shadow-lg: 0 20px 60px rgba(0,0,0,.1), 0 6px 16px rgba(0,0,0,.06);--glass: rgba(255,255,255,.72);--glass-strong: rgba(255,255,255,.9);--glass-border: rgba(255,255,255,.8);--success: #10b981;--success-dark: #059669;--success-glow: rgba(16,185,129,.2);--success-bg: rgba(16,185,129,.08);--muted: #9ca3af;--surface: #ffffff;--surface-muted: #f9fafb;--surface-muted-2: #f3f4f6;--warning-bg: rgba(245,158,11,.08);--warning-border: rgba(245,158,11,.25);--warning-text: #92400e;--surface-glass: rgba(255,255,255,.32);--surface-glass-hover: rgba(255,255,255,.58);--surface-glass-strong:rgba(255,255,255,.8);--surface-card: rgba(255,255,255,.38);--surface-stat: rgba(255,255,255,.34);--surface-topbar: rgba(255,255,255,.72);--surface-thead: rgba(220,252,231,.4);--surface-table: rgba(255,255,255,.22);--surface-th: rgba(220,252,231,.38);--card-radius: 10px;--card-border-glass: rgba(255,255,255,.55);--card-shadow: 0 4px 32px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--badge-green-bg: #dcfce7;--badge-green-text: #15803d;--badge-yellow-bg: #fef9c3;--badge-yellow-text: #b45309;--badge-blue-bg: #dbeafe;--badge-blue-text: #1d4ed8;--badge-red-bg: #fee2e2;--badge-red-text: #b91c1c;--badge-purple-bg: #f3e8ff;--badge-purple-text: #7e22ce;--badge-proto-bg: #f0fdf4;--badge-proto-text: #15803d;--badge-proto-border:#bbf7d0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:#22c55e14;border:1px solid rgba(34,197,94,.18);padding:2px 6px;border-radius:5px;color:var(--accent-dark)}.app-shell{display:flex;flex-direction:row;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);flex-shrink:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 5%,rgba(255,255,255,.07) 0%,transparent 45%),#0e0e11f5;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid rgba(255,255,255,.07);box-shadow:2px 0 32px #00000073,inset -1px 0 #ffffff0a;z-index:100;overflow:visible}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.1) 100%);pointer-events:none;z-index:2}.sidebar>*{position:relative;z-index:1}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:24px 20px 22px;flex-shrink:0}.brand-icon-wrap{width:42px;height:42px;background:linear-gradient(145deg,#f97316,#fb923c);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 14px #f9731673,inset 0 1px #ffffff4d}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff}.sidebar-nav{flex:1;padding:10px 14px;display:flex;flex-direction:column;overflow-y:auto;gap:3px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:#ffffff61;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;cursor:pointer;border:1px solid transparent;background:none;width:100%;text-align:left;position:relative;z-index:1}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-link:hover{background:#ffffff0f;color:#ffffffbf;text-decoration:none;border-color:#ffffff0f}.sidebar-link.active{color:#fff;font-weight:600;background:linear-gradient(160deg,#ffffff2b,#ffffff14 60%,#ffffff0d);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:inset 0 1.5px #ffffff8c,inset 1px 0 #ffffff24,inset -1px 0 #0000002e,inset 0 -2px 6px #00000047,0 8px 28px #00000061,0 2px 6px #00000038,0 -1px #ffffff1a;transform:scale(1.015);margin:1px 0}.sidebar-link.active:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 50%,transparent);border-radius:100%;pointer-events:none}.sidebar-link.active:after{content:"";position:absolute;bottom:3px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);border-radius:100%;pointer-events:none}.sidebar-footer{padding:10px 14px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px;flex-shrink:0}.sidebar-logout-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:#ffffff61;font-size:14.5px;font-weight:500;cursor:pointer;border:1px solid transparent;background:none;width:100%;text-align:left;transition:background .15s,color .15s}.sidebar-logout-btn svg{flex-shrink:0;width:18px;height:18px}.sidebar-logout-btn:hover{background:#ef44441f;color:#ef4444cc;border-color:#ef44441f;text-decoration:none}.sidebar-body{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-content{flex:1;overflow-y:auto;min-width:0;background:radial-gradient(ellipse at 15% 10%,rgba(34,197,94,.3) 0%,rgba(34,197,94,.12) 30%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(180,240,200,.18) 0%,transparent 45%),var(--bg)}.page{padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .13s;white-space:nowrap;letter-spacing:-.01em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#22c55e1a;color:var(--accent-dark);border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 10px #22c55e14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-primary:hover:not(:disabled){background:#22c55e2e;border-color:#22c55e8c;box-shadow:0 4px 18px #22c55e24;transform:translateY(-1px)}.btn-dark{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-dark:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.btn-secondary{background:#ffffff8c;color:var(--text);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn-secondary:hover:not(:disabled){background:#ffffffbf;border-color:#22c55e59}.btn-danger{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-danger:hover:not(:disabled){background:#ef44442e;border-color:#ef444480}.btn-sm{padding:5px 11px;font-size:12px}.btn-full{width:100%;justify-content:center}.btn-inline{background:none;border:none;cursor:pointer;color:inherit;padding:2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-200px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 65%);border-radius:50%;pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-150px;left:-100px;width:450px;height:450px;background:radial-gradient(circle,rgba(34,197,94,.16) 0%,transparent 70%);border-radius:50%;pointer-events:none}.login-card{width:100%;max-width:400px;background:var(--glass-strong);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:24px;padding:44px 40px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:32px}.login-logo{width:56px;height:56px;background:var(--primary);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;box-shadow:0 4px 16px #0000002e}.login-brand-name{font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text);margin-bottom:22px}.login-heading{font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--text);margin-bottom:5px}.login-subtitle{color:var(--text-muted);font-size:13.5px}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-group label{font-size:13px;font-weight:600;color:var(--text)}.form-group input,.form-group select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 13px;color:var(--text);font-size:14px;transition:border-color .15s,box-shadow .15s;width:100%}.form-group input::placeholder{color:var(--muted)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e24}.form-row{display:flex;gap:16px}.form-actions{display:flex;gap:8px;margin-top:4px}.field-hint{font-size:11px;color:var(--yellow);margin-top:4px}.app-form{padding:0;margin-bottom:20px}.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 13px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e24}.label-optional{font-weight:400;color:var(--text-muted);font-size:12px}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:18px 20px;margin-bottom:14px}.form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.domain-type-toggle{display:flex;gap:10px;margin-top:4px}.domain-type-option{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-size:13px}.domain-type-option:hover{border-color:var(--accent);background:#22c55e0a}.domain-type-option.selected{border-color:var(--accent);background:#22c55e12}.dt-radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);display:inline-block;flex-shrink:0;transition:border-color .15s,background .15s}.domain-type-option.selected .dt-radio{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px #fff}.dt-label{font-weight:600;font-size:13px;color:var(--text)}.dt-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.subdomain-input-wrap{display:flex;align-items:center;gap:0}.subdomain-input-wrap input{border-radius:8px 0 0 8px!important;border-right:none!important;flex:1}.domain-suffix{background:var(--surface-muted-2);border:1px solid var(--border);border-left:none;border-radius:0 8px 8px 0;padding:10px 12px;font-size:13px;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.tls-mode-toggle{display:flex;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.tls-mode-option{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;font-size:13px;color:var(--text);transition:border-color .15s,background .15s}.tls-mode-option:hover{border-color:var(--accent);background:#22c55e0a}.tls-mode-option.selected{border-color:var(--accent);background:#22c55e12;font-weight:600}.tls-mode-option .dt-radio{width:12px;height:12px}.tls-mode-option.selected .dt-radio{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px #fff}.cert-upload-area{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:12px 14px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px}.cert-upload-row{display:flex;align-items:center;gap:12px}.cert-upload-label{font-size:12px;font-weight:600;color:var(--text-muted);width:80px;flex-shrink:0}.file-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.file-upload-btn:hover{border-color:var(--accent);background:#22c55e0d}.table-wrap{overflow-x:auto;margin-bottom:20px;background:var(--surface-table);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #fff9,0 4px 28px #00000014;border-radius:var(--card-radius)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:11px 16px;background:var(--surface-th);color:var(--text-muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.4);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:hover td{background:#ffffff73;transition:background .15s}.data-table tr:last-child td{border-bottom:none}.id-cell{font-size:11px;background:var(--surface-muted-2);border:1px solid var(--border);color:var(--text-muted);cursor:help;font-family:SF Mono,monospace}.actions-cell{white-space:nowrap}.actions-cell .btn+.btn{margin-left:6px}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-text)}.badge-yellow{background:var(--badge-yellow-bg);color:var(--badge-yellow-text)}.badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.badge-red{background:var(--badge-red-bg);color:var(--badge-red-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius)}.app-card{margin-bottom:14px;padding:18px 22px;transition:box-shadow .15s,transform .15s}.app-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.app-card-content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-card-title{font-weight:700;font-size:15px;margin-bottom:4px;letter-spacing:-.01em;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.app-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:6px}.app-domain-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:20px}.badge-subdomain{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.badge-private{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.app-proto-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:20px;background:var(--badge-proto-bg);color:var(--badge-proto-text);border:1px solid var(--badge-proto-border)}.app-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:4px}.app-card-actions{display:flex;gap:8px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a140a4d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000001f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 16px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:16px;font-weight:700;letter-spacing:-.01em}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px;line-height:1;border-radius:6px;transition:background .1s}.modal-close:hover{color:var(--text);background:#0000000d}.modal-body{padding:22px 26px 26px}.modal-actions{display:flex;gap:8px;margin-top:20px}.token-display{display:flex;align-items:center;gap:8px;background:#22c55e12;border:1px solid rgba(34,197,94,.2);border-radius:9px;padding:10px 13px}.token-display code{flex:1;background:none;border:none;padding:0;word-break:break-all;font-size:12px;color:var(--accent-dark)}.error-banner{position:fixed;top:70px;left:calc(var(--sidebar-w) + 16px);right:16px;z-index:400;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1e0c0c1a;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff38,0 8px 32px #00000038,0 2px 8px #ef44442e;color:#f87171;border-radius:14px;padding:12px 18px;font-size:13px;font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:banner-drop .18s ease}@keyframes banner-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.warning-box{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--card-radius);padding:10px 14px;margin-bottom:16px;font-size:13px}.loading{color:var(--text-muted);padding:48px 0;text-align:center;font-size:13px}.empty-state{text-align:center;padding:64px 0;color:var(--text-muted)}.empty-state p{margin-bottom:10px;font-size:14px}.section-divider{border:none;border-top:1px solid var(--border);margin:32px 0}.section-header{margin-bottom:16px}.section-header h3{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.section-actions{margin-bottom:16px}.text-muted{color:var(--text-muted)}.page-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:64px;min-height:64px;background:var(--surface-topbar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;gap:16px;flex-shrink:0}.page-topbar-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin:0;line-height:1}.page-topbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.page-body{padding:24px 28px;background:transparent;min-height:calc(100vh - 57px)}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap svg{position:absolute;left:10px;color:var(--muted);pointer-events:none}.search-input{border:1px solid var(--border);border-radius:8px;padding:8px 12px 8px 34px;font-size:13px;color:var(--text);background:var(--surface);width:220px;transition:border-color .15s}.search-input:focus{outline:none;border-color:var(--muted)}.search-input::placeholder{color:var(--muted)}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--surface-stat);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border-glass);border-radius:var(--card-radius);padding:20px 24px;box-shadow:inset 0 1px #ffffffb3,var(--card-shadow)}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:10px}.stat-value{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text);display:flex;align-items:baseline;gap:8px}.stat-pct{font-size:13px;font-weight:500;color:var(--accent)}.section-card{background:var(--surface-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border-glass);border-radius:var(--card-radius);margin-bottom:20px;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,var(--card-shadow)}.section-card-header{padding:16px 20px;border-bottom:1px solid var(--border)}.section-card-title{font-size:15px;font-weight:600;color:var(--text)}.section-card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.section-card .table-wrap{border:none;border-radius:0;margin-bottom:0}.section-card-actions{padding:14px 20px;border-top:1px solid var(--border)}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px}.status-dot-circle{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.btn-link{background:none;border:none;font-size:13px;cursor:pointer;font-weight:500;padding:0;text-decoration:none}.btn-link-danger{color:var(--danger)}.btn-link-danger:hover{color:var(--danger-dark);text-decoration:underline}.btn-link-success{color:var(--accent)}.btn-link-success:hover{color:var(--accent-dark);text-decoration:underline}.icon-action-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:5px;border-radius:6px;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none;line-height:1}.icon-action-btn:hover:not(:disabled):not([style*="cursor: default"]){background:#ffffff12;transform:scale(1.15)}.icon-action-btn:disabled{cursor:not-allowed}.machine-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:32px}.dash-card{padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:box-shadow .15s,transform .15s}.dash-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dash-card-icon{font-size:26px}.dash-card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dash-card-value{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.app-table-wrap{overflow-x:auto;border-radius:14px;overflow:hidden;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;border:1px solid rgba(255,255,255,.55)}.app-table{width:100%;border-collapse:collapse;font-size:13.5px}.app-table thead tr{background:var(--surface-thead);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-table th{text-align:left;padding:11px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid rgba(229,231,235,.8);vertical-align:bottom;white-space:nowrap}.app-table td{padding:14px 16px;vertical-align:middle;border-bottom:1px solid rgba(229,231,235,.5);color:var(--text)}.app-row td{background:var(--surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .18s}.app-row:hover td{background:var(--surface-glass-hover)}.app-row-editing td{background:var(--surface-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-progress-row td{padding:0 14px 8px;background:#ffffff80;border-bottom:1px solid rgba(229,231,235,.5)}.app-edit-row td{padding:0 16px 16px;background:#fffffff2;border-bottom:2px solid var(--accent)}.app-row-name{font-weight:600}.app-row-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.app-domain-link{color:var(--accent);text-decoration:none;font-family:monospace;font-size:12.5px;margin-right:6px}.app-domain-link:hover{text-decoration:underline}.app-row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.app-table td:nth-child(6){min-width:220px}.app-table th:nth-child(6){padding-bottom:11px}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:11px;height:11px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite;margin-right:6px;vertical-align:middle}.deploy-stepper{position:relative;min-width:180px;padding:2px 0}.deploy-stepper-track{position:absolute;top:9px;left:12.5%;right:12.5%;height:2px;background:var(--border);border-radius:2px;z-index:0}.deploy-stepper-fill{height:100%;background:var(--success);border-radius:2px;transition:width .4s ease}.deploy-stepper-fill.error{background:var(--danger)}.deploy-stepper-dots{display:flex;position:relative;z-index:1}.deploy-stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.deploy-stepper-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.deploy-stepper-dot.done{background:var(--success);border-color:var(--success);color:var(--surface)}.deploy-stepper-dot.active{border-color:var(--success);box-shadow:0 0 0 3px var(--success-glow)}.deploy-stepper-dot.error{background:var(--danger);border-color:var(--danger);color:var(--surface)}.deploy-stepper-dot.pending{background:var(--surface-muted);border-color:var(--border)}.deploy-stepper-label{font-size:9.5px;color:var(--muted);white-space:nowrap;font-weight:500;text-align:center}.deploy-stepper-label.done,.deploy-stepper-label.active{color:var(--success);font-weight:600}.deploy-stepper-label.error{color:var(--danger);font-weight:600}.deploy-stepper-error{font-size:10px;color:var(--danger);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.deploy-stepper-none{font-size:12px;color:var(--text-muted)}