@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-elevated:#1a1a26;--color-bg-card:#1a1a26b3;--color-bg-input:#ffffff0d;--color-bg-hover:#ffffff14;--color-border:#ffffff14;--color-border-focus:#8b5cf680;--color-text-primary:#f0f0f5;--color-text-secondary:#a0a0b8;--color-text-muted:#6b6b80;--color-text-inverse:#0a0a0f;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-glow:#8b5cf626;--color-accent-soft:#8b5cf61a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-accent:linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #818cf8 100%);--gradient-surface:linear-gradient(135deg, #8b5cf60d 0%, #6366f105 100%);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #8b5cf60f, transparent 40%);--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080;--shadow-glow:0 0 20px #8b5cf626;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--header-height:64px;--content-max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.3}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow)}input::placeholder{color:var(--color-text-muted)}label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-sm), var(--shadow-glow)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md), 0 0 30px #8b5cf640;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-full{width:100%}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{border-color:#ffffff1f}.card-interactive:hover{box-shadow:var(--shadow-md);cursor:pointer;transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent)}.badge-success{color:var(--color-success);background:#10b9811a}.badge-warning{color:var(--color-warning);background:#f59e0b1a}.badge-error{color:var(--color-error);background:#ef44441a}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.app-error-boundary{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.app-error-boundary-card{align-items:flex-start;gap:var(--space-4);flex-direction:column;width:min(100%,520px);display:flex}.app-error-boundary-card h1{font-size:var(--font-size-2xl)}.app-error-boundary-card p{color:var(--color-text-secondary)}.app-error-boundary-icon{width:48px;height:48px;color:var(--color-warning);border-radius:var(--radius-lg);background:#f59e0b1a;place-items:center;display:grid}.app-error-boundary-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.mobile-account{display:none}.sidebar-logo-icon{color:var(--color-accent);flex-shrink:0}.sidebar-brand{flex-direction:column;min-width:0;display:flex}.sidebar-brand-name{font-size:var(--font-size-base);letter-spacing:-.02em;font-weight:700}.sidebar-workspace{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);text-decoration:none;display:flex}.sidebar-link:focus-visible,.mobile-account-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-link-active{background:var(--color-accent-soft);color:var(--color-accent)}.sidebar-link-active:hover{background:var(--color-accent-glow);color:var(--color-accent)}.sidebar-badge{color:#fff;background:var(--color-accent);text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border);gap:var(--space-2);flex-direction:column;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:var(--gradient-accent);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.sidebar-logout{width:36px;height:36px;color:var(--color-text-secondary);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex:0 0 36px;place-items:center;margin-left:auto;display:grid}.sidebar-logout:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.app-content{margin-left:var(--sidebar-width);padding:var(--space-8);flex:1;min-width:0;min-height:100vh}.verification-banner{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto var(--space-6);max-width:var(--content-max-width);padding:var(--space-3) var(--space-4);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#f59e0b14;border:1px solid #f59e0b33;display:flex}.verification-banner-copy{gap:3px;display:grid}.verification-banner-copy strong{color:var(--color-text-primary)}.verification-banner-actions{gap:var(--space-2);flex:none;display:flex}@media (width<=640px){.verification-banner{flex-direction:column;align-items:flex-start}.verification-banner-actions{width:100%}.verification-banner-actions .btn{flex:1}}@media (width<=800px){.app-layout{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);z-index:200;width:100%;min-height:auto;position:sticky;top:0}.sidebar-header{min-height:64px;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-3)}.sidebar-nav{z-index:200;height:calc(64px + env(safe-area-inset-bottom));padding:var(--space-1) max(var(--space-2), env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--space-2), env(safe-area-inset-left));background:color-mix(in srgb, var(--color-bg-secondary) 96%, transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #0000002e}.sidebar-link{min-width:0}.sidebar-nav .sidebar-link{min-height:56px;padding:var(--space-1) 2px;border-radius:var(--radius-md);flex-direction:column;justify-content:center;gap:2px;font-size:10px;line-height:1.2;position:relative}.sidebar-nav .sidebar-link>span:not(.sidebar-badge){text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.sidebar-nav .sidebar-link-active{background:0 0}.sidebar-nav .sidebar-link-active:before{content:"";background:var(--color-accent);border-radius:0 0 var(--radius-full) var(--radius-full);width:28px;height:3px;position:absolute;top:1px}.sidebar-nav .sidebar-badge{min-width:17px;margin:0;padding:1px 4px;font-size:9px;line-height:15px;position:absolute;top:3px;left:calc(50% + 7px)}.sidebar-footer{display:none}.mobile-account{margin-left:auto;display:block;position:relative}.mobile-account-trigger{align-items:center;gap:var(--space-2);min-width:48px;min-height:48px;padding:var(--space-1);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;display:flex}.mobile-account-trigger:hover,.mobile-account-trigger[aria-expanded=true]{background:var(--color-bg-hover)}.mobile-account-trigger .sidebar-avatar{width:36px;height:36px}.mobile-account-name{max-width:120px;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mobile-account-chevron{transition:transform var(--transition-fast);flex-shrink:0}.mobile-account-trigger[aria-expanded=true] .mobile-account-chevron{transform:rotate(180deg)}.mobile-account-menu{top:calc(100% + var(--space-2));gap:var(--space-3);width:min(280px, calc(100vw - (var(--space-4) * 2)));padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:absolute;right:0;box-shadow:0 16px 40px #00000059}.mobile-account-identity{min-width:0;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.mobile-account-logout{width:100%;min-height:48px;margin-top:var(--space-1);text-align:left;background:0 0;border:0}.mobile-account-menu .language-switcher{justify-content:space-between;width:100%}.mobile-account-menu .language-btn{min-width:44px;min-height:44px}.app-content{padding:var(--space-5) max(var(--space-4), env(safe-area-inset-right)) calc(var(--space-5) + 64px + env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));margin-left:0}}@media (width<=420px){.sidebar-brand{max-width:calc(100vw - 130px)}.mobile-account-name,.mobile-account-chevron{display:none}}.language-switcher{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-hover,#ffffff0d);border:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:4px 10px;display:inline-flex}.language-switcher-icon{color:var(--color-accent);flex-shrink:0}.language-switcher-options{align-items:center;gap:4px;display:flex}.language-btn{color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-weight:600;transition:color .15s,background-color .15s}.language-btn:hover{color:var(--color-text-primary)}.language-btn.active{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.language-divider{color:var(--color-text-muted);font-size:11px;font-weight:300}.notification-center{z-index:120;position:fixed;bottom:20px;right:20px}.notification-panel{background:var(--color-bg-secondary,#fff);width:min(360px,100vw - 32px);max-height:70vh;color:var(--color-text-primary,#222);border:1px solid var(--color-border,#ddd);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;bottom:52px;right:0;overflow-y:auto;box-shadow:0 8px 28px #0002}.notification-panel-heading{justify-content:space-between;align-items:center;display:flex}.notification-panel ul{margin:0;padding:0;list-style:none}.notification-panel li{border-top:1px solid var(--color-border,#ddd);padding:12px 0}.notification-panel a{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.notification-panel .is-unread{border-left:3px solid var(--color-accent,#735ed5);padding-left:8px}@media (width<=768px){.notification-center{bottom:84px;right:16px}}.app-version{padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:11px;line-height:1.6}.app-version summary{cursor:pointer}.app-version summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.app-version-details{gap:var(--space-1);margin-top:var(--space-2);overflow-wrap:anywhere;flex-direction:column;display:flex}.auth-page{min-height:100svh;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow-x:hidden}.auth-glow{pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.auth-container{z-index:1;width:100%;max-width:420px;margin-block:var(--space-6);place-self:center;position:relative}.auth-language-switcher{z-index:2;justify-self:end;position:relative}.auth-language-switcher .language-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-logo{align-items:center;gap:var(--space-3);color:var(--color-accent);margin-bottom:var(--space-10);display:flex}.auth-logo span{font-size:var(--font-size-xl);letter-spacing:-.03em;color:var(--color-text-primary);font-weight:700}.auth-title{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:700}.auth-subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);margin-bottom:var(--space-8)}.auth-error{color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-6);background:#ef444414;border:1px solid #ef444433}.auth-success{color:var(--color-success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-6);background:#10b98114;border:1px solid #10b98133}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form-link{margin-top:calc(var(--space-2) * -1);text-align:right;font-size:var(--font-size-sm)}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-2)}.form-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--space-2)}.auth-inline-icon{vertical-align:-2px;display:inline}.form-group{flex-direction:column;display:flex}.input-with-action{position:relative}.input-with-action input{padding-right:44px}.input-action-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-action-btn:hover{color:var(--color-text-secondary)}.auth-footer{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-8)}.auth-footer a{color:var(--color-accent);font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (width<=480px){.auth-page{padding-inline:max(var(--space-3), env(safe-area-inset-left)) max(var(--space-3), env(safe-area-inset-right))}.auth-container{margin-block:var(--space-4)}}.dashboard{max-width:var(--content-max-width);margin:0 auto}.dashboard-loading{justify-content:center;align-items:center;height:50vh;display:flex}.dashboard-header{margin-bottom:var(--space-10);justify-content:space-between;align-items:flex-start;display:flex}.dashboard-greeting{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin-bottom:var(--space-1);font-weight:700}.dashboard-overview{margin-bottom:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;overflow:hidden}.stat-card{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5);color:inherit;transition:background var(--transition-fast);background:0 0;border:0;border-radius:0;flex:1 1 0;display:flex}.dashboard-overview .stat-card+.stat-card{border-left:1px solid var(--color-border)}.dashboard-overview a.stat-card:hover{background:var(--color-bg-hover)}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-icon-accent{background:var(--color-accent-soft);color:var(--color-accent)}.stat-icon-blue{color:var(--color-info);background:#3b82f61a}.stat-icon-purple{color:#a78bfa;background:#7c3aed26}.stat-icon-cyan{color:#22d3ee;background:#06b6d421}.stat-icon-amber{color:#fbbf24;background:#f59e0b21}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-value{font-size:var(--font-size-lg);font-weight:700}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-queue-section{position:relative}.dashboard-queue-header{align-items:flex-end}.dashboard-queue-total{min-width:34px;height:34px;padding:0 var(--space-2);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-sm);border:1px solid #7c3aed59;border-radius:999px;place-items:center;font-weight:700;display:grid}.queue-kind-summary{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.queue-kind-chip{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);background:#0f172a59;display:flex}.queue-kind-chip svg{flex-shrink:0;width:16px}.queue-kind-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.queue-kind-chip strong{color:var(--color-text-primary);margin-left:auto}.dashboard-queue-list{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-queue-row{align-items:center;gap:var(--space-3);padding:var(--space-4);transition:border-color var(--transition-fast), transform var(--transition-fast);grid-template-columns:42px minmax(0,1fr) auto;display:grid;overflow:hidden}.dashboard-queue-row:hover{border-color:#7c3aed66;transform:translateY(-1px)}.queue-kind-revision_requested,.queue-kind-delivery_payment_blocked,.queue-kind-client_reply_needed{border-left:3px solid #f59e0b}.queue-item-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:42px;height:42px;color:var(--color-accent);place-items:center;display:grid}.queue-item-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.queue-item-heading{align-items:center;gap:var(--space-2);min-width:0;display:flex}.queue-item-heading>strong{color:var(--color-text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-project-name{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.queue-project-name svg{flex-shrink:0}.queue-priority-badge{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;background:#94a3b81a;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.queue-priority-badge.is-high{color:#fbbf24;background:#f59e0b1f}.queue-priority-badge.is-urgent{color:#f87171;background:#ef44441f}.queue-item-count{color:var(--color-accent);font-size:var(--font-size-xs);flex-shrink:0;font-weight:700}.queue-item-time{color:var(--color-text-muted);font-size:11px}.queue-item-action{white-space:nowrap;justify-self:end}.dashboard-success-icon{color:var(--color-success)}.dashboard-empty-action{margin-top:var(--space-4)}.dashboard-error{justify-content:center;align-items:center;gap:var(--space-3);min-height:340px;padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.dashboard-error>svg{color:var(--color-error)}.dashboard-error h1{font-size:var(--font-size-xl)}.dashboard-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,#94a3b80f,#94a3b824,#94a3b80f) 0 0/200% 100%;animation:1.4s linear infinite dashboard-shimmer;display:block;overflow:hidden}.dashboard-header-skeleton{min-height:54px}.dashboard-skeleton-heading{width:min(360px,64vw);height:54px}.dashboard-skeleton-button{width:136px;height:42px}.dashboard-skeleton-card{min-height:90px}.dashboard-skeleton-panel{min-height:300px}@keyframes dashboard-shimmer{to{background-position:-200% 0}}.stat-trend{color:var(--color-success);margin-left:auto}.dashboard-activity-feed{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-activity-row{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg,12px);background:#1e293b80;border:1px solid #ffffff14;padding:12px 16px;transition:all .2s;display:flex}.dashboard-activity-row:hover{background:#1e293bcc;border-color:#7c3aed66}.dashboard-activity-row.is-unread{background:linear-gradient(135deg,#7c3aed1f,#1e293b99);border-left:3px solid #7c3aed}.activity-row-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.activity-icon-badge{background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.activity-icon-badge.is-request{background:#f59e0b33;border-color:#f59e0b66}.activity-row-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.activity-row-copy strong{color:#f8fafc;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.activity-row-meta{color:#94a3b8;font-size:11px}.activity-reply-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;flex-shrink:0;font-weight:600;box-shadow:0 4px 12px #7c3aed4d}.dashboard-section{margin-bottom:var(--space-10)}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-size:var(--font-size-xl);font-weight:600}.section-link{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-accent);font-weight:500;display:flex}.section-link:hover{text-decoration:underline}.projects-list{gap:var(--space-3);flex-direction:column;display:flex}.project-row{padding:var(--space-4) var(--space-5);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.notification-unread{border-left:3px solid var(--color-accent)}.project-row-info{gap:var(--space-1);flex-direction:column;display:flex}.project-row-title{color:var(--color-text-primary);font-weight:600}.project-row-meta{gap:var(--space-2);display:flex}.project-row-right{align-items:center;gap:var(--space-3);display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state h3{font-size:var(--font-size-lg);font-weight:600}@media (width<=760px){.dashboard-header{align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column}.dashboard-header>.btn{align-self:flex-start}.dashboard-greeting{font-size:var(--font-size-2xl)}.dashboard-overview{margin-bottom:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-overview .stat-card{padding:var(--space-4)}.dashboard-overview .stat-card+.stat-card{border-left:0}.dashboard-overview .stat-card:nth-child(2n){border-left:1px solid var(--color-border)}.dashboard-overview .stat-card:nth-child(n+3){border-top:1px solid var(--color-border)}.dashboard-queue-row{grid-template-columns:38px minmax(0,1fr)}.queue-item-icon{width:38px;height:38px}.queue-item-action{grid-column:2/-1;justify-self:stretch;min-height:44px}.queue-item-heading{flex-wrap:wrap;align-items:flex-start}.queue-project-name{flex-basis:100%}.project-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.project-row-right{flex-wrap:wrap}}@media (width<=420px){.dashboard-overview{grid-template-columns:1fr}.dashboard-overview .stat-card:nth-child(2n){border-left:0}.dashboard-overview .stat-card:nth-child(n+2){border-top:1px solid var(--color-border)}}@media (prefers-reduced-motion:reduce){.dashboard-skeleton{animation:none}}.page-container{max-width:var(--content-max-width);margin:0 auto}.page-loading{justify-content:center;align-items:center;height:50vh;display:flex}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.page-header h1{margin-bottom:var(--space-1)}.page-eyebrow{margin-bottom:var(--space-1);color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:750;display:block}.search-bar{margin-bottom:var(--space-6);position:relative}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{padding-left:42px!important}.project-filters{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:minmax(260px,1fr) 180px 220px;display:grid}.project-filters .search-bar{margin-bottom:0}.projects-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.project-card-shell{content-visibility:auto;contain-intrinsic-size:auto 370px;min-width:0}.project-card{height:100%;color:inherit;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--color-accent) 46%, var(--color-border));transform:translateY(-3px);box-shadow:0 18px 42px #0003}.project-card:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 72%, white);outline-offset:3px}.project-card-visual{min-height:168px;position:relative;overflow:hidden}.project-cover{width:100%;height:100%;min-height:inherit;isolation:isolate;background:#25222a;position:relative;overflow:hidden}.project-cover:after{z-index:-1;content:"";background:linear-gradient(#0000 30%,#08080c6b);position:absolute;inset:0}.project-cover img{object-fit:cover;width:100%;height:100%}.project-cover-event-wedding{background:linear-gradient(145deg,#49343d,#201d29 62%,#171820)}.project-cover-event-portrait{background:linear-gradient(145deg,#374352,#24252e 62%,#19181f)}.project-cover-event-family{background:linear-gradient(145deg,#4a3c2d,#292520 62%,#19191c)}.project-cover-event-corporate{background:linear-gradient(145deg,#293e49,#20282d 62%,#171a1e)}.project-cover-event-event{background:linear-gradient(145deg,#493555,#28212f 62%,#18171d)}.project-cover-event-commercial{background:linear-gradient(145deg,#37462f,#252a23 62%,#171a18)}.project-cover-event-real_estate{background:linear-gradient(145deg,#574635,#2b2722 62%,#19191a)}.project-cover-event-other{background:linear-gradient(145deg,#3a3948,#24242b 62%,#18181d)}.project-cover-shape{border:1px solid #ffffff21;border-radius:50%;position:absolute}.project-cover-shape-one{background:#ffffff0a;width:190px;height:190px;top:-78px;right:-28px}.project-cover-shape-two{width:116px;height:116px;bottom:-68px;left:18%;box-shadow:0 0 80px #ffffff12}.project-cover-icon{color:#ffffff9e;filter:drop-shadow(0 5px 18px #0000003d);width:56px;height:56px;position:absolute;bottom:25px;right:28px}.project-card-event,.project-card-status{top:var(--space-3);z-index:2;position:absolute}.project-card-event{left:var(--space-3);color:#ffffffe0;border-radius:var(--radius-full);font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0a0f8a;border:1px solid #ffffff24;padding:5px 9px;font-weight:650}.project-card-status{right:var(--space-3);box-shadow:0 4px 16px #0000002e}.project-card-body{min-height:190px;padding:var(--space-5);flex-direction:column;display:flex}.project-card-title{margin:0 0 var(--space-4);color:var(--color-text-primary);letter-spacing:-.015em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:500;line-height:1.25}.project-card-footer{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.project-card-date{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.project-card-date.is-placeholder{opacity:.62;font-style:italic}.project-progress{width:min(100%,430px);margin-top:var(--space-5);gap:7px;display:grid}.project-progress.is-compact{margin-top:auto}.project-progress-copy{justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;display:flex}.project-progress-copy strong{color:var(--color-text-secondary);font-weight:650}.project-progress-track{background:color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:var(--radius-full);height:4px;overflow:hidden}.project-progress-track>span{background:linear-gradient(90deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 62%, white));border-radius:inherit;height:100%;display:block}.project-progress.is-cancelled{background:repeating-linear-gradient(90deg, var(--color-border) 0 6px, transparent 6px 10px);height:4px}.project-state-card{border-style:dashed;max-width:760px;min-height:320px;margin:0 auto}.projects-grid-skeleton,.project-detail-skeleton{pointer-events:none}.project-card-skeleton{gap:var(--space-3);padding-bottom:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;overflow:hidden}.project-skeleton-cover,.project-skeleton-line,.project-detail-skeleton-grid>span{background:linear-gradient(100deg, var(--color-bg-hover) 20%, color-mix(in srgb, var(--color-bg-hover) 55%, white) 42%, var(--color-bg-hover) 64%);background-size:220% 100%;animation:1.5s ease-in-out infinite project-skeleton-shimmer;display:block}.project-skeleton-cover{min-height:168px}.project-skeleton-line{border-radius:var(--radius-full);width:calc(100% - 40px);height:12px;margin:0 20px}.project-skeleton-line.is-title{width:60%;height:20px;margin-top:var(--space-2)}.project-skeleton-line.is-short{width:42%}@keyframes project-skeleton-shimmer{to{background-position:-120% 0}}.form-card{max-width:760px}.form-intro{margin:var(--space-2) 0 var(--space-8)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.project-form{gap:var(--space-4);flex-direction:column;display:flex}.project-price-row{grid-template-columns:minmax(0,2fr) minmax(110px,1fr)}.project-form-actions{gap:var(--space-3);display:flex}.page-container.project-workspace-page{max-width:none;margin:0}.project-workspace-page>:not(.project-workspace-header):not(dialog){width:min(1100px,100%);margin-left:auto;margin-right:auto}.project-workspace-header{width:auto;margin:calc(var(--space-8) * -1) calc(var(--space-8) * -1) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.project-workspace-header-inner{width:min(1164px, calc(100% - (var(--space-8) * 2)));padding-top:var(--space-3);margin:0 auto}.project-workspace-header .back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.project-workspace-header .back-link:hover{color:var(--color-text-primary)}.project-detail-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.project-workspace-hero{margin-bottom:0}.project-workspace-header .project-detail-hero{background:0 0;border:0;border-radius:0;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;min-height:72px;overflow:visible}.project-workspace-header .project-cover{background:linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 34%, #25222a), #201a2b);border:1px solid color-mix(in srgb, var(--color-accent) 38%, transparent);border-radius:14px;align-self:center;width:56px;height:56px;min-height:auto}.project-workspace-header .project-cover:after,.project-workspace-header .project-cover-shape{display:none}.project-workspace-header .project-detail-hero-copy{padding:var(--space-2) var(--space-4)}.project-detail-hero{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:80px minmax(0,1fr) auto;align-items:stretch;min-height:104px;display:grid;overflow:hidden}.project-detail-hero-copy{min-width:0;padding:var(--space-4) var(--space-5);flex-direction:column;justify-content:center;display:flex}.project-detail-hero-copy .project-title-row{margin-bottom:var(--space-1)}.project-detail-hero-copy h1{letter-spacing:-.02em;font-family:inherit;font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:650}.project-detail-hero>.btn,.project-workspace-header-action{margin:var(--space-5);align-self:start}.project-workspace-header-action{display:flex}.project-workspace-hero-status{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-2) 0;display:flex}.project-workspace-hero-status .project-workspace-header-action{align-self:center;margin:0}.project-workspace-header .project-workspace-guide.is-compact{background:0 0;border:0;border-radius:0;margin-bottom:0;padding:0}.project-workspace-hero-status .project-workspace-guide.is-compact,.project-workspace-hero-status .workspace-guide-summary{flex:0 auto}.project-workspace-hero-status .workspace-guide-counts{flex-wrap:nowrap}.project-workspace-hero-status .workspace-guide-payment{margin-left:var(--space-2);white-space:nowrap}.project-workspace-hero-status .workspace-guide-blockers.is-compact{display:none}.project-detail-hero .project-cover-icon{color:#ffffffe0;width:26px;height:26px;top:50%;bottom:auto;right:50%;transform:translate(50%,-50%)}.project-detail-hero .project-cover-shape-one{width:90px;height:90px;top:-55px;right:-40px}.project-detail-hero .project-cover-shape-two{width:74px;height:74px;bottom:-49px;left:-38px}.project-detail-skeleton-hero{gap:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:minmax(210px,280px) 1fr;min-height:190px;display:grid;overflow:hidden}.project-detail-skeleton-hero>div{align-content:center;gap:var(--space-4);display:grid}.project-detail-skeleton-grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.project-detail-skeleton-grid>span{border-radius:var(--radius-lg);min-height:220px}.project-title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.project-detail-meta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.project-section{margin-top:var(--space-8);margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.section-heading{margin-bottom:var(--space-4);justify-content:space-between;display:flex}.project-action-error{margin-bottom:var(--space-5)}.commercial-feedback{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.commercial-feedback.is-success{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 24%, transparent)}.commercial-feedback.is-error{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 9%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 22%, transparent)}.project-tabs{gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);scrollbar-width:thin;-webkit-overflow-scrolling:touch;max-width:100%;display:flex;overflow:auto hidden}.project-workspace-header .project-tabs{margin-bottom:0}.project-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;text-decoration:none;display:inline-flex}.project-tab:hover,.project-tab-active{color:var(--color-text-primary)}.project-tab-active{border-bottom-color:var(--color-accent)}.project-edit-card{max-width:760px}.project-edit-card h2,.project-summary h2,.project-notes h2,.project-workflow h2{margin-bottom:var(--space-4);font-size:var(--font-size-lg)}.project-overview-grid{gap:var(--space-5);grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);display:grid}.project-disclosure{margin-top:var(--space-5);padding:0;overflow:hidden}.project-disclosure>summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;display:flex}.project-disclosure>summary::-webkit-details-marker{display:none}.project-disclosure>summary:after{content:"+";color:var(--color-text-muted);font-size:var(--font-size-xl);line-height:1}.project-disclosure[open]>summary:after{content:"−"}.project-disclosure>summary>span{flex-direction:column;gap:2px;display:flex}.project-disclosure>summary strong{font-size:var(--font-size-base)}.project-disclosure>summary small{color:var(--color-text-secondary)}.project-disclosure-content{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border)}.project-disclosure-content.plan-form-card{padding-top:var(--space-5);background:0 0;border:0;border-radius:0}.project-advanced-disclosure .project-workflow{margin-top:var(--space-5)}.project-advanced-disclosure .danger-zone{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.project-facts{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.project-facts div{min-width:0}.project-facts dt{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.project-facts dd{overflow-wrap:anywhere;margin:0}.project-notes p{white-space:pre-wrap}.project-workflow{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-5);display:flex}.project-workflow h2{margin-bottom:var(--space-1)}.project-workflow-actions,.assignment-form{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.assignment-form{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(220px,1fr) 180px auto;display:grid}.assignment-list{flex-direction:column;display:flex}.assignment-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(220px,1fr) auto auto;display:grid}.assignment-row:last-child{border-bottom:0;padding-bottom:0}.assignment-person{align-items:center;gap:var(--space-3);min-width:0;display:flex}.assignment-person>span:last-child{flex-direction:column;min-width:0;display:flex}.assignment-person small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assignment-avatar{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-accent);background:var(--color-bg-hover);flex:none;justify-content:center;align-items:center;display:inline-flex}.assignment-loading,.assignment-empty{padding-top:var(--space-5)}.plan-form-card{padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-6);flex-direction:column;display:flex}.plan-form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.plan-form-grid label{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;flex-direction:column;font-weight:600;display:flex}.plan-form-grid input,.plan-form-grid textarea{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-hover,#ffffff0a);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color .15s}.plan-form-grid input:focus,.plan-form-grid textarea:focus{border-color:var(--color-accent)}.plan-notes-row{grid-column:1/-1}.plan-notes-row textarea{resize:vertical;min-height:90px;line-height:1.5}.plan-form-actions{margin-top:var(--space-2);grid-column:1/-1;justify-content:flex-end;align-items:center;display:flex}.project-equipment-wrapper{padding-top:var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex}.project-equipment-header h3{font-size:var(--font-size-base);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.project-equipment-bar{align-items:center;gap:var(--space-3);max-width:560px;display:flex}.project-equipment-bar select{height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-hover,#ffffff0a);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;flex:1}.project-equipment-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.project-equipment-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-hover,#ffffff08);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.project-equipment-item-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.project-equipment-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 12%, transparent);width:32px;height:32px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-equipment-meta{flex-direction:column;min-width:0;display:flex}.project-equipment-name{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-equipment-type{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.project-fact-item{align-items:flex-start;gap:var(--space-3);display:flex}.project-fact-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 12%, transparent);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.compact-input{width:100px}.commercial-payment-summary{gap:var(--space-5);scroll-margin-top:var(--space-5);flex-direction:column;display:flex}.commercial-payment-summary:focus{outline:2px solid color-mix(in srgb, var(--color-accent) 55%, transparent);outline-offset:3px}.commercial-payment-summary-header,.card-header-with-icon,.commercial-payment-actions,.manual-payment-context,.payment-history-heading,.payment-history-item{align-items:center;display:flex}.commercial-history-details{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.commercial-history-details summary{cursor:pointer;color:var(--color-text-secondary);font-size:.875rem}.commercial-history-details article{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 0;display:flex}.commercial-payment-summary-header{justify-content:space-between;gap:var(--space-5)}.card-header-with-icon{gap:var(--space-2);margin-bottom:var(--space-2)}.card-header-with-icon h1,.card-header-with-icon h2,.commercial-action-panel h3,.payment-history-heading h3{margin:0}.commercial-payment-summary .card-header-with-icon h2{font-size:clamp(1.5rem,3vw,2rem)}.commercial-payment-summary-header .payment-status-box{flex:0 auto;margin:0}.commercial-balance-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.commercial-balance-grid>div{gap:var(--space-1);min-width:0;padding:var(--space-4);flex-direction:column;display:flex}.commercial-balance-grid>div+div{border-left:1px solid var(--color-border)}.commercial-balance-grid dt{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.commercial-balance-grid dd{overflow-wrap:anywhere;margin:0;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700}.commercial-balance-grid .is-balance{background:color-mix(in srgb, var(--color-accent) 7%, transparent)}.commercial-payment-actions{gap:var(--space-3);flex-wrap:wrap}.commercial-action-panel{gap:var(--space-4);padding:var(--space-4);background:color-mix(in srgb, var(--color-accent) 4%, var(--color-bg-hover));border:1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));border-radius:var(--radius-lg);flex-direction:column;display:flex}.manual-payment-form{gap:var(--space-3);grid-template-columns:repeat(2,minmax(180px,1fr));align-items:start;display:grid}.manual-payment-form label,.no-charge-reason{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.manual-payment-form label>span,.no-charge-reason>span{font-size:var(--font-size-sm);font-weight:600}.manual-payment-context{justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);grid-column:1/-1}.manual-payment-context span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.manual-payment-context strong{font-size:var(--font-size-lg)}.manual-payment-note,.manual-payment-result{grid-column:1/-1}.manual-payment-result{padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-md);margin:0}.manual-payment-submit{grid-column:1/-1;justify-self:flex-end}.field-error{color:var(--color-danger,#ef4444)}.commercial-empty-action{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.commercial-empty-action p{margin:0}.commercial-advanced-options{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.commercial-advanced-options summary{cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.commercial-advanced-options[open] summary{margin-bottom:var(--space-3)}.payment-history-heading{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.payment-history-list,.payment-history-entry{gap:var(--space-2);flex-direction:column;display:flex}.payment-history-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-history-item>div:not(.payment-history-meta){flex-direction:column;gap:2px;display:flex}.payment-history-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.payment-reversal-form{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-warning) 35%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 7%, transparent);flex-direction:column;display:flex}.payment-reversal-form p{margin:0}.payment-reversal-form label{gap:var(--space-1);flex-direction:column;width:100%;font-weight:600;display:flex}.payment-reversal-form textarea{resize:vertical;min-height:76px}.quote-form-card{padding:var(--space-5)}.quote-form-card.is-compact{align-items:center;gap:var(--space-1) var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.quote-form-card.is-compact .card-header-with-icon,.quote-form-card.is-compact>p{grid-column:1;margin:0!important}.quote-form-card.is-compact>.btn{grid-area:1/2/span 2}.quote-form-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:minmax(180px,2fr) 90px 130px;display:grid}.quote-notes-row{gap:var(--space-1);flex-direction:column;grid-column:1/-1;display:flex}.quote-notes-row textarea{resize:vertical;width:100%;min-height:72px}.quote-form-actions{margin-top:var(--space-2);grid-column:1/-1;justify-content:flex-end;display:flex}.payment-gate-card{flex-direction:column;justify-content:space-between;display:flex}.payment-override-copy,.payment-override-active,.payment-override-active strong{align-items:flex-start;gap:var(--space-2);display:flex}.payment-override-copy{margin-bottom:var(--space-3)}.payment-override-copy>svg,.payment-override-active strong>svg{color:var(--color-accent);flex:none;margin-top:2px}.payment-override-copy p,.payment-override-active p{margin-top:var(--space-1)}.payment-override-active{padding:var(--space-3);background:color-mix(in srgb, var(--color-success) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 22%, transparent);border-radius:var(--radius-md);justify-content:space-between}.payment-override-form input{min-width:min(100%,260px)}.payment-method-cards{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.payment-method-card{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;padding:var(--space-4);flex-direction:column;display:flex}.payment-method-card-heading{gap:var(--space-3);display:flex}.payment-method-card-heading h3{margin-bottom:var(--space-1);font-size:var(--font-size-base)}.payment-method-icon{width:36px;height:36px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;display:inline-flex}.payment-method-card-actions{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.integration-status{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:inline-flex}.integration-status.is-connected,.integration-status.is-manual{color:var(--color-success)}.integration-status.is-disconnected{color:var(--color-warning)}.payment-status-box{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3);margin-bottom:var(--space-4);font-weight:600;font-size:var(--font-size-sm);display:flex}.payment-status-unlocked{background:color-mix(in srgb, var(--color-success,#10b981) 12%, transparent);color:var(--color-success,#10b981);border:1px solid color-mix(in srgb, var(--color-success,#10b981) 30%, transparent)}.payment-status-locked{background:color-mix(in srgb, var(--color-warning,#f59e0b) 12%, transparent);color:var(--color-warning,#f59e0b);border:1px solid color-mix(in srgb, var(--color-warning,#f59e0b) 30%, transparent)}.commercial-list-card{gap:var(--space-3);flex-direction:column;display:flex}.quote-card-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-hover,#ffffff08);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.quote-card-main{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.quote-version-badge{padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);border-radius:var(--radius-sm);font-weight:700;font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.quote-card-details{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.quote-lines-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);word-break:break-word}.quote-card-right{align-items:center;gap:var(--space-4);flex-wrap:wrap;flex-shrink:0;display:flex}.commercial-breakdown-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-hover,#ffffff05);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.commercial-breakdown-item{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quote-financial-pill{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:2px 8px;font-weight:600;display:inline-flex}.quote-financial-pill.is-pending{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.quote-financial-pill.is-paid{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.quote-financial-pill.is-waived{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent)}.commercial-financial-hero{background:var(--color-bg-card,#151821);border:1px solid var(--color-border,#242938);border-radius:var(--radius-xl,1rem);padding:var(--space-6,1.5rem);gap:var(--space-5,1.25rem);flex-direction:column;display:flex;position:relative}.commercial-hero-header{gap:var(--space-2);flex-direction:column;display:flex}@media (width>=640px){.commercial-hero-header{flex-direction:row;justify-content:space-between;align-items:center}}.commercial-hero-header h3{color:var(--color-text-primary,#fff);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.commercial-hero-header p{font-size:var(--font-size-xs,.75rem);color:var(--color-text-secondary,#94a3b8);margin:2px 0 0}.commercial-hero-status-pill{align-items:center;gap:var(--space-2);color:#cbd5e1;font-size:var(--font-size-xs,.75rem);background:#1e293bcc;border:1px solid #334155b3;border-radius:9999px;align-self:flex-start;padding:6px 12px;font-weight:500;display:inline-flex}.commercial-hero-status-pill.is-unlocked{color:#34d399;background:#10b9811f;border-color:#10b9814d}.commercial-hero-status-pill.is-locked{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b40}.commercial-hero-metrics{gap:var(--space-4,1rem);grid-template-columns:1fr;padding-top:2px;display:grid}@media (width>=768px){.commercial-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}.commercial-metric-card{border-radius:var(--radius-lg,.75rem);padding:var(--space-4,1rem);background:#10131c;border:1px solid #1d2230;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.commercial-metric-card.is-pending{border-color:#f59e0b40}.commercial-metric-card.is-pending:after{content:"";background:#f59e0b;width:4px;height:100%;position:absolute;top:0;right:0}.commercial-metric-label{color:var(--color-text-secondary,#94a3b8);margin-bottom:var(--space-1);font-size:.8125rem;font-weight:500;display:block}.commercial-metric-card.is-paid .commercial-metric-label{color:#34d399}.commercial-metric-card.is-pending .commercial-metric-label{color:#fbbf24}.commercial-metric-value-row{align-items:baseline;gap:6px;display:flex}.commercial-metric-currency{color:var(--color-text-secondary,#94a3b8);font-size:.8125rem;font-weight:600}.commercial-metric-card.is-paid .commercial-metric-currency{color:#34d399b3}.commercial-metric-card.is-pending .commercial-metric-currency{color:#fbbf24b3}.commercial-metric-amount{color:#fff;letter-spacing:-.02em;font-size:1.55rem;font-weight:700}.commercial-metric-card.is-paid .commercial-metric-amount{color:#34d399}.commercial-metric-card.is-pending .commercial-metric-amount{color:#fde68a}.commercial-metric-sub{color:var(--color-text-secondary,#94a3b8);margin-top:var(--space-2,.5rem);align-items:center;gap:6px;font-size:.8125rem;display:flex}.commercial-metric-card.is-pending .commercial-metric-sub{color:#fde68ad9}.commercial-progress-section{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #1d2230;flex-direction:column;display:flex}.commercial-progress-header{color:var(--color-text-secondary,#94a3b8);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.commercial-progress-track{background:#1e2433;border-radius:9999px;width:100%;height:8px;display:flex;overflow:hidden}.commercial-progress-fill-paid{background:#10b981;height:100%;transition:width .3s}.commercial-progress-fill-pending{background:#f59e0b73;height:100%;transition:width .3s}.commercial-progress-legend{align-items:center;gap:var(--space-4);color:var(--color-text-secondary,#94a3b8);flex-wrap:wrap;padding-top:3px;font-size:.8125rem;display:flex}.commercial-legend-item{align-items:center;gap:6px;display:inline-flex}.commercial-consolidated-alert{border-radius:var(--radius-xl,1rem);padding:var(--space-5);gap:var(--space-4);background:linear-gradient(135deg,#4c1d9559 0%,#581c8726 50%,#0d0f1599 100%);border:1px solid #8b5cf64d;flex-direction:column;display:flex;box-shadow:0 10px 25px -5px #4c1d9533}@media (width>=768px){.commercial-consolidated-alert{flex-direction:row;justify-content:space-between;align-items:center}}.commercial-alert-body{align-items:flex-start;gap:var(--space-4);flex:1;min-width:0;display:flex}.commercial-alert-icon{border-radius:var(--radius-lg,.75rem);color:#c4b5fd;background:#7c3aed33;border:1px solid #8b5cf659;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.commercial-alert-text{flex-direction:column;gap:3px;min-width:0;display:flex}.commercial-alert-title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.commercial-alert-title{font-size:var(--font-size-sm,.875rem);color:#fff;margin:0;font-weight:600}.commercial-alert-sub{font-size:var(--font-size-xs,.75rem);color:#cbd5e1;margin:0}.commercial-alert-hint{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:11px}.commercial-alert-actions{align-items:center;gap:var(--space-2);flex-shrink:0;align-self:flex-end;display:flex}@media (width>=768px){.commercial-alert-actions{align-self:center}}.commercial-services-breakdown{background:var(--color-bg-card,#151821);border:1px solid var(--color-border,#242938);border-radius:var(--radius-xl,1rem);overflow:hidden}.commercial-services-header{padding:var(--space-5);border-bottom:1px solid var(--color-border,#242938);gap:var(--space-3);flex-direction:column;display:flex}@media (width>=640px){.commercial-services-header{flex-direction:row;justify-content:space-between;align-items:center}}.commercial-services-header h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.commercial-services-header p{color:var(--color-text-secondary,#94a3b8);margin:2px 0 0;font-size:.8125rem}.commercial-services-list{flex-direction:column;display:flex}.commercial-services-list>.commercial-service-row+.commercial-service-row{border-top:1px solid #1d2230}.commercial-service-row{padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;transition:background-color .15s;display:flex}.commercial-service-row:hover{background-color:#ffffff06}@media (width>=768px){.commercial-service-row{flex-direction:row;justify-content:space-between;align-items:center}}.commercial-service-info{align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;display:flex}.commercial-service-avatar{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary,#94a3b8);background:#10131c;border:1px solid #242938;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.commercial-service-details{flex-direction:column;gap:3px;min-width:0;display:flex}.commercial-service-title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.commercial-service-name{font-size:var(--font-size-sm,.875rem);color:#fff;font-weight:600}.commercial-service-desc{font-size:var(--font-size-xs,.75rem);color:var(--color-text-secondary,#94a3b8);margin:0}.commercial-service-status-col{align-items:center;gap:var(--space-6);flex-shrink:0;display:flex}.commercial-service-status-pill{font-size:var(--font-size-xs,.75rem);align-items:center;gap:8px;font-weight:500;display:flex}.commercial-status-dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px}.commercial-status-dot.is-paid{background:#10b981}.commercial-status-dot.is-pending{background:#f59e0b}.commercial-status-dot.is-waived{background:var(--color-accent)}.commercial-service-amount-box{text-align:right;min-width:105px}.commercial-service-amount-label{color:var(--color-text-secondary,#94a3b8);font-size:11px;display:block}.commercial-service-amount-val{font-size:var(--font-size-sm,.875rem);color:#fff;font-weight:700}.commercial-service-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.btn-soft-violet{color:#c4b5fd;background:#7c3aed26;border:1px solid #8b5cf64d;font-weight:500}.btn-soft-violet:hover{color:#fff;background:#7c3aed40}.quote-price-tag{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:700}.invoice-card-item{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-hover,#ffffff08);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.invoice-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.invoice-amount-title{font-size:var(--font-size-lg);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.invoice-payment-row{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);flex-wrap:wrap;display:flex}.invoice-create-row{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.invoice-external-link{gap:var(--space-1);flex-direction:column;flex:1;min-width:220px;display:flex}.invoice-external-link>span{font-size:var(--font-size-sm);font-weight:600}.invoice-external-link small{font-size:var(--font-size-xs)}.payment-report-item{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-hover,#ffffff08);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);display:grid}.payment-report-main,.payment-report-decision{gap:var(--space-2);flex-direction:column;display:flex}.payment-report-main>div,.payment-report-decision>div,.payment-reports-unavailable{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.payment-reports-unavailable{justify-content:space-between}@media (width<=1100px){.project-workspace-header .project-detail-hero{grid-template-columns:56px minmax(0,1fr)}.project-workspace-hero-status{padding:0 var(--space-4) var(--space-3);grid-column:2/-1}.project-workspace-hero-status .workspace-guide-counts{flex-wrap:wrap}}@media (width<=820px){.project-filters,.project-overview-grid{grid-template-columns:1fr}.project-detail-header,.project-workflow{flex-direction:column;align-items:flex-start}.project-detail-hero{grid-template-columns:170px minmax(0,1fr);display:grid}.project-detail-hero>.btn,.project-workspace-header-action{margin:0 var(--space-5) var(--space-5);grid-column:2;justify-self:start}.assignment-form,.quote-form-grid,.quote-form-card.is-compact{grid-template-columns:1fr}.quote-form-card.is-compact>.btn{margin-top:var(--space-3);grid-area:auto/1;justify-self:start}.payment-method-cards{grid-template-columns:1fr}.commercial-payment-summary-header{flex-direction:column;align-items:flex-start}}@media (width<=800px){.project-workspace-header{width:100vw;margin:calc(var(--space-5) * -1) calc(50% - 50vw) var(--space-5)}.project-workspace-header-inner{width:min(var(--content-max-width), calc(100% - (var(--space-4) * 2)));padding-top:var(--space-3)}}@media (width<=820px){.project-workspace-hero-status{padding:0 var(--space-4) var(--space-3);grid-column:2/-1;justify-content:space-between}.project-workspace-hero-status .workspace-guide-counts{max-width:100%;overflow-x:auto}}@media (width<=600px){.project-workspace-hero-status{grid-column:1/-1;padding-inline:0}.project-workspace-hero-status .workspace-guide-summary{flex-direction:column;align-items:flex-start}.project-workspace-hero-status .workspace-guide-payment{margin-left:0}.page-header{align-items:flex-start;gap:var(--space-4)}.commercial-balance-grid,.manual-payment-form{grid-template-columns:1fr}.commercial-balance-grid>div+div{border-top:1px solid var(--color-border);border-left:0}.manual-payment-context,.manual-payment-note,.manual-payment-result,.manual-payment-submit{grid-column:1}.commercial-payment-actions,.commercial-payment-actions>.btn,.manual-payment-submit{width:100%}.commercial-payment-actions>.btn,.manual-payment-submit{justify-content:center}.payment-history-heading,.payment-history-item{align-items:flex-start}.payment-history-heading{flex-direction:column}.payment-history-item{flex-wrap:wrap}.payment-history-meta{text-align:left;align-items:flex-start;width:100%;margin-left:48px}.projects-grid{grid-template-columns:1fr}.project-card-visual{min-height:148px}.project-detail-hero,.project-detail-skeleton-hero,.project-detail-skeleton-grid{grid-template-columns:1fr}.project-detail-hero{grid-template-columns:56px minmax(0,1fr) auto;min-height:84px}.project-detail-skeleton-hero .project-skeleton-cover{min-height:150px}.project-detail-hero .project-cover{min-height:84px}.project-detail-hero-copy{padding:var(--space-5)}.project-detail-hero .project-detail-hero-copy{padding:var(--space-3) var(--space-4)}.project-detail-hero>.btn,.project-workspace-header-action{margin:0 var(--space-5) var(--space-5);grid-column:1}.project-detail-hero>.project-workspace-header-action{margin:var(--space-3);grid-column:auto}.form-row,.project-price-row,.project-facts{grid-template-columns:1fr}.assignment-row{grid-template-columns:1fr auto}.assignment-row>button{grid-column:1/-1;justify-self:flex-start}.quote-card-item,.quote-card-right{flex-direction:column;align-items:flex-start}.project-tabs{margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);scroll-padding-inline:var(--space-4)}.project-tab{gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.payment-report-item{grid-template-columns:1fr}.invoice-create-row,.payment-override-active{flex-direction:column;align-items:stretch}.invoice-create-row>.btn,.payment-override-active>.btn,.payment-report-decision .btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.project-skeleton-cover,.project-skeleton-line,.project-detail-skeleton-grid>span{animation:none}}.commercial-create-chooser{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-hover);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.commercial-create-chooser button{padding:var(--space-4);color:var(--color-text-primary);text-align:left;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;gap:5px;display:grid}.commercial-create-chooser button:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.commercial-create-chooser strong{font-size:.9375rem}.commercial-create-chooser span{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.45}@media (width<=640px){.commercial-create-chooser{grid-template-columns:1fr}}.commercial-next-step{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-hover)}.commercial-next-step h3{margin:0 0 var(--space-2);font-size:1.1rem}.commercial-next-step p{margin:0 0 var(--space-4)}.commercial-secondary-actions>summary,.commercial-archive>summary{cursor:pointer;color:var(--color-text-secondary);padding:var(--space-2) 0}.commercial-secondary-actions[open]>summary{margin-bottom:var(--space-3)}.commercial-archive{margin-top:var(--space-6);padding:var(--space-5)}.commercial-review-section{scroll-margin-top:var(--space-6)}.commercial-review-section .commercial-list-card{border-left:3px solid var(--color-accent)}@media (width<=640px){.commercial-next-step .commercial-payment-actions{flex-direction:column;align-items:stretch}.commercial-next-step .btn{white-space:normal;justify-content:center;width:100%}}.commercial-review-section .section-heading{align-items:flex-start}.commercial-review-section .section-heading>.badge{white-space:nowrap;flex-shrink:0}@media (width<=640px){.commercial-review-section .section-heading{gap:var(--space-2);flex-direction:column}}.project-workspace-guide{align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:radial-gradient(circle at 0 0, var(--color-accent-glow), transparent 48%), var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex;overflow:hidden}.project-workspace-guide:has(.workspace-guide-blockers.is-compact){align-items:center}.project-workspace-guide.is-compact{gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:0}.project-workspace-guide.is-compact .workspace-guide-summary{gap:var(--space-3);flex:auto}.project-workspace-guide.is-compact .workspace-guide-payment{align-self:center;margin-left:auto}.project-workspace-guide.is-compact .workspace-guide-counts span{padding:3px var(--space-2)}.workspace-guide-blockers.is-compact{padding:3px var(--space-2);flex-direction:row;flex:0 auto;align-items:center}.workspace-guide-blockers.is-compact ul{gap:var(--space-2);padding:0;list-style:none;display:flex}.workspace-guide-blockers.is-compact li+li:before{margin-right:var(--space-2);color:var(--color-text-muted);content:"·"}.workspace-guide-summary{gap:var(--space-3);flex:520px;align-items:center;min-width:0;display:flex}.workspace-guide-heading{flex-direction:column;gap:2px;min-width:140px;display:flex}.workspace-guide-heading h2{font-size:var(--font-size-xl)}.workspace-guide-eyebrow{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.workspace-guide-payment{align-self:flex-start;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:inline-flex}.workspace-guide-payment.is-unlocked{color:var(--color-success)}.workspace-guide-payment.is-blocked,.workspace-guide-counts .is-warning{color:var(--color-warning)}.workspace-guide-counts{gap:var(--space-2);flex-wrap:wrap;display:flex}.workspace-guide-counts span{padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.workspace-guide-blockers{gap:var(--space-2);padding:var(--space-3);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#f59e0b14;border:1px solid #f59e0b2e;flex-direction:column;display:flex}.workspace-guide-blockers strong{align-items:center;gap:var(--space-2);display:flex}.workspace-guide-blockers ul{gap:var(--space-1);padding-left:var(--space-5);color:var(--color-text-secondary);display:grid}.project-workspace-guide.is-loading,.project-workspace-guide.is-error{grid-template-columns:1fr auto;align-items:center;min-height:92px}.project-workspace-guide.is-error{color:var(--color-warning)}.workspace-guide-skeleton{background:var(--color-bg-hover);border-radius:var(--radius-full);width:180px;height:18px;animation:1.2s ease-in-out infinite alternate workspace-guide-pulse}.workspace-guide-skeleton.is-wide{width:min(100%,520px);height:42px}@keyframes workspace-guide-pulse{to{opacity:.45}}@media (width<=860px){.workspace-guide-summary{flex-basis:100%}}@media (width<=560px){.project-workspace-guide{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3)}.workspace-guide-summary{gap:var(--space-3);flex-direction:column;align-items:stretch}.project-workspace-guide.is-compact .workspace-guide-summary{flex-direction:row;align-items:center}.project-workspace-guide.is-compact .workspace-guide-payment{margin-left:0}.workspace-guide-blockers.is-compact{width:100%}.workspace-guide-heading h2{font-size:var(--font-size-lg)}.workspace-guide-counts{margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-3);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.workspace-guide-counts span{flex:none}.workspace-guide-blockers{padding:var(--space-2) var(--space-3)}.workspace-guide-blockers ul{padding-left:var(--space-4)}}@media (prefers-reduced-motion:reduce){.workspace-guide-skeleton{transition:none;animation:none}}.clients-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.client-card{align-items:center;gap:var(--space-4);padding:var(--space-5);color:inherit;text-decoration:none;display:flex}.client-card:hover{color:inherit;transform:translateY(-1px)}.client-avatar{border-radius:var(--radius-full);background:var(--gradient-accent);color:#fff;width:44px;height:44px;font-weight:700;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.client-name{font-weight:600;font-size:var(--font-size-base)}.client-detail{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}.client-form-card{margin-bottom:var(--space-6);max-width:760px}.client-form-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.client-form-header h3{font-size:var(--font-size-lg);font-weight:600}.client-form{gap:var(--space-4);flex-direction:column;display:flex}.client-form-columns{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.client-form-actions{gap:var(--space-3);display:flex}.load-more{margin-top:var(--space-6);justify-content:center;display:flex}.back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--font-size-sm);display:inline-flex}.client-detail-page{gap:var(--space-6);flex-direction:column;display:flex}.client-detail-page .back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);width:fit-content;text-decoration:none;transition:color .15s;display:inline-flex}.client-detail-page .back-link:hover{color:var(--color-text-primary)}.client-header-card{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.client-header-identity{align-items:center;gap:var(--space-5);min-width:0;display:flex}.client-header-avatar{border-radius:var(--radius-full);background:var(--gradient-accent,linear-gradient(135deg, #6366f1 0%, #a855f7 100%));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #6366f140}.client-header-meta h1{font-size:var(--font-size-2xl,1.75rem);margin-bottom:var(--space-1);letter-spacing:-.02em;font-weight:700}.client-header-sub{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.client-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-bg-hover);color:var(--color-text-secondary);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.client-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.client-profile-grid{gap:var(--space-5);grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);display:grid}.client-contact-card,.client-notes-card{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.client-card-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.client-card-header h2{font-size:var(--font-size-lg);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.client-contact-list{gap:var(--space-3);flex-direction:column;display:flex}.client-contact-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-hover,#ffffff08);color:var(--color-text-primary);font-size:var(--font-size-sm);text-decoration:none;transition:background-color .15s;display:flex}.client-contact-item:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-text-primary)}.client-contact-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 15%, transparent);width:32px;height:32px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-tags{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.client-tags span{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:4px 12px;font-weight:500}.client-projects-section{gap:var(--space-4);flex-direction:column;display:flex}.client-projects-header{justify-content:space-between;align-items:center;display:flex}.client-projects-header h2{font-size:var(--font-size-xl,1.25rem);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.client-projects-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.client-project-card{justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.client-project-card:hover{border-color:var(--color-accent);color:inherit;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.client-project-info{gap:var(--space-1);flex-direction:column;display:flex}.client-project-title{font-weight:600;font-size:var(--font-size-base)}.client-project-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.danger-zone{margin-top:var(--space-6);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-error) 4%, transparent);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.danger-zone-info h3{font-size:var(--font-size-base);color:var(--color-error);margin-bottom:var(--space-1);font-weight:600}.danger-zone-info p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.danger-action{color:var(--color-error)}.delete-confirmation{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.btn-danger{color:#fff;background:var(--color-error)}@media (width<=720px){.client-form-columns,.client-profile-grid{grid-template-columns:1fr}.client-header-card,.delete-confirmation{flex-direction:column;align-items:flex-start}}.settings-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.settings-audit-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;text-decoration:none;display:inline-flex}.settings-audit-link:hover{color:var(--color-text-primary)}.settings-tabs{gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.settings-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none;display:inline-flex}.settings-tab:hover,.settings-tab-active{color:var(--color-text-primary)}.settings-tab-active{border-bottom-color:var(--color-accent)}.settings-section{max-width:760px}.settings-section-heading,.settings-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.settings-section-heading h2,.settings-toolbar h2{margin-bottom:var(--space-1);font-size:var(--font-size-lg)}.settings-form{gap:var(--space-5);flex-direction:column;display:flex}.settings-form-actions{align-items:center;gap:var(--space-4);display:flex}.settings-checkbox{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb, var(--color-surface-elevated) 72%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex}.settings-checkbox input{margin-top:3px}.settings-checkbox span{gap:var(--space-1);display:grid}.settings-checkbox strong{color:var(--color-text);font-size:var(--font-size-sm)}.settings-checkbox small{color:var(--color-text-muted);line-height:1.45}.settings-success{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 28%, transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.payment-settings{max-width:900px}.settings-payment-icon{width:44px;height:44px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 28%, transparent);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-integration-card{align-items:center;gap:var(--space-6);padding:var(--space-5);margin-top:var(--space-5);background:color-mix(in srgb, var(--color-bg-hover) 52%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;display:grid}.settings-integration-copy,.settings-integration-unavailable{min-width:0}.settings-integration-title{align-items:flex-start;gap:var(--space-3);display:flex}.settings-integration-title h3{margin-bottom:var(--space-1)}.settings-payment-provider-mark{color:#fff;border-radius:var(--radius-md);width:42px;height:42px;font-size:var(--font-size-sm);background:#1683ff;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.settings-security-note{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0 54px;display:flex}.settings-integration-actions{align-items:flex-end;gap:var(--space-3);flex-direction:column;min-width:210px;display:flex}.settings-integration-unavailable{text-align:right;max-width:320px}.settings-integration-unavailable p{margin-top:var(--space-2)}.settings-notice{margin-bottom:var(--space-5)}.settings-overview{gap:var(--space-5);max-width:920px;display:grid}.settings-readiness{align-items:center;gap:var(--space-7);background:radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 42%), var(--color-bg-surface);grid-template-columns:minmax(0,1fr) minmax(190px,240px);display:grid}.settings-readiness-copy h2{margin:var(--space-2) 0;font-size:clamp(1.35rem,2.4vw,1.75rem)}.settings-readiness-copy p{max-width:600px;margin:0;line-height:1.55}.settings-readiness-eyebrow{color:var(--color-accent);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.settings-readiness-progress{gap:var(--space-2);padding:var(--space-4);background:color-mix(in srgb, var(--color-bg-hover) 70%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.settings-readiness-progress strong{font-size:1.65rem;line-height:1}.settings-readiness-progress>span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.settings-readiness-progress>div{background:var(--color-bg-hover);border-radius:var(--radius-full);height:7px;overflow:hidden}.settings-readiness-progress i{background:var(--gradient-accent);border-radius:inherit;height:100%;transition:width .2s;display:block}.settings-overview-warning{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 9%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 26%, transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.settings-checklist{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-checklist.is-loading{opacity:.7}.settings-check-item{align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.settings-check-item:last-child{border-bottom:0}.settings-check-icon{width:42px;height:42px;color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-md);place-items:center;display:grid}.settings-check-item.is-complete .settings-check-icon{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 11%, transparent)}.settings-check-item.is-unavailable .settings-check-icon{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.settings-check-title{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-check-title h3{font-size:var(--font-size-base);margin:0}.settings-check-title>span{color:var(--color-text-muted);font-size:var(--font-size-xs);align-items:center;gap:5px;font-weight:650;display:inline-flex}.settings-check-item.is-complete .settings-check-title>span{color:var(--color-success)}.settings-check-item.is-unavailable .settings-check-title>span{color:var(--color-warning)}.settings-check-item p{margin:var(--space-1) 0 0;line-height:1.45}.settings-check-action,.settings-check-done{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;font-weight:650;text-decoration:none;display:inline-flex}.settings-check-action:hover{color:var(--color-accent)}.settings-check-done{color:var(--color-success)}.subscription-settings{gap:var(--space-5);max-width:1180px;display:grid}.subscription-heading,.subscription-current,.subscription-state-banner,.subscription-checkout,.subscription-cancellation{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.subscription-heading h2{margin:var(--space-2) 0;font-size:clamp(1.4rem,2.5vw,1.85rem)}.subscription-heading p{max-width:680px;margin:0}.subscription-mock-badge,.subscription-recommended{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 28%, transparent);border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;gap:6px;font-weight:700;display:inline-flex}.subscription-mock-badge{white-space:nowrap;padding:7px 10px}.subscription-recommended{align-self:flex-start;padding:5px 9px}.subscription-state-banner{padding:var(--space-4);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-surface));border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));border-radius:var(--radius-lg);justify-content:flex-start}.subscription-state-banner.is-warning{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 8%, var(--color-bg-surface));border-color:color-mix(in srgb, var(--color-warning) 25%, var(--color-border))}.subscription-state-banner>div{flex:1;gap:3px;display:grid}.subscription-state-banner span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.subscription-current{background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 38%), var(--color-bg-surface)}.subscription-current-copy>span{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.subscription-current-copy h3{margin:var(--space-2) 0;font-size:1.45rem}.subscription-current-copy p{max-width:560px;color:var(--color-text-secondary);margin:0}.subscription-usage{gap:var(--space-2);min-width:320px;display:grid}.subscription-usage>div:first-child{justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-sm);display:flex}.subscription-usage>div:first-child span,.subscription-usage small{color:var(--color-text-secondary)}.subscription-progress{background:var(--color-bg-hover);border-radius:var(--radius-full);height:9px;overflow:hidden}.subscription-progress i{background:var(--gradient-accent);border-radius:inherit;height:100%;display:block}.subscription-cycle{background:var(--color-bg-hover);border-radius:var(--radius-md);justify-self:end;gap:3px;padding:3px;display:flex}.subscription-cycle button{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:0 0;border:0;padding:8px 12px;display:inline-flex}.subscription-cycle button.is-active{color:var(--color-text);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.subscription-cycle button span{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent);border-radius:var(--radius-full);padding:2px 5px;font-size:10px;font-weight:700}.subscription-plan-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.subscription-plan{gap:var(--space-4);flex-direction:column;min-width:0;display:flex;position:relative}.subscription-plan.is-recommended{border-color:color-mix(in srgb, var(--color-accent) 60%, var(--color-border));box-shadow:0 12px 38px color-mix(in srgb, var(--color-accent) 10%, transparent)}.subscription-plan-title h3{margin:0 0 var(--space-2)}.subscription-plan-title p{min-height:4.5em;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.subscription-price{align-items:baseline;gap:var(--space-2);display:flex}.subscription-price strong{font-size:1.8rem}.subscription-price span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.subscription-capacity{padding:var(--space-3);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-radius:var(--radius-md);align-items:center;gap:7px;display:flex}.subscription-capacity span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.subscription-plan ul{gap:var(--space-3);flex:1;margin:0;padding:0;list-style:none;display:grid}.subscription-plan li{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:flex-start;gap:8px;line-height:1.4;display:flex}.subscription-plan li svg{color:var(--color-success);flex:none;margin-top:2px}.subscription-plan>.btn{width:100%}.subscription-checkout-backdrop{z-index:1000;padding:var(--space-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070b1694;place-items:center;display:grid;position:fixed;inset:0}.subscription-checkout{width:min(760px,100%);max-height:calc(100vh - 2 * var(--space-5));border-color:color-mix(in srgb, #1683ff 45%, var(--color-border));align-items:flex-start;overflow:auto;box-shadow:0 24px 80px #00000059}.subscription-checkout>div:nth-child(2){flex:1}.subscription-checkout h3{margin:var(--space-2) 0}.subscription-checkout p{max-width:620px;color:var(--color-text-secondary)}.subscription-checkout-actions{align-self:center;gap:var(--space-3);display:flex}.subscription-checkout-actions .btn{align-items:center;gap:var(--space-2);display:inline-flex}.subscription-cancellation{align-items:flex-start}.subscription-cancellation h3{margin:0 0 var(--space-2)}.subscription-cancellation p{color:var(--color-text-secondary);margin:0}.subscription-cancel-form{gap:var(--space-3);width:min(100%,520px);display:grid}.subscription-cancel-form label{font-size:var(--font-size-sm);font-weight:650}.subscription-cancel-form textarea{min-height:88px;padding:var(--space-3);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical}.subscription-cancel-form>div{justify-content:flex-end;gap:var(--space-3);display:flex}.subscription-settings .btn-danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.subscription-loading{max-width:760px;color:var(--color-text-secondary)}@media (width<=1060px){.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.subscription-heading,.subscription-current,.subscription-state-banner,.subscription-checkout,.subscription-cancellation{flex-direction:column;align-items:stretch}.subscription-usage{width:100%;min-width:0}.subscription-cycle{justify-self:stretch}.subscription-cycle button{flex:1;justify-content:center}.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan-title p{min-height:0}.subscription-checkout-actions{align-self:stretch;width:100%}.subscription-checkout-actions .btn{flex:1;justify-content:center}.subscription-cancel-form{width:100%}}.email-deliveries{gap:var(--space-5);max-width:980px;display:grid}.email-deliveries-heading{align-items:flex-start}.email-delivery-summary{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.email-summary-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.email-summary-item>div{gap:2px;display:grid}.email-summary-item strong{font-size:1.35rem;line-height:1}.email-summary-item span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.email-summary-item.is-queued>svg{color:var(--color-warning)}.email-summary-item.is-sent>svg{color:var(--color-success)}.email-summary-item.is-failed>svg{color:var(--color-danger)}.email-delivery-history{padding-top:0;padding-bottom:0;overflow:hidden}.email-delivery-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);display:flex}.email-delivery-toolbar h3{font-size:var(--font-size-base);margin:0}.email-delivery-filters{background:var(--color-bg-hover);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.email-delivery-filters button{color:var(--color-text-secondary);border-radius:calc(var(--radius-md) - 2px);font:inherit;font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:0;padding:6px 10px}.email-delivery-filters button.is-active{color:var(--color-text-primary);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.email-delivery-row{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:110px minmax(220px,1fr) minmax(150px,auto) minmax(110px,auto);display:grid}.email-delivery-row:last-child{border-bottom:0}.email-delivery-status{width:max-content;font-size:var(--font-size-xs);align-items:center;gap:6px;font-weight:700;display:inline-flex}.email-delivery-status.is-queued{color:var(--color-warning)}.email-delivery-status.is-sent{color:var(--color-success)}.email-delivery-status.is-failed{color:var(--color-danger)}.email-delivery-copy{gap:3px;min-width:0;display:grid}.email-delivery-copy strong,.email-delivery-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-delivery-copy strong{font-size:var(--font-size-sm)}.email-delivery-copy span,.email-delivery-row time,.email-delivery-attempts{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.email-delivery-row time{white-space:nowrap}.email-delivery-empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:210px;color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.email-delivery-empty strong{color:var(--color-text-primary)}.email-delivery-empty.is-error{color:var(--color-danger)}.invite-form{align-items:end;gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:minmax(160px,1fr) minmax(220px,1.5fr) 160px auto;display:grid}.team-list,.audit-list{padding-top:0;padding-bottom:0}.team-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(240px,1fr) auto 160px auto;display:grid}.team-row:last-child,.audit-row:last-child{border-bottom:0}.team-identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.team-identity>span:last-child{flex-direction:column;min-width:0;display:flex}.team-identity small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-identity strong small{margin-left:var(--space-1);display:inline}.team-avatar{color:#fff;background:var(--gradient-accent);border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.team-actions{gap:var(--space-2);display:flex}.audit-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(220px,1fr) auto;display:grid}.audit-marker{width:34px;height:34px;color:var(--color-accent);background:var(--color-bg-hover);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.audit-row time{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}@media (width<=900px){.settings-readiness{gap:var(--space-5);grid-template-columns:1fr}.invite-form{grid-template-columns:1fr 1fr}.team-row{grid-template-columns:minmax(220px,1fr) auto}.team-row>select,.team-row>button,.team-actions{grid-column:2}.email-delivery-row{grid-template-columns:105px minmax(180px,1fr) auto}.email-delivery-row>.btn,.email-delivery-attempts{grid-column:2/-1;justify-self:end}}@media (width<=600px){.settings-header{flex-direction:column}.settings-tabs{overflow-x:auto}.settings-check-item{padding:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start}.settings-check-title{align-items:flex-start;gap:var(--space-1);flex-direction:column}.settings-check-item>.btn,.settings-check-action,.settings-check-done{grid-column:2;justify-self:start}.email-delivery-summary{grid-template-columns:1fr}.email-delivery-toolbar{flex-direction:column;align-items:flex-start}.email-delivery-filters{width:100%;overflow-x:auto}.email-delivery-filters button{white-space:nowrap;flex:1}.email-delivery-row{gap:var(--space-2) var(--space-3);padding:var(--space-4) 0;grid-template-columns:1fr auto}.email-delivery-copy{grid-area:1/1/auto/-1}.email-delivery-status{grid-area:2/1}.email-delivery-row time{grid-area:2/2}.email-delivery-row>.btn,.email-delivery-attempts{grid-column:1/-1;justify-self:start}.settings-section-heading,.settings-toolbar{flex-direction:column;align-items:flex-start}.settings-integration-card{grid-template-columns:1fr}.settings-integration-actions{align-items:stretch;width:100%;min-width:0}.settings-integration-actions .btn{justify-content:center}.settings-integration-unavailable{text-align:left;max-width:none}.settings-security-note{margin-left:0}.invite-form,.team-row,.audit-row{grid-template-columns:1fr}.team-row>select,.team-row>button,.team-actions{grid-column:1}.audit-row time{margin-left:50px}}select option{background-color:var(--color-bg-card,#1a1b26);color:var(--color-text-primary,#f8fafc);padding:8px 12px}.equipment-container{gap:var(--space-6);flex-direction:column;display:flex}.equipment-form-card{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.equipment-form{gap:var(--space-3);grid-template-columns:minmax(200px,1fr) minmax(160px,200px) auto;align-items:center;display:grid}.equipment-form input,.equipment-form select{height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-hover,#ffffff0a);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color .15s}.equipment-form input:focus,.equipment-form select:focus{border-color:var(--color-accent)}.equipment-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.equipment-categories{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.equipment-cat-btn{border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .15s;display:inline-flex}.equipment-cat-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.equipment-cat-btn.active{background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.equipment-cat-count{border-radius:var(--radius-full);background:#ffffff1a;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;display:inline-flex}.equipment-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.equipment-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s,transform .15s;display:flex}.equipment-card:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border));transform:translateY(-1px)}.equipment-item-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.equipment-icon-wrapper{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 12%, transparent);width:40px;height:40px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.equipment-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.equipment-item-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.equipment-item-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize;align-items:center;gap:4px;display:inline-flex}@media (width<=680px){.equipment-form{grid-template-columns:1fr}}.payments-page{width:min(100%,1180px);padding:var(--space-8);margin:0 auto}.payments-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-7);display:flex}.payments-page-header h1{margin:var(--space-1) 0 var(--space-2);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem)}.payments-page-header p{max-width:700px;color:var(--color-text-secondary);margin:0}.payments-totals{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.payments-currency-card{padding:var(--space-5)}.payments-currency-heading{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-text-secondary);display:flex}.payments-currency-values{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.payments-currency-values div{gap:var(--space-1);display:grid}.payments-currency-values span{color:var(--color-text-secondary);font-size:.875rem}.payments-currency-values strong{letter-spacing:-.03em;font-size:clamp(1.25rem,3vw,1.7rem)}.payments-list{padding:0;overflow:hidden}.payments-list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.payments-list-toolbar h2,.payments-list-toolbar p{margin:0}.payments-list-toolbar select{min-width:190px}.payments-table-wrap{overflow-x:auto}.payments-table{border-collapse:collapse;width:100%;font-size:.875rem}.payments-table th,.payments-table td{padding:var(--space-4);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.payments-table th{color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:600}.payments-table tbody tr:last-child td{border-bottom:0}.payments-project-title{text-overflow:ellipsis;max-width:260px;display:block;overflow:hidden}.payments-action-cell{text-align:right!important}.payments-status-paid{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent)}.payments-status-partially_paid{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 13%, transparent)}.payments-status-pending{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.payments-state{justify-items:center;gap:var(--space-3);padding:var(--space-10);text-align:center;color:var(--color-text-secondary);display:grid}.payments-state h2,.payments-state p{margin:0}.payments-state-inline{min-height:240px}.payments-loading{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.payments-loading-card,.payments-loading-table{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-bg-secondary), var(--color-surface), var(--color-bg-secondary));background-size:200% 100%;min-height:160px;animation:1.5s infinite payments-shimmer}.payments-loading-table{grid-column:1/-1;min-height:360px}@keyframes payments-shimmer{to{background-position:-200% 0}}@media (width<=760px){.payments-page{padding:var(--space-5) var(--space-4) var(--space-8)}.payments-page-header,.payments-list-toolbar{flex-direction:column;align-items:stretch}.payments-page-header .btn,.payments-list-toolbar select{width:100%}.payments-loading{grid-template-columns:1fr}.payments-loading-table{grid-column:auto}.payments-table-wrap{overflow:visible}.payments-table,.payments-table tbody,.payments-table tr,.payments-table td{width:100%;display:block}.payments-table thead{display:none}.payments-table tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.payments-table tbody tr:last-child{border-bottom:0}.payments-table td{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;text-align:right;border:0;display:flex}.payments-table td:before{content:attr(data-label);color:var(--color-text-secondary);text-align:left;font-size:.78rem}.payments-table td:first-child{padding-bottom:var(--space-3);text-align:left;display:block}.payments-table td:first-child:before,.payments-action-cell:before{display:none}.payments-project-title{max-width:none;font-size:1rem}.payments-action-cell,.payments-action-cell .btn{width:100%}.payments-action-cell{padding-top:var(--space-3)!important}}.client-login-page,.client-shared-page,.client-album-page{color:#f8f6fa;background:#0b0a0e;min-height:100vh}.client-login-page{background:radial-gradient(70% 55% at 50% 8%,#32204a 0%,#0b0a0e 68%);place-items:center;padding:28px;display:grid}.client-login-card{background:#16131cd4;border:1px solid #ffffff1a;border-radius:24px;width:min(100%,440px);padding:clamp(28px,7vw,52px);box-shadow:0 30px 100px #0000006b}.client-login-brand,.client-wordmark{color:#d6c4ff;letter-spacing:-.03em;align-items:center;gap:9px;font-weight:750;display:inline-flex}.client-login-brand{margin-bottom:42px;font-size:19px}.client-kicker,.client-section-overline{color:#b99bff;letter-spacing:.15em;font-size:10px;font-weight:800}.client-login-card h1{letter-spacing:-.04em;margin:7px 0 10px;font-family:Georgia,serif;font-size:clamp(33px,7vw,42px);font-weight:400}.client-login-card>p:not(.client-kicker),.client-login-card>p strong{color:#b9b2c0}.client-login-card>p strong{color:#eee9f3;font-weight:600}.client-login-form{gap:12px;margin-top:31px;display:grid}.client-login-form label{color:#e7e0ec}.client-input-icon{position:relative}.client-input-icon svg{color:#a99eaf;position:absolute;top:16px;left:15px}.client-input-icon input{padding-left:45px}.client-login-form input{color:#faf8fc;background:#111015;border-color:#35303a;min-height:51px}.client-code-input{letter-spacing:.32em;text-align:center;font-size:25px;font-weight:700}.client-form-error{color:#ffacac;font-size:13px}.client-login-help{color:#a99eaf;margin:11px 0 0;font-size:13px;line-height:1.5}.client-primary-button,.client-manage-trigger{color:#140d20;min-height:45px;font:inherit;cursor:pointer;background:#a16dff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.client-primary-button:hover,.client-manage-trigger:hover{color:#140d20;background:#ba91ff;transform:translateY(-1px)}.client-primary-button:disabled{opacity:.55;cursor:wait;transform:none}.client-text-button,.client-back-button{color:#c8b0ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px}.client-back-button{align-items:center;gap:5px;margin-bottom:27px;display:inline-flex}.client-text-button{justify-self:center;font-size:13px}.client-login-security{color:#8e8796;border-top:1px solid #302b34;gap:8px;margin-top:32px;padding-top:19px;font-size:12px;display:flex}.client-portal,.client-final-section,.client-album-header,.client-album-footer{width:min(100% - 48px,1240px);margin:0 auto}.client-portal{min-height:100vh;padding-bottom:70px}.client-portal-loading,.client-album-loading{place-items:center;min-height:100vh;display:grid}.client-portal-header{justify-content:space-between;align-items:center;min-height:78px;display:flex}.client-header-actions{color:#aaa2af;align-items:center;gap:9px;font-size:13px;display:flex}.client-icon-button{color:#eae3ef;cursor:pointer;background:#1b1820;border:1px solid #332e38;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.client-icon-button:disabled{opacity:.35;cursor:default}.client-library-hero{max-width:680px;padding:78px 0 57px}.client-library-hero h1{letter-spacing:-.055em;margin:7px 0 8px;font-family:Georgia,serif;font-size:clamp(42px,7vw,69px);font-weight:400}.client-library-hero>p:last-child{color:#aaa2b0;font-size:17px}.client-library-section{margin-top:48px}.client-section-heading,.client-final-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px;display:flex}.client-section-heading h2,.client-final-heading h2{margin-top:3px;font-size:22px}.client-search-placeholder{color:#aaa2af;background:0 0;border:1px solid #39323e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.client-featured-album{color:#f8f6fa;background:#18151c;border:1px solid #302b34;border-radius:18px;grid-template-columns:minmax(240px,1.6fr) minmax(240px,1fr);min-height:355px;transition:transform .2s,border-color .2s;display:grid;overflow:hidden}.client-featured-album:hover,.client-album-card:hover{color:#fff;border-color:#7e54bd;transform:translateY(-2px)}.client-album-cover{background:#242028 50%/cover;min-height:180px;position:relative}.client-album-cover.is-empty{color:#827887;place-items:center;display:grid}.client-featured-album .client-album-cover{min-height:100%}.client-state-pill{color:#efebf5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b090ec2;border:1px solid #ffffff2e;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:650;position:absolute;top:13px;left:13px}.client-state-pill.ready{color:#1b101f;background:#d1bbff;border-color:#d1bbff}.client-state-pill.attention{color:#fff4d9;background:#755019;border-color:#b77e25}.client-album-info{flex-direction:column;align-items:start;padding:clamp(21px,4vw,35px);display:flex}.client-album-studio{color:#bda6ec;font-size:12px;font-weight:700}.client-album-info h2{letter-spacing:-.04em;margin-top:5px;font-family:Georgia,serif;font-size:clamp(25px,4vw,35px);font-weight:400}.client-album-meta{color:#a9a0ad;margin-top:5px;font-size:13px}.client-action-note{color:#e0d5ec;align-items:center;gap:5px;margin-top:18px;font-size:12px;display:flex}.client-card-cta{color:#d3b9ff;align-items:center;gap:2px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.client-pending-section{background:linear-gradient(100deg,#1f172b,#17141b);border:1px solid #372c46;border-radius:17px;padding:26px}.client-pending-list{gap:2px;display:grid}.client-pending-list a{color:#f3eef7;border-top:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 4px;display:grid}.client-pending-list small{color:#afa6b4;margin-top:2px;display:block}.client-album-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.client-album-card{color:#f7f3fa;background:#18151c;border:1px solid #302b34;border-radius:13px;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.client-album-card .client-album-info{min-height:166px;padding:18px}.client-album-card .client-album-info h2{font-size:23px}.client-empty-state{text-align:center;color:#a89fac;background:#17141b;border:1px solid #302b34;border-radius:18px;place-items:center;gap:12px;max-width:540px;margin:88px auto;padding:42px;display:grid}.client-empty-state h1,.client-empty-state h2{color:#f6f1f8;font-family:Georgia,serif;font-weight:400}.client-empty-state p,.client-muted-copy{color:#ada4b2}.client-skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px;display:grid}.client-skeleton-grid span{background:linear-gradient(110deg,#17141b 30%,#26212b 47%,#17141b 65%) 0 0/260% 100%;border-radius:16px;height:270px;animation:1.7s linear infinite client-shimmer;display:block}@keyframes client-shimmer{to{background-position:-260% 0}}.client-album-header{justify-content:space-between;align-items:center;min-height:76px;display:flex}.client-album-header>div{align-items:center;gap:9px;display:flex}.client-back-to-library{color:#c3b0d3;align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.client-manage-trigger{color:#ece2f7;background:#26202c;border:1px solid #52445d;min-height:38px;padding:8px 13px}.client-manage-trigger:hover{color:#fff;background:#342a3e}.client-album-logout{color:#c8bdcf;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #4a424f;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;display:inline-flex}.client-album-logout:hover{color:#fff;background:#211d26;border-color:#82738e}.client-album-hero{background:#27202e 50%/cover;align-items:end;min-height:min(49vh,510px);padding:clamp(28px,5vw,64px);display:flex}.client-album-hero.no-cover{background:radial-gradient(circle at 70% 25%,#51346e,#0000 42%),#18141c}.client-album-hero>div{max-width:620px}.client-album-hero h1{letter-spacing:-.055em;margin:8px 0;font-family:Georgia,serif;font-size:clamp(38px,5.2vw,68px);font-weight:400;line-height:1}.client-shared-hero h1{letter-spacing:-.065em;margin:8px 0;font-family:Georgia,serif;font-size:clamp(45px,8vw,82px);font-weight:400;line-height:.97}.client-album-hero>div>p:not(.client-album-studio):not(.client-album-welcome){color:#e1d9e5}.client-album-welcome{color:#d5ccd9;max-width:530px;margin:20px 0}.client-final-section{padding:83px 0 52px}.client-final-heading>span{color:#aaa2ae;font-size:13px}.client-update-note{color:#d6c9e3;background:#211c27;border-radius:9px;align-items:center;gap:9px;margin:0 0 20px;padding:10px 13px;font-size:13px;display:flex}.client-photo-wall{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:10px;display:grid}.client-final-photo{aspect-ratio:1;cursor:zoom-in;background:#1b1820;border:0;border-radius:5px;grid-column:span 4;padding:0;position:relative;overflow:hidden}.client-final-photo-0,.client-final-photo-5{aspect-ratio:16/10;grid-column:span 8}.client-final-photo-2{aspect-ratio:auto;grid-area:span 2/span 4}.client-final-media{object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .25s;display:block}.client-final-photo:hover .client-final-media{opacity:.91;transform:scale(1.025)}.client-video-indicator{color:#fff;background:#050407a6;border:1px solid #ffffff61;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:12px;right:12px}.client-final-empty{color:#998fa0;background:#17141b;border-radius:12px;place-items:center;min-height:220px;padding:30px;display:grid}.client-album-status-wrap{place-items:center;min-height:calc(100vh - 76px);padding:70px 24px;display:grid}.client-album-status{background:#18151c;border:1px solid #332d39;border-radius:20px;gap:21px;max-width:630px;padding:clamp(27px,5vw,47px);display:flex}.client-status-icon{color:#d3b8ff;background:#2e2240;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.client-album-status h2{margin:4px 0 8px;font-family:Georgia,serif;font-size:32px;font-weight:400}.client-album-status p{color:#b4acb9}.client-album-status .client-primary-button{margin-top:21px}.client-album-footer{color:#837b8b;border-top:1px solid #252129;justify-content:space-between;padding:24px 0 44px;font-size:12px;display:flex}.client-photo-modal{z-index:100;background:#030205f0;place-items:center;padding:40px 76px;display:grid;position:fixed;inset:0}.client-photo-modal img,.client-modal-video{object-fit:contain;max-width:100%;max-height:calc(100vh - 80px);box-shadow:0 15px 80px #000}.client-modal-video{background:#000;width:min(1100px,100%)}.client-modal-close,.client-photo-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;place-items:center;display:grid;position:absolute}.client-modal-close{width:42px;height:42px;top:22px;right:22px}.client-photo-nav{width:46px;height:46px;top:50%;transform:translateY(-50%)}.client-photo-nav.previous{left:20px}.client-photo-nav.next{right:20px}.client-modal-download{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;display:flex;position:absolute;bottom:22px;right:22px}.client-panel-scrim{z-index:80;background:#0000007d;border:0;padding:0;position:fixed;inset:0}.client-manage-panel{z-index:81;background:#151219;border-left:1px solid #38313e;flex-direction:column;width:min(100%,480px);height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-20px 0 70px #00000057}.client-manage-heading{justify-content:space-between;align-items:start;gap:10px;padding:28px 25px 20px;display:flex}.client-manage-heading h2{margin-top:3px;font-family:Georgia,serif;font-size:27px;font-weight:400}.client-manage-tabs{border-bottom:1px solid #2e2833;gap:3px;padding:0 20px;display:flex;overflow-x:auto}.client-manage-tabs button{color:#a79dab;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:10px 8px;font-size:13px}.client-manage-tabs button[aria-selected=true]{color:#f4eef8;border-bottom-color:#b588ff}.client-manage-content{padding:25px;overflow-y:auto}.client-overview{gap:19px;display:grid}.client-overview-state{color:#f0e8f5;font-size:20px;font-weight:650}.client-overview>p:not(.client-overview-state){color:#aaa0b0}.client-overview dl{gap:13px;display:grid}.client-overview dl div{background:#1e1922;border-radius:9px;padding:13px}.client-overview dt{color:#99909f;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.client-overview dd{color:#eee8f2;margin-top:2px}.client-conversation{gap:20px;display:grid}.client-message-list{gap:10px;display:grid}.client-message{background:#211c26;border-radius:11px;padding:13px}.client-message.client{background:#322447}.client-message.system{color:#a79dac;background:0 0;border:1px solid #302a35}.client-message strong{font-size:12px}.client-message p{color:#ebe5ef;margin:3px 0}.client-message time{color:#9b91a3;font-size:11px}.client-conversation form{gap:9px;display:grid}.client-conversation textarea{color:#f7f3fa;background:#201b24;border-color:#39323f}.client-conversation label{color:#e9e0ef}.client-conversation .client-primary-button{justify-self:end}.client-version-list{gap:8px;display:grid}.client-version-list article{background:#1d1821;border-radius:9px;align-items:center;gap:11px;padding:12px;display:flex}.client-version-list article>div{flex:1}.client-version-list p{color:#a59baa;font-size:12px}.client-version-list article>span{color:#d4bcff;background:#36254e;border-radius:999px;padding:3px 6px;font-size:10px}.client-share-content{gap:18px;display:grid}.client-share-option,.client-share-expiry{color:#e9e1ef;align-items:center;gap:10px;font-size:13px;display:flex}.client-share-option input{accent-color:#b588ff}.client-share-expiry{color:#aaa0b0;justify-content:space-between}.client-share-expiry input,.client-created-share input{color:#f4eef8;background:#201b24;border:1px solid #403747;border-radius:7px;min-height:36px}.client-share-expiry input{padding:0 9px}.client-created-share{background:#211b29;border:1px solid #4e3d5c;border-radius:10px;gap:8px;padding:14px;display:grid}.client-created-share strong{color:#f4eef8}.client-created-share input{width:100%;padding:0 9px;font-size:12px}.client-secondary-button{color:#ede5f4;background:#30273a;border:1px solid #564461;justify-content:center;align-items:center;gap:7px;min-height:36px;display:inline-flex}.client-share-error{color:#ffb4b4;margin:0;font-size:13px}.client-existing-shares{border-top:1px solid #302a35;gap:8px;padding-top:7px;display:grid}.client-existing-shares>article{border-bottom:1px solid #2b2630;justify-content:space-between;align-items:center;gap:9px;padding:11px 0;display:flex}.client-existing-shares strong{color:#eee7f4;font-size:13px}.client-existing-shares p{color:#a89eae;margin:3px 0 0;font-size:12px}.client-photo-versions{color:#d9d0df;background:#151119e6;border:1px solid #4a4051;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.client-photo-versions>span{color:#a79bab;margin-right:3px;font-size:11px}.client-photo-versions button{color:#ddd4e5;background:0 0;border:1px solid #0000;border-radius:999px;min-width:29px;min-height:28px;padding:3px 7px;font-size:11px}.client-photo-versions button.is-active{color:#201527;background:#d7baff;border-color:#d7baff}.client-shared-page>header{color:#b9b0c0;justify-content:space-between;align-items:center;width:min(100% - 48px,1240px);min-height:68px;margin:0 auto;font-size:13px;display:flex}.client-shared-hero{text-align:center;background:#2a2230 50%/cover;flex-direction:column;justify-content:end;align-items:center;min-height:min(78vh,820px);padding:55px 24px;display:flex}.client-shared-hero>p{color:#d6baff;letter-spacing:.15em;font-size:11px;font-weight:800}.client-shared-hero>span{color:#e1d9e7}.client-shared-hero .client-primary-button{margin-top:26px}.client-shared-photos{width:min(100% - 48px,1240px);margin:0 auto;padding:67px 0}.client-shared-page>footer{color:#93899b;text-align:center;border-top:1px solid #28232c;padding:25px;font-size:12px}@media (width<=760px){.client-portal,.client-final-section,.client-album-header,.client-album-footer{width:min(100% - 32px,1240px)}.client-account-name{display:none}.client-library-hero{padding:47px 0 29px}.client-featured-album{grid-template-columns:1fr}.client-featured-album .client-album-cover{min-height:250px}.client-album-grid{grid-template-columns:repeat(2,1fr);gap:11px}.client-album-card .client-album-info{min-height:145px;padding:14px}.client-album-card .client-album-info h2{font-size:21px}.client-pending-section{padding:19px}.client-album-hero{min-height:min(56vh,500px);padding:28px 24px}.client-photo-wall{gap:5px}.client-final-photo{grid-column:span 6}.client-final-photo-0,.client-final-photo-5{grid-column:span 12}.client-final-photo-2{aspect-ratio:1;grid-area:span 1/span 6}.client-photo-modal{padding:24px 9px}.client-photo-nav{width:39px;height:39px}.client-photo-nav.previous{left:9px}.client-photo-nav.next{right:9px}.client-album-footer{gap:9px;font-size:10px}.client-manage-panel{width:100%}.client-shared-page>header,.client-shared-photos{width:min(100% - 32px,1240px)}}.client-selection-section{width:min(100% - 48px,1240px);margin:0 auto;padding:58px 0 76px}.client-selection-back,.client-selection-secondary{color:#cdb6ff;align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.client-selection-back{margin-bottom:20px}.client-selection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.client-selection-photo{background:#18151c;border:1px solid #322d37;border-radius:12px;overflow:hidden}.client-selection-photo.is-selected{border-color:#9369ec;box-shadow:0 0 0 1px #9369ec59}.client-selection-media{aspect-ratio:4/5;color:#a99fb1;background:#211d25;place-items:center;min-height:175px;display:grid;position:relative;overflow:hidden}.client-selection-media img,.client-selection-media video{object-fit:cover;width:100%;height:100%}.client-selection-check{color:#17121e;background:#c6a8ff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:10px;right:10px}.client-selection-photo-footer{justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.client-selection-photo-footer>span{color:#c5bdcb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.client-selection-photo-footer button{color:#ecdfff;cursor:pointer;background:#2c203c;border:1px solid #68449b;border-radius:7px;flex:none;align-items:center;gap:4px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.client-selection-photo-footer button:disabled{opacity:.45;cursor:default}.client-selection-photo-footer button.is-selected{color:#c4f5dd;background:#143326;border-color:#246442}.client-selection-action-bar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a151ff2;border:1px solid #4b385d;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:25px;padding:16px 18px;display:flex;position:sticky;bottom:14px;box-shadow:0 13px 35px #0000004d}.client-selection-action-bar>div:first-child{gap:2px;display:grid}.client-selection-action-bar strong{color:#f1e9f7}.client-selection-action-bar span{color:#aaa0b2;font-size:12px}.client-selection-action-bar>div:last-child{align-items:center;gap:13px;display:flex}.client-selection-message{background:#18151c;border:1px solid #322d37;border-radius:15px;max-width:720px;margin-top:44px;padding:25px}.client-selection-message h3{margin:5px 0 16px;font-size:21px}.client-selection-message textarea{resize:vertical;color:#f5eff8;width:100%;min-height:95px;font:inherit;background:#111015;border:1px solid #3a3441;border-radius:9px;margin:14px 0 10px;padding:12px}.client-selection-message form{justify-items:end;display:grid}.client-selection-message .client-message-list{max-height:215px;overflow:auto}@media (width<=760px){.client-selection-section{width:min(100% - 32px,1240px);padding-top:36px}.client-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-selection-media{min-height:145px}.client-selection-photo-footer{display:grid}.client-selection-photo-footer button{justify-content:center;width:100%}.client-selection-action-bar,.client-selection-action-bar>div:last-child{flex-direction:column;align-items:stretch}.client-selection-action-bar .client-primary-button,.client-selection-secondary{justify-content:center;width:100%}.client-selection-message{padding:18px}}@media (width<=430px){.client-album-grid{grid-template-columns:1fr}.client-album-card{grid-template-columns:110px 1fr;display:grid}.client-album-card .client-album-cover{min-height:100%}.client-album-card .client-album-info{min-height:128px}.client-album-status{flex-direction:column}.client-manage-trigger{padding:8px 10px;font-size:12px}}@media (width<=760px){.client-album-header{align-items:flex-start;padding:14px 0}.client-album-header>div{flex-wrap:wrap;justify-content:flex-end}.client-album-logout{min-height:36px}}.client-preview-pending{color:#95899e;background:linear-gradient(120deg,#19151e,#29222f,#19151e);place-content:center;gap:8px;width:100%;height:100%;font-size:11px;display:grid}.client-selection-action-bar{justify-content:initial;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.35fr) auto;display:grid}.client-selection-summary{gap:2px;display:grid}.client-selection-note{gap:6px;display:grid}.client-selection-note>span{color:#cdb6ff;letter-spacing:.11em;font-size:10px;font-weight:800}.client-selection-note textarea{resize:vertical;color:#f5eff8;width:100%;min-height:66px;font:inherit;background:#111015;border:1px solid #3a3441;border-radius:9px;padding:10px 12px}.client-selection-note small{color:#aaa0b2;font-size:11px}.client-selection-actions{align-items:center;gap:13px;display:flex}@media (width<=760px){.client-selection-action-bar{grid-template-columns:1fr;align-items:stretch}.client-selection-actions{flex-direction:column;align-items:stretch}}.client-work-orders{gap:12px;display:grid}.client-project-quote{gap:8px;display:grid}.client-project-quote>.client-section-overline{margin:0 0 1px}.client-work-order{background:#1d1821;border:1px solid #3b3045;border-radius:12px;gap:13px;padding:15px;display:grid}.client-work-order h3{color:#f2ebf6;margin:3px 0;font-size:17px}.client-work-order p{color:#b5aabb;margin:0;font-size:13px;line-height:1.45}.client-work-order-total{background:#251d2c;border-radius:8px;gap:3px;padding:11px;display:grid}.client-work-order-total strong{color:#fbf7fd;font-size:20px}.client-work-order-total span{color:#c9adfb;font-size:12px;font-weight:700}.client-work-order-total small{color:#a79bab;font-size:11px}.client-work-order-payments{gap:9px;display:grid}.client-work-order-payments label{color:#ddd3e3;gap:6px;font-size:12px;display:grid}.client-work-order-payments textarea,.client-photo-request textarea{color:#f7f3fa;min-height:68px;font:inherit;resize:vertical;background:#201b24;border:1px solid #39323f;border-radius:8px;padding:9px}.client-work-order-payments .client-primary-button{justify-self:start}.client-photo-request{background:#19151e;border:1px solid #3f324a;border-radius:10px;gap:8px;width:min(100%,560px);margin:13px auto 0;padding:13px;display:grid}.client-photo-request label{color:#e9e1ef;gap:7px;font-size:13px;display:grid}.client-photo-request small{color:#b5a8c0;font-size:12px}.app-update-banner{z-index:1000;width:min(460px,100vw - 32px);color:var(--color-text-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1625f5;border:1px solid #9467ee7a;align-items:center;gap:12px;padding:14px 14px 14px 16px;animation:.26s ease-out app-update-enter;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 42px #0000006b,0 0 28px #8b5cf621}.app-update-banner-icon{color:#bd9aff;flex:none}.app-update-banner-copy{flex:1;gap:2px;min-width:0;display:grid}.app-update-banner-copy strong{font-size:var(--font-size-sm)}.app-update-banner-copy span{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.45}.app-update-banner-actions{flex:none;align-items:center;gap:6px;display:flex}.app-update-banner .btn{white-space:nowrap;min-height:35px;padding:7px 10px;font-size:12px}.app-update-dismiss,.app-update-close{color:var(--color-text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;place-items:center;display:inline-grid}.app-update-dismiss{white-space:nowrap;padding:7px;font-size:12px}.app-update-close{border-radius:50%;width:30px;height:30px}.app-update-dismiss:hover,.app-update-close:hover{color:var(--color-text-primary);background:#ffffff12}@keyframes app-update-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.app-update-banner{align-items:flex-start;padding:13px;bottom:16px;right:16px}.app-update-banner-actions{grid-template-columns:auto auto;display:grid}.app-update-dismiss{grid-area:2/1;justify-self:start;padding-left:0}.app-update-close{grid-area:1/2;justify-self:end}.app-update-reload{grid-area:1/1}}.analytics-consent{z-index:10000;max-width:min(420px,100vw - 24px);position:fixed;bottom:12px;left:12px}.analytics-consent-panel{padding:16px;box-shadow:0 4px 24px #0002}.analytics-consent-panel p{margin:0 0 12px}.analytics-consent-panel>div{flex-wrap:wrap;gap:12px;display:flex}
