:root{font-family:Inter,system-ui,sans-serif;color:var(--hc-text,#111827);--ink:var(--hc-text,#111827);--muted:var(--hc-muted,#667085);--line:var(--hc-line,#dfe4e8);--line-strong:var(--hc-line-strong,#c9d0d8);--surface:var(--hc-surface,#fff);--surface-soft:var(--hc-surface-soft,#f7f9fb);--surface-raised:var(--hc-surface-raised,#fff);--shadow:var(--hc-shadow,0 18px 50px rgba(16,24,40,.08))}*{box-sizing:border-box}body{margin:0;min-width:320px}.dashboard-shell{width:min(1240px,100%);margin:auto;padding:clamp(26px,4vw,52px) max(16px,env(safe-area-inset-right)) calc(80px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.eyebrow{margin:0;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:24px;padding:clamp(24px,5vw,48px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-soft) 100%);box-shadow:var(--shadow)}.hero-copy h1{max-width:720px;margin:10px 0 14px;font-size:clamp(2.8rem,6vw,5.3rem);line-height:.94;letter-spacing:-.065em}.hero-copy>p:last-of-type{max-width:650px;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.primary-action,.secondary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:12px;padding:0 16px;text-decoration:none;font-weight:800}.primary-action{background:var(--hc-primary,#111827);color:var(--hc-primary-text,#fff)}.secondary-action{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink)}.active-color-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);color:var(--ink);text-decoration:none;box-shadow:0 12px 30px rgba(16,24,40,.06);transition:transform .16s ease,border-color .16s ease}.active-color-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.active-color-swatch{display:block;width:92px;height:92px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#1b8e2d}.active-color-card small,.active-color-card em{display:block;color:var(--muted);font-size:.66rem;font-style:normal;font-weight:750}.active-color-card strong{display:block;margin:6px 0 8px;font:800 1.35rem "Space Mono",monospace}.dashboard-section{margin-top:18px;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading h2{margin:7px 0 8px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.05;letter-spacing:-.04em}.section-heading p:last-child{max-width:680px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}.resume-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.resume-card{position:relative;display:grid;min-height:188px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface-soft);color:var(--ink);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.resume-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 12px 28px rgba(16,24,40,.08)}.resume-preview{position:relative;display:flex;height:88px;overflow:hidden;background:var(--surface-soft)}.resume-preview span{flex:1}.resume-preview.split span:first-child{clip-path:polygon(0 0,100% 0,0 100%)}.resume-preview.split span:last-child{position:absolute;inset:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.resume-preview.gradient{display:block}.resume-preview.solid{display:grid;place-items:center;font:800 1.1rem "Space Mono",monospace}.resume-card-body{display:grid;gap:4px;padding:15px}.resume-card-body small{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.resume-card-body strong{font-size:.92rem}.resume-card-body span{color:var(--muted);font-size:.72rem;line-height:1.45}.resume-card-arrow{position:absolute;right:14px;bottom:13px;color:var(--muted);font-weight:800}.empty-state{display:grid;min-height:150px;place-items:center;align-content:center;gap:7px;padding:24px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--ink);font-size:.95rem}.empty-state span{max-width:460px;font-size:.78rem;line-height:1.55}.empty-state a{color:var(--ink);font-size:.76rem;font-weight:800}.empty-state.compact{min-height:120px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.quick-action-grid a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-height:78px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);color:var(--ink);text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.quick-action-grid a:hover{border-color:var(--line-strong);background:var(--surface-raised);transform:translateY(-1px)}.quick-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--hc-primary,#111827);color:var(--hc-primary-text,#fff);font:800 .84rem "Space Mono",monospace}.quick-action-grid strong,.quick-action-grid small{display:block}.quick-action-grid strong{font-size:.84rem}.quick-action-grid small{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:20px}.stats article{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.stats span{display:block;color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stats strong{display:block;overflow:hidden;margin-top:8px;text-overflow:ellipsis;font:800 1.4rem "Space Mono",monospace}.stats .plan{font-family:Inter,sans-serif;font-size:.94rem;line-height:1.35}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px}.dashboard-columns>.dashboard-section{margin-top:18px}.activity-list{display:grid;gap:4px;margin-top:15px}.activity-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border-radius:12px;color:var(--ink);text-decoration:none}.activity-item:hover{background:var(--surface-soft)}.activity-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--surface-soft);font:800 .72rem "Space Mono",monospace}.activity-item>div{display:grid;min-width:0;gap:2px}.activity-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem}.activity-item span,.activity-item time{color:var(--muted);font-size:.67rem}.pro-panel{align-content:start;background:var(--hc-primary,#111827);color:var(--hc-primary-text,#fff)}.pro-panel .eyebrow{color:color-mix(in srgb,var(--hc-primary-text,#fff) 58%,transparent)}.pro-panel h2{margin:10px 0;font-size:1.8rem;line-height:1.05;letter-spacing:-.04em}.pro-panel p:not(.eyebrow){margin:0;color:color-mix(in srgb,var(--hc-primary-text,#fff) 74%,transparent);font-size:.82rem;line-height:1.6}.pro-panel a{display:inline-flex;min-height:42px;align-items:center;margin-top:22px;border-radius:10px;padding:0 14px;background:var(--hc-primary-text,#fff);color:var(--hc-primary,#111827);text-decoration:none;font-size:.76rem;font-weight:800}.library-drawers{display:grid;gap:9px;margin-top:20px}.library-drawer{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.library-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;list-style:none}.library-drawer summary::-webkit-details-marker{display:none}.library-drawer summary>span:first-child{display:grid;gap:3px}.library-drawer summary strong{font-size:.87rem}.library-drawer summary small{color:var(--muted);font-size:.69rem}.library-drawer summary>span:last-child{font-size:1.1rem;transition:transform .16s ease}.library-drawer[open] summary>span:last-child{transform:rotate(45deg)}.library-content{padding:0 18px 18px;border-top:1px solid var(--line)}.saved-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-top:18px}.saved-color{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised)}.saved-color-swatch{width:100%;height:78px;border:0;cursor:pointer}.saved-color-meta{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:4px;padding:7px}.saved-color-meta a{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);text-decoration:none}.saved-color code{overflow:hidden;text-overflow:ellipsis;font:700 .65rem "Space Mono",monospace;color:var(--ink)}.saved-color-meta a span{font-size:.64rem;font-weight:750}.remove-color{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.saved-palettes,.saved-brand-kits,.saved-scans-dashboard,.favorite-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:18px}.saved-palette{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised)}.saved-palette-preview{display:flex;height:78px;overflow:hidden}.saved-palette-preview span{flex:1}.saved-palette-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px}.saved-palette-body>div:first-child{display:grid;min-width:0;gap:3px}.saved-palette-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem}.saved-palette-body span{color:var(--muted);font-size:.66rem}.saved-palette-actions{display:flex;gap:4px}.saved-palette-actions button{min-height:29px;border:0;border-radius:8px;padding:0 8px;background:var(--surface-soft);color:var(--ink);font-size:.65rem;font-weight:750;cursor:pointer}.favorite-card{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised);color:var(--ink);text-decoration:none}.favorite-palette{display:flex;height:44px;overflow:hidden;border-radius:9px}.favorite-palette span{flex:1}.favorite-card>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.favorite-card strong{font-size:.82rem}.favorite-card>div:last-child span{color:var(--muted);font-size:.66rem}.workspace-toast{position:fixed;right:18px;bottom:18px;z-index:30;max-width:min(360px,calc(100vw - 36px));padding:11px 14px;border-radius:10px;background:var(--hc-primary,#111827);color:var(--hc-primary-text,#fff);font-size:.78rem;font-weight:700;box-shadow:0 14px 38px rgba(16,24,40,.22);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.workspace-toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.saved-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.saved-palettes,.saved-brand-kits,.saved-scans-dashboard,.favorite-collections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-shell{padding-top:24px}.dashboard-hero{grid-template-columns:1fr;padding:22px}.active-color-card{grid-template-columns:76px minmax(0,1fr)}.active-color-swatch{width:76px;height:76px}.quick-action-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.saved-palettes,.saved-brand-kits,.saved-scans-dashboard,.favorite-collections{grid-template-columns:1fr}}@media(max-width:520px){.dashboard-section{padding:17px;border-radius:17px}.hero-actions>*{flex:1 1 100%}.resume-grid,.quick-action-grid{grid-template-columns:1fr}.resume-card{min-height:170px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}.activity-item{grid-template-columns:34px minmax(0,1fr)}.activity-item time{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}