:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg-primary: #f6f7fb;--bg-secondary: #ffffff;--bg-tertiary: #eef0f6;--bg-card: #ffffff;--bg-card-hover: #fbfbfe;--bg-surface: #ffffff;--bg-surface-raised: #f1f3f8;--text-primary: #171923;--text-secondary: #5f6475;--text-muted: #8b91a2;--text-tertiary: #7a8090;--accent-primary: #7c3aed;--accent-primary-hover: #6d28d9;--accent-secondary: #2563eb;--accent-success: #059669;--accent-warning: #d97706;--accent-danger: #dc2626;--accent-info: #0891b2;--border-subtle: #e6e8ef;--border-color: #e1e4ec;--border-medium: #cfd4df;--border-strong: #aeb5c4;--shadow-sm: 0 1px 2px rgb(16 24 40 / .04);--shadow-md: 0 8px 22px rgb(16 24 40 / .08);--shadow-lg: 0 18px 50px rgb(16 24 40 / .14);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}body{min-width:320px}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-primary-hover)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgb(124 58 237 / .35);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:absolute;top:-100px;left:1rem;z-index:1000;padding:.75rem 1.1rem;border-radius:var(--radius-md);color:#fff;background:var(--accent-primary);font-weight:700}.skip-to-content:focus{top:1rem}.container{width:100%;max-width:1240px;margin:0 auto;padding-inline:1.25rem}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-subtle);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;gap:1rem}.brand-logo{display:inline-flex;align-items:center;gap:.7rem;border:0;color:var(--text-primary);background:transparent;cursor:pointer;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.7rem;color:#fff;background:var(--accent-primary);box-shadow:0 5px 14px #7c3aed40}.brand-badge,.desktop-nav{display:none}.nav-links{display:flex;align-items:center;gap:.2rem;list-style:none}.nav-btn,.mobile-nav-btn{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;cursor:pointer;font-size:.86rem;font-weight:650;transition:color .15s ease,background .15s ease}.nav-btn{padding:.55rem .7rem}.nav-btn:hover,.mobile-nav-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-btn.active,.mobile-nav-btn.active{color:var(--accent-primary);background:#f0eafd}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);background:#fff;cursor:pointer}.mobile-nav-drawer{border-top:1px solid var(--border-subtle);padding:.75rem 0 1rem;background:#fff}.mobile-nav-list{display:grid;gap:.3rem;list-style:none}.mobile-nav-btn{width:100%;justify-content:flex-start;padding:.8rem 1rem}.card{padding:1.35rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.card-title{color:var(--text-primary);font-size:1.05rem;font-weight:750;letter-spacing:-.015em}.card-description{margin-top:.25rem;color:var(--text-secondary);font-size:.88rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;border:1px solid transparent;border-radius:var(--radius-md);padding:.6rem 1rem;cursor:pointer;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{color:#fff;background:var(--accent-primary);box-shadow:0 5px 12px #7c3aed2e}.btn-primary:hover:not(:disabled){color:#fff;background:var(--accent-primary-hover)}.btn-secondary{border-color:var(--border-subtle);color:var(--text-primary);background:#fff}.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){border-color:var(--border-medium);background:var(--bg-tertiary)}.btn-outline{border-color:var(--border-medium);color:var(--text-primary);background:transparent}.btn-danger{color:#fff;background:var(--accent-danger)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:750;line-height:1}.badge-success{color:#047857;border:1px solid #a7f3d0;background:#ecfdf5}.badge-warning{color:#92400e;border:1px solid #fed7aa;background:#fff7ed}.badge-info{color:#1d4ed8;border:1px solid #bfdbfe;background:#eff6ff}.badge-muted{color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-tertiary)}.grid-2,.grid-3,.grid-4{display:grid;gap:1.25rem;grid-template-columns:1fr}.status-indicator{display:inline-block;width:.6rem;height:.6rem;border-radius:50%}.status-indicator.online{background:var(--accent-success)}.status-indicator.warning{background:var(--accent-warning)}.status-indicator.offline{background:var(--accent-danger)}.phase-step{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff}.phase-step.active{border-color:#c4b5fd;background:#faf5ff}.phase-step.completed{border-color:#a7f3d0;background:#ecfdf5}@media(min-width:640px){.container{padding-inline:1.75rem}.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.desktop-nav{display:flex}.mobile-menu-btn{display:none}.grid-4{grid-template-columns:repeat(4,1fr)}.container{padding-inline:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}