:root{--bg-void:#000;--bg-base:#0a0a0a;--bg-raised:#111;--bg-surface:#141414;--bg-elevated:#1a1a1a;--bg-hover:#1f1f1f;--glass-thin:#ffffff0a;--glass-light:#ffffff0f;--glass-medium:#ffffff1a;--glass-heavy:#ffffff24;--glass-solid:#ffffff2e;--glass-hover:#ffffff1f;--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-strong:#fff3;--border-intense:#ffffff4d;--text-primary:#fff;--text-secondary:#ffffffd9;--text-tertiary:#fff9;--text-quaternary:#fff6;--text-ghost:#ffffff40;--text-inverted:#000;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-hero:3.5rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.06em;--tracking-wider:.1em;--tracking-widest:.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:100px;--radius-full:50%;--shadow-glass:0 4px 24px #0006,0 1px 2px #0000004d,inset 0 1px 0 #ffffff0f;--shadow-glass-hover:0 8px 40px #00000080,0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a;--shadow-glow:0 0 20px #ffffff0f;--shadow-glow-strong:0 0 40px #ffffff1a;--shadow-inset:inset 0 2px 4px #0000004d;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--duration-glacial:.7s;--z-base:1;--z-raised:10;--z-nav:100;--z-modal-backdrop:200;--z-modal:300;--z-toast:400;--nav-height:64px;--nav-height-mobile:72px;--page-max-width:1080px;--page-padding:var(--space-5);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (min-width:768px){:root{--radius-lg:20px;--radius-xl:24px;--page-padding:var(--space-8)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit;appearance:none;background:0 0;border:none;outline:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}::selection{color:var(--text-primary);background:#fff3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes shimmer{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-50px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.05)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-40px,30px)scale(1.05)}50%{transform:translate(30px,-40px)scale(1.1)}75%{transform:translate(-20px,-20px)scale(.95)}}@keyframes blobFloat3{0%,to{transform:translate(0)scale(1.05)}33%{transform:translate(50px,20px)scale(.95)}66%{transform:translate(-30px,-40px)scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #ffffff1a}50%{box-shadow:0 0 20px #fff3}}@keyframes checkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes navDesktopIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.app-layout{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.page-container{width:100%;max-width:var(--page-max-width);padding:var(--space-6)var(--page-padding);padding-bottom:calc(var(--nav-height-mobile) + var(--safe-bottom) + var(--space-6));flex:1;margin:0 auto}@media (min-width:768px){.page-container{padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:var(--space-12)}}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:700}@media (min-width:768px){.page-title{font-size:var(--text-3xl)}}.page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-quaternary);margin-bottom:var(--space-4);font-weight:600}.section-gap{margin-top:var(--space-10)}.blobs-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.07;will-change:transform;border-radius:50%;position:absolute}.blob--1{width:300px;height:300px;animation:blobFloat 20s var(--ease-in-out)infinite;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);top:-10%;left:-10%}.blob--2{width:250px;height:250px;animation:blobFloat2 25s var(--ease-in-out)infinite;background:radial-gradient(circle,#ffffff40 0%,#0000 70%);top:40%;right:-5%}.blob--3{width:200px;height:200px;animation:blobFloat3 22s var(--ease-in-out)infinite;background:radial-gradient(circle,#fff3 0%,#0000 70%);bottom:-5%;left:30%}@media (min-width:768px){.blob--1{width:700px;height:700px}.blob--2{width:550px;height:550px}.blob--3{width:450px;height:450px}}.glass-card{background:var(--glass-light);border:1px solid var(--border-default);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-glass);transition:background var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out),transform var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;z-index:1;border-radius:var(--radius-lg)var(--radius-lg)0 0;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 50%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.glass-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.glass-card:hover:after{animation:shimmer 1.2s var(--ease-out)forwards}.glass-card>*{z-index:2;position:relative}.glass-card--interactive{cursor:pointer}.glass-card--interactive:hover{background:var(--glass-hover);border-color:var(--border-strong);box-shadow:var(--shadow-glass-hover);transform:translateY(-2px)}.glass-card--interactive:active{transition-duration:var(--duration-fast);transform:translateY(0)}.glass-card--sm{padding:var(--space-4)}.glass-card--md{padding:var(--space-5)}@media (min-width:768px){.glass-card--md{padding:var(--space-6)}}.glass-card--lg{padding:var(--space-6)}@media (min-width:768px){.glass-card--lg{padding:var(--space-8)}}.glass-card--strong{background:var(--glass-medium);border-color:var(--border-strong)}.glass-card--subtle{background:var(--glass-thin);border-color:var(--border-subtle);box-shadow:none}.glass-card--subtle:before{display:none}.nav{z-index:var(--z-nav);position:fixed}.nav--mobile{bottom:var(--space-4);padding-bottom:var(--safe-bottom);animation:slideInBottom .5s var(--ease-out)both;left:50%;transform:translate(-50%)}@media (min-width:768px){.nav--mobile{display:none}}.nav--desktop{display:none}@media (min-width:768px){.nav--desktop{top:var(--space-4);animation:navDesktopIn .5s var(--ease-out)both;display:block;left:50%;transform:translate(-50%)}}.nav-pill{align-items:center;gap:var(--space-1);background:var(--glass-medium);-webkit-backdrop-filter:blur(24px)saturate(200%);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:var(--space-2);display:flex;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.nav-item{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-pill);color:var(--text-tertiary);transition:color var(--duration-base)var(--ease-out),background var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);white-space:nowrap;min-width:44px;min-height:44px;display:flex}.nav-item:hover{color:var(--text-secondary);background:#ffffff0f}.nav-item--active{color:var(--text-primary);background:#ffffff1f;animation:3s ease-in-out infinite glowPulse}.nav-item-label{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);font-weight:500}@media (min-width:768px){.nav-pill{gap:2px;padding:5px}.nav-item{padding:var(--space-2)var(--space-3);gap:6px;min-width:36px;min-height:36px}.nav-item svg{width:17px;height:17px}.nav-item-label{font-size:var(--text-xs)}.nav-project-indicator{width:30px;height:30px}}@media (max-width:767px){.nav-item-label{display:none}.nav-item{padding:var(--space-3)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-pill);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);white-space:nowrap;cursor:pointer;transition:background var(--duration-base)var(--ease-out),color var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out),transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:44px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--text-primary);color:var(--text-inverted);border:1px solid #0000;box-shadow:0 2px 12px #ffffff26}.btn--primary:hover{background:#ffffffe6;box-shadow:0 4px 20px #ffffff40}.btn--secondary{background:var(--glass-medium);color:var(--text-primary);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px)}.btn--secondary:hover{background:var(--glass-heavy);border-color:var(--border-intense)}.btn--ghost{color:var(--text-tertiary);background:0 0;border:1px solid #0000}.btn--ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn--sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);min-height:40px}.btn--lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);min-height:52px}.btn--full{width:100%}.btn--danger{color:#ff6464d9}.btn--icon{padding:var(--space-3);border-radius:var(--radius-full);min-width:44px}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;font-weight:600;line-height:1.4;display:inline-flex}.badge--pending{border:1px solid var(--border-strong);color:var(--text-primary);background:0 0}.badge--pending:before{content:"";background:var(--text-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.badge--approved{background:var(--text-primary);color:var(--text-inverted);border:1px solid #0000}.badge--rejected{color:var(--text-quaternary);background:#ffffff14;border:1px solid #0000;-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.badge--draft{border:1px dashed var(--text-quaternary);color:var(--text-quaternary);background:0 0}.badge--submitted{color:#ffffffbf;background:0 0;border:1px solid #ffffff59}.badge--role{background:var(--glass-medium);border:1px solid var(--border-default);color:var(--text-tertiary);-webkit-backdrop-filter:blur(8px)}.avatar{border-radius:var(--radius-full);background:var(--glass-heavy);border:1px solid var(--border-strong);color:var(--text-primary);letter-spacing:var(--tracking-wide);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--md{width:44px;height:44px;font-size:var(--text-sm)}.avatar--lg{width:64px;height:64px;font-size:var(--text-lg)}.avatar--xl{width:96px;height:96px;font-size:var(--text-2xl);border-width:2px}.avatar img{object-fit:cover;width:100%;height:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-quaternary);font-weight:600}.form-input{width:100%;padding:var(--space-3)var(--space-4);background:var(--glass-thin);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-base)var(--ease-out),background var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);min-height:48px}.form-input::placeholder{color:var(--text-ghost)}.form-input:focus{background:var(--glass-light);border-color:var(--border-strong);box-shadow:0 0 0 3px #ffffff0f,var(--shadow-glow)}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;padding-right:var(--space-10)}.file-upload{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8)var(--space-6);border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-base)var(--ease-out),background var(--duration-base)var(--ease-out);text-align:center;flex-direction:column;display:flex}.file-upload:hover{border-color:var(--border-strong);background:var(--glass-thin)}.file-upload--active{border-color:var(--border-intense);background:var(--glass-light)}.file-upload-icon{color:var(--text-quaternary)}.file-upload-text{font-size:var(--text-sm);color:var(--text-tertiary)}.file-upload-hint{font-size:var(--text-xs);color:var(--text-ghost)}.filter-bar{gap:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1);margin-bottom:var(--space-6);display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{padding:var(--space-2)var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-quaternary);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;transition:color var(--duration-base)var(--ease-out),background var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;min-height:44px;font-weight:600}.filter-pill:hover{color:var(--text-secondary);border-color:var(--border-default)}.filter-pill--active{color:var(--text-inverted);background:var(--text-primary);border-color:#0000}.stats-row{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (max-width:767px){.stats-row{gap:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.stats-row::-webkit-scrollbar{display:none}.stats-row>*{scroll-snap-align:start;flex-shrink:0;min-width:140px}.stat-card{padding:var(--space-4)}.stat-value{font-size:var(--text-xl)}}@media (min-width:768px){.stats-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.stat-card{text-align:center;padding:var(--space-5)}.stat-value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:700}@media (min-width:768px){.stat-value{font-size:var(--text-3xl)}}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-quaternary);margin-top:var(--space-1)}.quick-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (min-width:768px){.quick-actions{gap:var(--space-4)}}.quick-action-card{align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.quick-action-icon{border-radius:var(--radius-md);background:var(--glass-medium);border:1px solid var(--border-default);width:48px;height:48px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-content{flex:1}.quick-action-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.quick-action-desc{font-size:var(--text-xs);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:2px}.work-type-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.work-type-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.work-type-card{align-items:center;gap:var(--space-3);padding:var(--space-6)var(--space-4);text-align:center;flex-direction:column;display:flex}.work-type-card--selected{background:var(--glass-heavy);border-color:var(--border-intense);box-shadow:var(--shadow-glow-strong)}.work-type-icon{border-radius:var(--radius-lg);background:var(--glass-medium);border:1px solid var(--border-default);width:56px;height:56px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.work-type-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.work-type-desc{font-size:var(--text-xs);color:var(--text-quaternary);line-height:var(--leading-relaxed)}.work-card{padding:var(--space-4)var(--space-5)}.work-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.work-card-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600;line-height:var(--leading-snug)}.work-card-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-quaternary);display:flex}.work-card-meta-item{align-items:center;gap:var(--space-1);display:flex}.work-card-description{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.work-card-notes{margin-top:var(--space-3);padding:var(--space-3);background:var(--glass-thin);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-quaternary);line-height:var(--leading-relaxed);font-style:italic}.work-card-type-icon{border-radius:var(--radius-sm);background:var(--glass-medium);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.payment-card{padding:var(--space-4)var(--space-5)}.payment-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.payment-card-amount{font-size:var(--text-xl);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.payment-card-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.payment-card-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-quaternary);justify-content:space-between;align-items:center;display:flex}.payment-summary-card{text-align:center;padding:var(--space-6)}.payment-summary-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-quaternary);margin-bottom:var(--space-2)}.payment-summary-amount{font-size:var(--text-3xl);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}@media (min-width:768px){.payment-summary-amount{font-size:var(--text-4xl)}}.notification-bell{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-base)var(--ease-out),background var(--duration-base)var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.notification-bell:hover{color:var(--text-primary);background:#ffffff0f}.notification-count{background:var(--text-primary);min-width:16px;height:16px;color:var(--text-inverted);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:6px;right:6px}.empty-state{padding:var(--space-12)var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{color:var(--text-ghost);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);color:var(--text-tertiary);font-weight:600}.empty-state-desc{font-size:var(--text-sm);color:var(--text-quaternary);margin-top:var(--space-2);max-width:280px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);padding:var(--space-5);animation:fadeIn .2s var(--ease-out)both;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:min(480px,calc(100vw - var(--space-8)));max-height:90vh;animation:scaleIn .3s var(--ease-spring)both;overflow-y:auto}.modal-close{top:var(--space-4);right:var(--space-4);z-index:10;position:absolute}.page-transition{animation:fadeInUp .5s var(--ease-out)both}.stagger>*{opacity:0;animation:fadeInUp .5s var(--ease-out)both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.36s}.stagger>:nth-child(8){animation-delay:.42s}.stagger>:nth-child(9){animation-delay:.48s}.stagger>:nth-child(10){animation-delay:.54s}.grid-2{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:480px){.grid-2{grid-template-columns:1fr 1fr}}@media (min-width:768px){.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.stack{flex-direction:column;display:flex}.stack--sm{gap:var(--space-2)}.stack--md{gap:var(--space-4)}.stack--lg{gap:var(--space-6)}.row{align-items:center;display:flex}.row--between{justify-content:space-between}.row--center{justify-content:center}.row--gap-sm{gap:var(--space-2)}.row--gap-md{gap:var(--space-4)}.row--gap-lg{gap:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.text-ghost{color:var(--text-ghost)}.font-mono{font-family:var(--font-mono)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page{min-height:100dvh;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.auth-hero{text-align:center;margin-bottom:var(--space-8);animation:fadeInUp .6s var(--ease-out)both}.auth-title{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:800;line-height:var(--leading-tight)}@media (min-width:768px){.auth-title{font-size:var(--text-hero)}}.auth-tagline{font-size:var(--text-sm);color:var(--text-quaternary);margin-top:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.auth-card{width:100%;max-width:400px;animation:fadeInUp .6s var(--ease-out).15s both}.auth-tabs{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);display:flex}.auth-tab{padding:var(--space-3)0;text-align:center;font-size:var(--text-sm);color:var(--text-quaternary);cursor:pointer;transition:color var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out);border-bottom:2px solid #0000;flex:1;font-weight:600}.auth-tab:hover{color:var(--text-secondary)}.auth-tab--active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-4)0;color:var(--text-ghost);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.success-state{padding:var(--space-12)var(--space-6);text-align:center;animation:fadeInUp .5s var(--ease-out)both;flex-direction:column;justify-content:center;align-items:center;display:flex}.success-circle{border-radius:var(--radius-full);background:var(--text-primary);width:80px;height:80px;margin-bottom:var(--space-6);animation:scaleIn .4s var(--ease-spring).2s both;justify-content:center;align-items:center;display:flex}.success-circle svg{color:var(--text-inverted);stroke-dasharray:24;stroke-dashoffset:24px;animation:checkDraw .4s var(--ease-out).5s both}.success-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.success-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2)}.profile-header{text-align:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.profile-name{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.profile-email{font-size:var(--text-sm);color:var(--text-tertiary)}.profile-stats{background:var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}@media (min-width:480px){.profile-stats{grid-template-columns:repeat(3,1fr)}}.profile-stat{background:var(--glass-light);padding:var(--space-5);text-align:center;-webkit-backdrop-filter:blur(12px)}.profile-stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.profile-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-quaternary);margin-top:var(--space-1)}.checkbox-group{gap:var(--space-3);flex-direction:column;display:flex}.checkbox-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-base)var(--ease-out);min-height:48px;display:flex}.checkbox-item:hover{background:var(--glass-thin)}.checkbox-box{border:1.5px solid var(--border-strong);width:24px;height:24px;transition:background var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-item--checked .checkbox-box{background:var(--text-primary);border-color:var(--text-primary)}.checkbox-item--checked .checkbox-box svg{color:var(--text-inverted)}.checkbox-label{font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-sublabel{font-size:var(--text-xs);color:var(--text-quaternary)}.welcome-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.welcome-left{align-items:center;gap:var(--space-4);display:flex}.welcome-text h1{font-size:var(--text-xl);font-weight:700}@media (min-width:768px){.welcome-text h1{font-size:var(--text-2xl)}}.welcome-text p{font-size:var(--text-xs);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:2px}.feed{gap:var(--space-3);flex-direction:column;display:flex}.loading-spinner{justify-content:center;align-items:center;min-height:60vh;display:flex}.spinner{border-radius:var(--radius-full);border:3px solid var(--border-subtle);border-top-color:var(--text-primary);width:40px;height:40px;animation:.8s linear infinite spinSlow}.form-error{font-size:var(--text-xs);color:#ff6464d9;margin-top:var(--space-2);letter-spacing:var(--tracking-wide)}.admin-layout{flex-direction:column;min-height:100dvh;display:flex}.admin-top-bar{z-index:var(--z-nav);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--page-padding);background:var(--glass-light);-webkit-backdrop-filter:blur(24px)saturate(200%);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex;position:sticky;top:0}@media (max-width:767px){.admin-top-bar{padding:var(--space-2)var(--page-padding)}.admin-nav-pills{width:100%;padding:var(--space-1)0;order:3}.admin-nav-item{padding:var(--space-2)var(--space-3);min-height:40px}}.admin-top-bar-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:700;display:flex}.admin-nav-pills{align-items:center;gap:var(--space-1);scrollbar-width:none;padding:var(--space-1)0;display:flex;overflow-x:auto}.admin-nav-pills::-webkit-scrollbar{display:none}.admin-nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-quaternary);white-space:nowrap;transition:color var(--duration-base)var(--ease-out),background var(--duration-base)var(--ease-out);font-weight:600;display:flex}.admin-nav-item:hover{color:var(--text-secondary);background:#ffffff0f}.admin-nav-item--active{color:var(--text-primary);background:var(--glass-medium)}.admin-content{width:100%;max-width:var(--page-max-width);padding:var(--space-6)var(--page-padding)var(--space-12);flex:1;margin:0 auto}.admin-summary-row{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:480px){.admin-summary-row{grid-template-columns:1fr 1fr}}@media (min-width:768px){.admin-summary-row{gap:var(--space-4);grid-template-columns:repeat(5,1fr)}}.admin-section{margin-top:var(--space-8)}.admin-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-user-row{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);display:flex}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.admin-user-email{font-size:var(--text-xs);color:var(--text-quaternary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.admin-search{margin-bottom:var(--space-6)}.admin-modal-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}@media (max-width:480px){.admin-modal-actions{flex-direction:column}.admin-modal-actions .btn{width:100%}}.lang-toggle{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full,9999px);cursor:pointer;font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);align-items:center;gap:0;padding:2px;font-weight:600;line-height:1;transition:border-color .2s;display:inline-flex}.lang-toggle:hover{border-color:var(--border-default)}.lang-toggle-option{border-radius:var(--radius-full,9999px);color:var(--text-quaternary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px 10px;transition:all .2s;display:inline-flex}.lang-toggle-option--active{background:var(--white);color:var(--black)}.messages-layout{gap:var(--space-4);min-height:70vh;display:flex}.conversation-list{flex-shrink:0;width:320px;overflow-y:auto}.conversation-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out);border:1px solid #0000;display:flex}.conversation-item:hover{background:var(--glass-thin)}.conversation-item--active{background:var(--glass-medium);border-color:var(--border-default)}.message-unread-badge{background:var(--text-primary);min-width:18px;height:18px;color:var(--text-inverted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex}.message-thread{background:var(--glass-thin);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.message-thread-header{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--glass-light);display:flex}.message-back-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;display:none}.message-back-btn:hover{background:var(--glass-thin)}.message-thread-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-bubble{flex-direction:column;max-width:75%;display:flex}.message-bubble--sent{align-self:flex-end}.message-bubble--received{align-self:flex-start}.message-bubble-content{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);word-break:break-word}.message-bubble--sent .message-bubble-content{background:var(--text-primary);color:var(--text-inverted);border-bottom-right-radius:var(--radius-sm)}.message-bubble--received .message-bubble-content{background:var(--glass-medium);color:var(--text-primary);border:1px solid var(--border-default);border-bottom-left-radius:var(--radius-sm)}.message-bubble-time{color:var(--text-ghost);padding:0 var(--space-2);margin-top:2px;font-size:10px}.message-bubble--sent .message-bubble-time{text-align:right}.message-input-bar{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-top:1px solid var(--border-subtle);background:var(--glass-light);display:flex}.nav-badge{background:var(--text-primary);min-width:16px;height:16px;color:var(--text-inverted);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}@media (max-width:767px){.messages-layout{flex-direction:column;min-height:auto}.conversation-list{width:100%}.conversation-list--hidden-mobile,.message-thread--hidden-mobile{display:none}.message-back-btn{display:flex}.message-thread{min-height:60dvh}}@media (min-width:768px){.message-back-btn{display:none}}.crop-container{background:var(--bg-void);border-radius:var(--radius-md);width:100%;height:min(300px,50vh);position:relative;overflow:hidden}.crop-slider{appearance:none;background:var(--glass-heavy);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.crop-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--bg-void);cursor:pointer;width:20px;height:20px;transition:transform var(--duration-fast)var(--ease-out);border-radius:50%;box-shadow:0 0 8px #fff3}.crop-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.crop-slider::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--bg-void);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 8px #fff3}.projects-page{min-height:100dvh;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.projects-header{text-align:center;margin-bottom:var(--space-10);animation:fadeInUp .6s var(--ease-out)both}.projects-title{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:800;line-height:var(--leading-tight)}@media (min-width:768px){.projects-title{font-size:var(--text-hero)}}.projects-subtitle{font-size:var(--text-sm);color:var(--text-quaternary);margin-top:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.projects-grid{gap:var(--space-6);grid-template-columns:1fr;justify-items:center;width:100%;max-width:900px;display:grid}@media (min-width:540px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{align-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center;flex-direction:column;width:100%;max-width:240px;display:flex}.project-card-image{border-radius:var(--radius-xl);background:var(--glass-heavy);border:2px solid var(--border-default);width:120px;height:120px;transition:transform var(--duration-base)var(--ease-spring),border-color var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.glass-card--interactive:hover .project-card-image{border-color:var(--border-intense);box-shadow:var(--shadow-glow-strong);transform:scale(1.05)}.project-card-image img{object-fit:cover;width:100%;height:100%}.project-card-initials{font-size:var(--text-3xl);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);font-weight:700}.project-card-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700;line-height:var(--leading-snug)}.project-card-meta{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-quaternary)}.project-card--add{opacity:.6;transition:opacity var(--duration-base)var(--ease-out);border-style:dashed}.project-card--add:hover{opacity:1}.projects-join-link{font-size:var(--text-xs);color:var(--text-quaternary);cursor:pointer;letter-spacing:var(--tracking-wide);text-underline-offset:3px;transition:color var(--duration-base)var(--ease-out);margin-top:var(--space-8);text-decoration:underline}.projects-join-link:hover{color:var(--text-secondary)}.nav-project-indicator{border-radius:var(--radius-full);background:var(--glass-heavy);border:1px solid var(--border-default);cursor:pointer;width:36px;height:36px;transition:transform var(--duration-fast)var(--ease-out),border-color var(--duration-base)var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.nav-project-indicator:hover{border-color:var(--border-strong);transform:scale(1.08)}.nav-project-indicator img{object-fit:cover;width:100%;height:100%}.nav-project-indicator-initials{font-size:var(--text-xs);color:var(--text-primary);letter-spacing:var(--tracking-wide);font-weight:700}@media (max-width:767px){.form-input{font-size:16px}}@media (max-width:480px){.page-title{font-size:var(--text-xl)}.page-header{margin-bottom:var(--space-6)}.section-gap{margin-top:var(--space-8)}.profile-name{font-size:var(--text-xl)}.payment-summary-amount,.auth-title,.projects-title{font-size:var(--text-2xl)}.modal-backdrop{padding:var(--space-2);align-items:flex-end}.modal-content{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;max-height:85vh}.work-card,.payment-card{padding:var(--space-3)var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blob{display:none}}