:root{font-family:Aptos,Segoe UI Variable Display,Yu Gothic UI,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: #ffffff;--panel-border: #e2e8f0;--panel-soft: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--accent: #6366f1;--accent-strong: #4f46e5;--accent-cool: #6366f1;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 4px 16px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}h1,h2,h3,h4,p,ul,dl,dd{margin:0}dt{margin:0;color:var(--text-muted)}.page-shell{min-height:100vh;padding:40px 24px}.centered-shell{display:flex;align-items:center;justify-content:center}.auth-shell{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:24px;align-items:center}.app-frame{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;height:56px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:20px}.app-logo{font-size:1rem;font-weight:800;letter-spacing:.12em;color:var(--accent-strong);background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:4px 10px;flex-shrink:0}.app-header-user{display:flex;align-items:center;gap:10px}.app-header-email{font-size:.9rem;color:var(--text-muted)}.app-header-actions{display:flex;align-items:center;gap:12px}.console-shell{flex:1;padding:24px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.content-shell{min-width:0}.content-stack,.hero-column,.auth-header,.auth-form,.info-block,.status-panel,.feature-panel,.feedback-panel,.nav-brand,.nav-links,.nav-account,.nav-meta,.resource-list,.modal-section{display:grid;gap:16px}.content-stack{gap:24px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--shadow);padding:24px}.app-nav{display:grid;gap:20px;align-self:start;position:sticky;top:24px}.nav-links{gap:6px}.nav-link{display:grid;gap:2px;padding:12px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);transition:background .15s ease,color .15s ease}.nav-link strong{color:var(--text-main)}.nav-link:hover{background:#f1f5f9;border-color:var(--panel-border)}.nav-link-active{background:#eef2ff;border-color:#c7d2fe;color:var(--accent)}.nav-link-active strong{color:var(--accent-strong)}.nav-account{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:12px;padding:16px}.page-hero,.page-header,.section-title-row,.resource-card-header,.action-row,.hero-note,.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-hero,.page-header{gap:18px}.summary-grid,.split-grid,.filters-grid{display:grid;gap:16px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card,.resource-card{display:grid;gap:12px}.summary-card{min-height:160px}.summary-card h3{font-size:2rem;color:var(--text-main)}.summary-card-success{border-color:#bbf7d0;background:linear-gradient(160deg,#f0fdf4,#fff)}.summary-card-danger{border-color:#fecaca;background:linear-gradient(160deg,#fef2f2,#fff)}.resource-card{padding:18px;border-radius:12px;background:var(--panel-soft);border:1px solid var(--panel-border)}.stacked-form{display:grid;gap:14px}.field-label{display:grid;gap:6px;color:var(--text-muted);font-size:.9rem;font-weight:500}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--text-main);padding:10px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}input:disabled,select:disabled,textarea:disabled{background:#f8fafc;color:var(--text-muted)}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:10px 18px;font-weight:600;font-size:.92rem;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 2px 8px #6366f147}.secondary-button{color:var(--accent-strong);background:#eef2ff;border:1px solid #c7d2fe}.ghost-button{color:var(--danger);background:transparent;border:1px solid #fecaca}.primary-button:hover{box-shadow:0 4px 14px #6366f15c;transform:translateY(-1px)}.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:wait;transform:none}.eyebrow{letter-spacing:.14em;font-size:.75rem;text-transform:uppercase;color:var(--accent);font-weight:600}.lead,.muted-copy,.resource-card p,.resource-card dd,.summary-card p{color:var(--text-muted)}.plain-list{padding-left:18px;display:grid;gap:10px;color:var(--text-muted)}.form-message{font-size:.92rem}.error-message{color:var(--danger)}.success-message{color:var(--success)}.warning-message{color:var(--warning)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:600}.info-pill{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.success-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.warning-pill{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.danger-pill{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid div{display:grid;gap:4px}.code-block,.preformatted-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.code-block{overflow-x:auto}.code-block pre{margin:0;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem;color:#334155;white-space:pre}.inline-code{font-family:Cascadia Code,Consolas,monospace;font-size:.85em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 5px;color:#4f46e5}.embed-guide-grid{display:grid;gap:20px}.code-block code{color:#4f46e5;font-family:Cascadia Code,Consolas,monospace;font-size:.9rem}.preformatted-block{white-space:pre-wrap;color:var(--text-main);font-size:.9rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:920px}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:top}.data-table th{color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:#f8fafc}.clickable-row{transition:background .15s ease}.clickable-row:hover,.clickable-row:focus-visible{background:#f8fafc;outline:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:24px;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:30}.modal-card{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px #00000024;display:grid;gap:18px}.modal-card-wide{width:min(920px,100%)}.auth-panel{width:min(100%,520px);justify-self:end}.setup-panel{max-width:760px}.status-panel{min-width:min(100%,360px);text-align:center}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1100px){.console-shell{grid-template-columns:1fr;padding:16px}.app-nav{position:static}.auth-shell,.split-grid,.filters-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width: 760px){.page-shell,.console-shell{padding:16px}.summary-grid{grid-template-columns:1fr}.panel{padding:18px;border-radius:12px}.modal-backdrop{padding:12px}}