: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:linear-gradient(135deg, var(--green), var(--cyan) 48%, var(--magenta));width:44px;height:44px;color:var(--navy);border-radius:50%;place-items:center;font-weight:950;display:grid}.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}.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,.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.mini{min-height:34px;padding:.45rem .65rem;font-size:.82rem}.icon-button{place-items:center;width:42px;height:42px;display:grid}.mobile-only{display:none}.form-grid{gap:.85rem;display:grid}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}.loader{border:4px solid var(--ice);border-top-color:var(--teal);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.success-text{color:#18512a;font-weight:780}.error-text{color:#833323;font-weight:780}.scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@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,.details,.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}}