:root{--ink:#10212b;--muted:#5a6a73;--paper:#fbfcfb;--ice:#edf8f9;--teal:#0e8792;--cyan:#32bfd1;--green:#6ed18c;--magenta:#c55292;--amber:#e6a544;--coral:#db715e;--navy:#061923;--line:#10212b24;--shadow:0 18px 45px #0619231f;--radius:8px;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #edf8f9eb, #fbfcfbf5), var(--paper);min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}code{border:1px solid var(--line);background:var(--ice);border-radius:6px;padding:.1rem .3rem}.app-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:1.2rem;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand-lockup{border-bottom:1px solid #ffffff21;align-items:center;gap:.75rem;padding:.5rem .3rem 1rem;display:flex}.brand-mark{background:var(--navy);border-radius:50%;flex:none;width:44px;height:44px;display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff29}.brand-mark img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.32)translateY(-4px)}.brand-lockup span,.support-link{color:#ffffffb3;font-size:.86rem;display:block}.sidebar nav{gap:.25rem;display:grid}.sidebar nav a,.support-link{border-radius:var(--radius);color:#ffffffc7;align-items:center;gap:.7rem;min-height:44px;padding:0 .75rem;font-weight:760;display:flex}.sidebar nav a:hover,.sidebar nav a.active,.support-link:hover{color:#fff;background:#ffffff1c}.support-link{border:1px solid #ffffff24;margin-top:auto}.shell-main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fbfcfbe0;justify-content:space-between;align-items:center;gap:1rem;min-height:84px;padding:16px clamp(18px,3vw,36px);display:flex;position:sticky;top:0}.topbar h1,.page-title h2,.auth-panel h1{letter-spacing:0;margin:0;line-height:1.1}.topbar h1{font-size:clamp(1.25rem,2vw,1.75rem)}.eyebrow{color:var(--teal);text-transform:uppercase;margin:0 0 .3rem;font-size:.78rem;font-weight:900}.topbar-actions,.quick-actions,.inline-form{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.notifications-menu{position:relative}.notifications-popover{z-index:50;border:1px solid var(--line);border-radius:var(--radius);width:min(380px,100vw - 28px);box-shadow:var(--shadow);background:#fff;position:absolute;top:calc(100% + .65rem);right:0;overflow:hidden}.notifications-header{border-bottom:1px solid var(--line);background:var(--ice);justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.7rem .85rem;display:flex}.popover-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.notifications-list{max-height:min(480px,65vh);margin:0;padding:0;list-style:none;overflow-y:auto}.notifications-list li{border-bottom:1px solid var(--line);gap:.2rem;padding:.8rem .9rem;display:grid}.notifications-list li:last-child{border-bottom:0}.notifications-list strong{text-transform:capitalize;font-size:.88rem}.notifications-list span,.notifications-list time,.notifications-state{color:var(--muted);font-size:.78rem}.notifications-list time{font-size:.7rem}.notifications-state{margin:0;padding:1rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061923a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius);background:var(--paper);border:1px solid #ffffff38;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 28px 80px #06192361}.modal-header{border-bottom:1px solid var(--line);background:var(--ice);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.modal-header h2{margin:0;font-size:1.2rem}.modal-body{padding:1.1rem;overflow-y:auto}.content{width:min(1380px,100%);padding:clamp(18px,3vw,36px)}.stack{gap:1rem;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.two-column.wide-left{grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-grid.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel,.auth-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;box-shadow:0 10px 28px #0619230f}.metric{border-left:5px solid var(--teal);align-content:center;gap:.4rem;min-height:112px;padding:1rem;display:grid}.metric:nth-child(2){border-left-color:var(--magenta)}.metric:nth-child(3){border-left-color:var(--amber)}.metric:nth-child(4){border-left-color:var(--green)}.metric span{color:var(--muted);font-weight:760}.metric strong{font-size:2.2rem;line-height:1}.panel{overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:#edf8f9b3;justify-content:space-between;align-items:center;gap:.8rem;min-height:58px;padding:.9rem 1rem;display:flex}.panel-header h2{margin:0;font-size:1rem}.panel>p,.panel>.empty-state,.panel>.form-grid,.panel>.inline-form,.panel>.activity-list,.panel>.file-list,.details{margin:1rem}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:.85rem 1rem}th{color:var(--muted);text-transform:uppercase;font-size:.72rem}td a{color:var(--teal);font-weight:840}td span{color:var(--muted);font-size:.84rem}.badge,.role-pill{background:var(--ice);min-height:28px;color:var(--ink);text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:0 .65rem;font-size:.76rem;font-weight:850;display:inline-flex}.badge.active,.badge.approved,.badge.paid,.badge.complete,.role-pill.staff_admin{color:#18512a;background:#6ed18c38}.badge.submitted,.badge.in_review,.badge.waiting_on_client,.badge.open,.role-pill.staff_member{color:#704509;background:#e6a5443b}.badge.declined,.badge.payment_failed,.badge.void{color:#833323;background:#db715e33}.role-pill.client{color:var(--teal);background:#0e879229}.button,.icon-button{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;background:#fff;font-weight:850}.button{justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.65rem .85rem;display:inline-flex}.button.primary{border-color:var(--teal);background:var(--teal);color:#fff}.button.subtle{background:var(--ice)}.button.danger{color:#833323;background:#db715e1f;border-color:#b83c2b61}.button.danger:hover{border-color:var(--coral);background:#db715e33}.button.mini{min-height:34px;padding:.45rem .65rem;font-size:.82rem}.button:disabled{cursor:not-allowed;opacity:.52}.icon-button{place-items:center;width:42px;height:42px;display:grid}.mobile-only{display:none}.form-grid{gap:.85rem;display:grid}.form-grid-split{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters{grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end}.full-width{grid-column:1/-1}.form-actions,.page-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.page-actions{margin-left:auto}.action-message{margin:0}.summary-pills,.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.summary-pills span{min-height:30px;color:var(--teal);background:#fff;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.8rem;font-weight:850;display:inline-flex}.row-actions{flex-wrap:nowrap}label{color:var(--muted);gap:.35rem;font-size:.82rem;font-weight:820;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;padding:.72rem .75rem}textarea{resize:vertical}.inline-form input,.inline-form select{width:auto;min-width:180px}.activity-list,.file-list{gap:0;padding:0;list-style:none;display:grid}.activity-list li,.file-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.activity-list li:last-child,.file-list li:last-child{border-bottom:0}.activity-list span,.file-list span{color:var(--muted);margin-top:.2rem;font-size:.84rem;display:block}.empty-state{min-height:150px;color:var(--muted);text-align:center;place-items:center;gap:.45rem;padding:1rem;display:grid}.empty-state svg{color:var(--teal)}.page-title{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem;display:flex}.page-title h2{font-size:clamp(1.35rem,2.5vw,2rem)}.details{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.details div{gap:.25rem;display:grid}.details dt{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:900}.details dd{margin:0;font-weight:820}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.aurora-bg{background:linear-gradient(120deg, #061923f0, #0e8792db 52%, #c55292bd), var(--navy)}.auth-panel{gap:1rem;width:min(460px,100%);padding:clamp(1rem,3vw,1.5rem);display:grid}.aurora-bg .auth-panel{background:#fbfcfbf0}.auth-wide{grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);align-items:center;width:min(940px,100%)}.auth-panel p{color:var(--muted);line-height:1.65}.splash-screen{z-index:200;background:radial-gradient(circle at 50% 42%, #0e879233, transparent 31%), radial-gradient(circle at 12% 12%, #c5529221, transparent 28%), linear-gradient(145deg, #031017, var(--navy) 52%, #082733);color:#fff;isolation:isolate;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.splash-screen:before{content:"";z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.splash-aurora,.splash-stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.aurora-ribbon{filter:blur(52px);mix-blend-mode:screen;will-change:transform;border-radius:50%;width:140%;height:34%;position:absolute;left:-20%}.ribbon-one{opacity:.34;background:linear-gradient(90deg, transparent 8%, var(--green) 30%, var(--cyan) 52%, transparent 84%);animation:7s ease-in-out infinite alternate auroraDrift;top:6%}.ribbon-two{opacity:.26;background:linear-gradient(90deg, transparent 5%, var(--magenta) 30%, var(--cyan) 63%, transparent 91%);animation:9s ease-in-out -3s infinite alternate-reverse auroraDrift;top:28%}.ribbon-three{opacity:.18;background:linear-gradient(90deg, transparent 12%, var(--teal) 42%, var(--green) 68%, transparent 90%);animation:11s ease-in-out -5s infinite alternate auroraDrift;bottom:-8%}.splash-stars span{background:#ffffffd1;border-radius:50%;width:3px;height:3px;animation:2.8s ease-in-out infinite starPulse;position:absolute;box-shadow:0 0 12px #ffffffd9}.splash-stars span:first-child{animation-delay:-.3s;top:18%;left:17%}.splash-stars span:nth-child(2){animation-delay:-1.1s;top:27%;right:19%}.splash-stars span:nth-child(3){animation-delay:-1.8s;bottom:22%;left:24%}.splash-stars span:nth-child(4){animation-delay:-2.3s;bottom:18%;right:25%}.splash-stars span:nth-child(5){animation-delay:-.8s;top:12%;right:38%}.splash-stars span:nth-child(6){animation-delay:-1.5s;bottom:34%;left:11%}.splash-content{text-align:center;place-items:center;gap:1.15rem;width:min(520px,100%);animation:.6s cubic-bezier(.22,1,.36,1) both splashArrive;display:grid}.splash-emblem{place-items:center;width:144px;height:144px;display:grid;position:relative}.splash-emblem:before{content:"";filter:blur(24px);background:#32bfd140;border-radius:50%;animation:2.4s ease-in-out infinite emblemGlow;position:absolute;inset:24px}.splash-logo{z-index:2;background:var(--navy);border:1px solid #ffffff57;border-radius:50%;width:88px;height:88px;position:relative;overflow:hidden;box-shadow:0 0 0 7px #ffffff0b,0 16px 45px #00000061,0 0 42px #32bfd142}.splash-logo img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.32)translateY(-6px)}.splash-orbit{border:1px solid #6ed18c57;border-radius:50%;animation:8s linear infinite orbitSpin;position:absolute;inset:7px}.splash-orbit:after{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 14px var(--green);border-radius:50%;position:absolute;top:8px;left:18px}.orbit-two{border-color:#c5529261;animation-duration:6s;animation-direction:reverse;inset:18px}.orbit-two:after{background:var(--magenta);box-shadow:0 0 14px var(--magenta);inset:auto 10px 14px auto}.splash-wordmark p{background:linear-gradient(90deg, var(--green), #fff 48%, var(--cyan));color:#0000;letter-spacing:.18em;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0 0 .45rem;font-size:.82rem;font-weight:950}.splash-wordmark h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,5vw,2.5rem);line-height:1.08}.splash-wordmark span{color:#ffffff9e;margin-top:.7rem;font-size:.9rem;display:block}.splash-progress{background:#ffffff1a;border-radius:999px;width:min(300px,72vw);height:3px;overflow:hidden}.splash-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--cyan), var(--magenta));width:42%;height:100%;animation:1.6s ease-in-out infinite progressSweep;display:block;box-shadow:0 0 16px #32bfd1bf}.splash-dots{gap:.42rem;display:flex}.splash-dots i{background:#ffffffb8;border-radius:50%;width:5px;height:5px;animation:1.15s ease-in-out infinite dotBounce}.splash-dots i:nth-child(2){animation-delay:.12s}.splash-dots i:nth-child(3){animation-delay:.24s}.splash-footer{color:#ffffff6b;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:780;position:absolute;bottom:clamp(20px,4vh,42px)}.page-loading{border:1px solid var(--line);border-radius:var(--radius);min-height:180px;color:var(--ink);text-align:left;background:#ffffffb8;justify-content:center;align-items:center;gap:.85rem;display:flex}.page-loading-spinner{border:3px solid #0e879226;border-top-color:var(--teal);border-radius:50%;flex:none;width:30px;height:30px;animation:.7s linear infinite pageSpin}.page-loading strong{font-size:.9rem;display:block}.page-loading p{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.success-text{color:#18512a;font-weight:780}.error-text{color:#833323;font-weight:780}.scrim{display:none}@keyframes auroraDrift{0%{transform:translate(-5%,-8%)rotate(-7deg)scaleY(.8)}to{transform:translate(7%,13%)rotate(5deg)scaleY(1.15)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes emblemGlow{0%,to{opacity:.58;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes starPulse{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes progressSweep{0%{transform:translate(-110%)}55%,to{transform:translate(245%)}}@keyframes dotBounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes splashArrive{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.aurora-ribbon,.splash-stars span,.splash-content,.splash-emblem:before,.splash-orbit,.splash-progress span,.splash-dots i,.page-loading-spinner{animation:none}.splash-progress span{width:68%}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:40;width:min(290px,86vw);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.scrim{z-index:30;color:#fff;background:#0619236b;border:0;display:block;position:fixed;inset:0}.mobile-only{display:grid}.two-column,.two-column.wide-left,.metric-grid,.metric-grid.report-metrics,.details,.form-grid-split,.report-filters,.auth-wide{grid-template-columns:1fr}.topbar{align-items:flex-start}}@media (width<=640px){.content{padding:14px 14px 88px}.topbar{min-height:auto;padding:12px 14px}.topbar-actions{margin-left:auto}.role-pill,.topbar .eyebrow{display:none}.topbar h1{font-size:1rem}th,td{padding:.7rem .75rem}.inline-form{display:grid}.inline-form input,.inline-form select{width:100%}.activity-list li,.file-list li{flex-direction:column;align-items:flex-start}.modal-backdrop{place-items:end center;padding:10px}.modal-dialog{max-height:calc(100vh - 20px)}}