.dashboard{--border:#e1e8e7;--border-strong:#cbd8d5;--shadow:0 2px 4px #123a3510, 0 12px 32px #123a3507;background:#f4f7f6}.dashboard-main{background:radial-gradient(at 95% 0,#e6efebaa,#0000 40%),#f4f7f6}.dashboard .sidebar{border-right:1px solid #ffffff10;box-shadow:8px 0 32px #0b2a2c08}.dashboard .sidebar-brand{letter-spacing:-.03em;font-size:17px}.dashboard .sidebar-link{border-radius:10px;min-height:44px;transition:background .18s,color .18s}.dashboard .sidebar-link[aria-current=page]{box-shadow:0 3px 12px #00000012}.dashboard .panel{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.dashboard .page-header,.dashboard .workspace-bar{border-bottom:0}.dashboard .page-header h1,.dashboard .workspace-bar h1{letter-spacing:-.045em;font-size:clamp(26px,2.4vw,34px);font-weight:650}.dashboard .btn-primary{box-shadow:0 3px 8px #0f6e6e25}.dashboard .btn-secondary{border-color:var(--border-strong);box-shadow:0 1px 3px #0b2a2c08}.dashboard a:focus-visible,.dashboard button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.dashboard .dashboard-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:650}.dashboard .overview-page{gap:24px;max-width:1120px;margin-inline:auto}.dashboard .overview-site{color:#fff;background:radial-gradient(at 100% 0,#34645b,#0000 70%),#103b38;border-color:#214c45;padding:32px;position:relative;overflow:hidden;box-shadow:0 14px 40px #0d39351a}.dashboard .overview-site h2{color:#fff;letter-spacing:-.035em;margin-top:12px;font-size:clamp(23px,3vw,32px);font-weight:550}.dashboard .overview-site a:not(.btn-link-button),.dashboard .overview-site .muted{color:#c6e0d8}.dashboard .overview-site .btn-secondary{color:#103b38;background:#f7f4eb;border-color:#0000}.site-card-status{color:#d4e8e1;align-items:center;gap:8px;font-size:12px;font-weight:550;display:flex}.site-card-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard .overview-tile{gap:8px;min-height:168px;padding:28px;transition:border-color .18s,box-shadow .18s;position:relative}.dashboard a.overview-tile:hover{border-color:#89b5a7;box-shadow:0 8px 24px #123a3510}.dashboard .overview-tile .stats-number{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.15}.metric-icon{color:#37685c;background:#edf4f0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:24px;right:24px}.metric-icon svg{width:18px;height:18px}.dashboard .overview-tile>.muted{padding-right:44px}.dashboard .overview-steps{gap:0}.dashboard .overview-steps li{border-bottom:1px solid var(--border);padding-block:14px}.dashboard .overview-steps li:last-child{border-bottom:0}.dashboard .workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:20px}.dashboard .chat{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.chat-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:12px;padding:8px 4px 16px;display:flex}.chat-heading h2{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:650}.chat-heading p{color:var(--text-muted);margin:3px 0 0;font-size:12px}.assistant-mark{color:#166b58;background:linear-gradient(135deg,#e7f4ee,#f6f2df);border:1px solid #d4e9df;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.assistant-mark svg{width:19px;height:19px}.dashboard .chat-msg-assistant{background:#f4f7f6;border-color:#0000;border-radius:12px 12px 12px 3px;max-width:100%;padding:14px;line-height:1.65}.dashboard .chat-msg-user{border-radius:12px 12px 3px;padding:12px 14px}.dashboard .chat-form textarea{background:#fafcfb;border-color:#d5e1dc;border-radius:12px}.preview-frame{background:#fff;border:1px solid #d7e1dc;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 32px #153b3510}.preview-heading{border-bottom:1px solid var(--border);min-height:44px;color:var(--text-muted);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:11px;display:flex}.preview-heading>span:first-child{align-items:center;gap:8px;display:flex}.preview-heading svg{width:15px;height:15px}.preview-label{color:#386454;background:#f3f7f4;border:1px solid #dfe8e3;border-radius:5px;padding:2px 7px}.dashboard .preview-frame .site-preview{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;flex:1}@media (width>=721px) and (prefers-reduced-motion:no-preference){@keyframes workspace-enter{0%{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}.dashboard-main>section{animation:.35s ease-out both workspace-enter}}@media (width<=1000px){.dashboard .workspace{grid-template-columns:1fr;height:auto}.dashboard .preview-frame{height:65svh;min-height:380px}.dashboard .chat{order:2;max-height:480px}}@media (width<=720px){.dashboard .sidebar{box-shadow:none}.dashboard .sidebar-link{min-height:44px}.dashboard .overview-site,.dashboard .overview-tile{padding:22px}.dashboard .overview-tiles{grid-template-columns:1fr;gap:14px}.dashboard .workspace-actions{flex-wrap:wrap}.dashboard .workspace{gap:14px}}@media (prefers-reduced-motion:reduce){.dashboard *,.dashboard :before,.dashboard :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
