:root{--color-bg: #0a1628;--color-bg-elevated: #0f2038;--color-bg-card: #15233f;--color-border: #233655;--color-text: #e6edf7;--color-text-muted: #8fa3c2;--color-accent: #1565c0;--color-accent-hover: #1976d2;--color-danger: #e5534b;--color-danger-bg: #3a1c1c;--color-success: #2ea043;--color-success-bg: #16331f;--color-warning: #d29922;--color-warning-bg: #3a2f12;--sidebar-width: 220px;--topbar-height: 56px;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}h1,h2,h3{font-weight:600}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:0 0 .75rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}a{color:var(--color-accent-hover);text-decoration:none}a:hover{text-decoration:underline}.text-muted{color:var(--color-text-muted)}.full-page-loader{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent-hover);color:var(--color-accent-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-block{width:100%}.btn-small{padding:.3rem .7rem;font-size:.8rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.85rem}.field span{color:var(--color-text-muted)}input,select{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.55rem .7rem;font-size:.9rem;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--color-accent-hover)}.form-error{color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius);padding:.5rem .75rem;font-size:.85rem;margin:0 0 .9rem}.form-warning{color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius);padding:.6rem .9rem;font-size:.9rem;margin:0 0 1rem}.form-help{color:var(--color-text-muted);font-size:.85rem;margin:0 0 1rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#04101f,#112240 35%,#1565c0 65%,#0d1f3c);background-attachment:fixed}.login-card{width:100%;max-width:380px;background:#0a1628b8;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;box-shadow:0 8px 32px #00000073;padding:2rem;display:flex;flex-direction:column}.login-logo{width:180px;margin:0 auto 1.5rem;display:block}.login-card h1{text-align:center;margin-bottom:1.25rem}.login-footer{margin-top:1.5rem;text-align:center;font-size:.75rem;color:var(--color-text-muted)}.totp-qr{display:block;margin:0 auto .75rem;width:180px;height:180px;background:#fff;border-radius:var(--radius);padding:8px}.totp-secret{text-align:center;font-size:.8rem;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 1.25rem;word-break:break-all}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-bg-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.25rem .75rem}.sidebar-logo{padding:0 .5rem 1.5rem}.sidebar-logo img{width:100%;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar-section-label{margin:1.5rem .6rem .25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#8fa3c280;cursor:default;-webkit-user-select:none;user-select:none}.nav-link{display:block;padding:.5rem .6rem;border-radius:var(--radius);color:var(--color-text-muted);font-size:.9rem;font-weight:500}.nav-link:hover{background:#ffffff0a;color:var(--color-text);text-decoration:none}.nav-link.active{background:var(--color-accent);color:#fff}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.topbar-user{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.topbar-user-name{color:var(--color-text-muted)}.site-switcher select{min-width:180px}.app-content{flex:1;padding:1.5rem;overflow-y:auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.card-link{color:var(--color-text);transition:border-color .15s ease}.card-link:hover{border-color:var(--color-accent-hover);text-decoration:none}.card-link h2{margin-bottom:.4rem}.card-link p{margin:0;color:var(--color-text-muted);font-size:.85rem}.form-card{max-width:480px;margin-bottom:1.5rem}.temp-password-card{max-width:480px;margin-top:1.25rem}.temp-password-value{display:block;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .8rem;margin:.75rem 0;font-size:1rem;letter-spacing:.05em;word-break:break-all}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.table-compact th,.table-compact td{padding:.4rem .6rem;font-size:.85rem}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}.docroot-edit{display:flex;align-items:center;gap:.5rem}.docroot-edit code{word-break:break-all}.docroot-edit input{flex:1;min-width:0}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-disabled{background:var(--color-danger-bg);color:var(--color-danger)}.detail-list{display:grid;grid-template-columns:160px 1fr;gap:.5rem 1rem;margin:1.25rem 0;font-size:.9rem}.detail-list dt{color:var(--color-text-muted)}.detail-list dd{margin:0}.member-panel{padding:1rem;background:var(--color-bg-elevated);border-radius:var(--radius)}.member-add-form{display:flex;gap:.5rem;margin-top:.75rem}.member-add-form select{flex:1}.toast-container{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{padding:.65rem 1rem;border-radius:var(--radius);font-size:.85rem;box-shadow:0 4px 12px #0000004d;border:1px solid var(--color-border);background:var(--color-bg-card)}.toast-success{border-color:var(--color-success);color:var(--color-success)}.toast-error{border-color:var(--color-danger);color:var(--color-danger)}.toast-info{color:var(--color-text)}.files-layout{display:flex;gap:1rem;margin-top:1rem;align-items:flex-start}.file-tree-panel{width:280px;flex-shrink:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem;position:relative}.file-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.file-tree{max-height:60vh;overflow-y:auto;font-size:.85rem}.file-tree-item{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;border-radius:var(--radius);cursor:pointer;white-space:nowrap}.file-tree-item:hover{background:#ffffff0a}.file-tree-item.active{background:var(--color-accent);color:#fff}.file-tree-icon{display:inline-block;width:1em;text-align:center;color:var(--color-text-muted)}.file-tree-item.active .file-tree-icon{color:inherit}.file-tree-empty,.file-tree-loading{padding:.3rem .5rem;font-size:.8rem}.dropzone-active{outline:2px dashed var(--color-accent-hover);outline-offset:-4px}.dropzone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1565c040;color:#fff;font-size:.9rem;font-weight:500;border-radius:var(--radius);pointer-events:none}.file-content-panel{flex:1;min-width:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.breadcrumb{font-size:.85rem;margin-bottom:.75rem;word-break:break-all}.breadcrumb-link{background:none;border:none;padding:0;color:var(--color-accent-hover);cursor:pointer;font-size:inherit;font-family:inherit}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--color-text);font-weight:500}.breadcrumb-sep{color:var(--color-text-muted)}.draft-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius);padding:.5rem .75rem;font-size:.85rem;margin-bottom:.75rem}.draft-banner-label{font-weight:600}.draft-banner-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.discard-details{position:relative}.discard-details summary{list-style:none;cursor:pointer}.discard-details summary::-webkit-details-marker{display:none}.discard-panel{position:absolute;right:0;top:calc(100% + .25rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem;z-index:100;min-width:280px;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 16px #0000004d}.discard-panel p{margin:0;font-size:.85rem;color:var(--color-text)}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:stretch;justify-content:center;padding:1rem}.preview-modal{display:flex;flex-direction:column;width:100%;max-width:1200px;background:var(--color-surface);border-radius:var(--radius);overflow:hidden}.preview-modal-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.preview-modal-toolbar .text-muted{flex:1}.preview-iframe{flex:1;border:none;width:100%;height:100%;min-height:0;background:#fff}.file-content-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.history-panel{background:var(--color-bg-elevated);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.75rem}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.history-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.code-editor-wrapper{height:60vh;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.file-binary-info{padding:1rem 0}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.card-header-row h2{margin:0}.deploy-history{margin-bottom:1.5rem}.deploy-row{cursor:pointer}.deploy-row:hover{background:var(--color-bg-elevated)}.deploy-status-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.deploy-status-queued,.deploy-status-running{background:var(--color-warning-bg);color:var(--color-warning)}.deploy-status-success{background:var(--color-success-bg);color:var(--color-success)}.deploy-status-failed{background:var(--color-danger-bg);color:var(--color-danger)}.deploy-log{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;margin:.5rem 0 0;font-size:.8rem;white-space:pre-wrap;word-break:break-all;max-height:320px;overflow-y:auto}.git-config-card,.webhook-card{max-width:560px;margin-bottom:1.5rem}.radio-group{display:flex;flex-direction:column;gap:.4rem}.radio-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:400}.deploy-ssh-key{display:block;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .8rem;margin:.5rem 0;font-size:.8rem;word-break:break-all}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.25rem}.range-picker{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.range-picker-option{background:var(--color-bg-card);color:var(--color-text-muted);border:none;border-right:1px solid var(--color-border);padding:.4rem .9rem;font-size:.85rem;cursor:pointer}.range-picker-option:last-child{border-right:none}.range-picker-option:hover{background:var(--color-bg-elevated);color:var(--color-text)}.range-picker-option.active{background:var(--color-accent);color:#fff}.stat-label{margin:0;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.stat-value{margin:.25rem 0 0;font-size:1.75rem;font-weight:600}.chart-card{margin-top:1.25rem}.chart-wrapper{position:relative;height:280px;margin-top:.75rem}.sparkline-wrapper{position:relative;height:48px;margin-top:.5rem}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.truncate-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-indicator{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-muted);font-size:.85rem;margin-left:.75rem}.live-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-success)}