:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20160f;background:#fff7ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}html,body,#root{min-height:100%}button,input,select{font:inherit}button{cursor:pointer}.app{--bg:#fff7ed;--surface:#ffffffe6;--surface-solid:#fff;--text:#21170f;--muted:#876e5d;--line:#ea580c29;--orange:#f97316;--orange-dark:#c2410c;--orange-soft:#ffedd5;--shadow:0 24px 70px #9a341221;background:radial-gradient(circle at top left, #f973163d, transparent 32rem), linear-gradient(135deg, #fffaf4 0%, var(--bg) 45%, #fff 100%);min-height:100vh;color:var(--text);grid-template-columns:288px minmax(0,1fr);display:grid}.app.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120d0a;--surface:#1f1814db;--surface-solid:#1f1814;--text:#fff7ed;--muted:#d5b8a0;--line:#fb923c38;--orange:#fb923c;--orange-dark:#fdba74;--orange-soft:#9a341247;--shadow:0 24px 70px #0000005c;background:radial-gradient(circle at top left, #f9731638, transparent 34rem), linear-gradient(135deg, #170f0a 0%, var(--bg) 52%, #241209 100%)}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff73;height:100vh;padding:24px;position:sticky;top:0}.brand{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:13px;padding:12px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:16px;width:48px;height:48px}.brand strong,.card h2,.card h3,.topbar h1{margin:0}.brand span,.card-title span,.client-row span,.detail-grid span,.profile-card span,.calendar-label span,.user-card p,.client-card p,.metric span{color:var(--muted)}.nav{gap:8px;margin-top:28px;display:grid}.nav-item,.theme-toggle,.primary-btn{border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:inline-flex}.nav-item{width:100%;color:var(--muted);background:0 0;justify-content:flex-start;padding:13px 14px}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 14px 30px #ea580c42}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:8px;padding:14px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:var(--orange-dark);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:800;display:inline-flex}.topbar h1{letter-spacing:-.05em;font-size:clamp(30px,4vw,52px)}.theme-toggle{min-width:max-content;color:var(--text);background:var(--surface);border:1px solid var(--line);padding:12px 16px}.section-grid,.finance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stack{gap:18px;display:grid}.card,.metric{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.card{padding:22px}.wide{grid-column:span 3}.metric{flex-direction:column;justify-content:space-between;min-height:138px;padding:22px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";background:#ffffff38;border-radius:999px;width:110px;height:110px;position:absolute;bottom:-38px;right:-30px}.metric strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,36px)}.metric.orange{color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c)}.metric.soft{background:linear-gradient(135deg, var(--orange-soft), var(--surface))}.metric.dark{color:#fff;background:linear-gradient(135deg,#3a2112,#111)}.card-title,.client-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.message-form{grid-template-columns:220px 1fr}label{color:var(--muted);gap:6px;font-size:13px;display:grid}input,select{width:100%;min-height:46px;color:var(--text);background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;outline:none;padding:0 14px}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 4px #f9731621}.primary-btn{color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c);padding:13px 18px;font-weight:800;box-shadow:0 16px 30px #ea580c3d}.primary-btn:hover,.theme-toggle:hover{transform:translateY(-1px)}.client-list,.service-grid,.user-grid,.message-list{gap:14px;display:grid}.client-list:not(.compact),.service-grid,.user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-row,.table-row,.access-item{background:var(--surface-solid);border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.client-row div,.detail-grid span,.user-card div{gap:4px;display:grid}.status,.pill,.user-card span,.assigned{border-radius:999px;align-items:center;width:fit-content;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.status.pending{color:#b45309;background:#fef3c7}.status.progress{color:#c2410c;background:#ffedd5}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.detail-grid span{background:var(--surface-solid);border:1px solid var(--line);border-radius:16px;padding:12px}.notes{min-height:44px}.assigned,.pill,.user-card span{color:var(--orange-dark);background:var(--orange-soft)}.service-card{gap:10px;display:grid}.service-card strong{color:var(--orange-dark);font-size:24px}.access-list{gap:10px;display:grid}.dot{border-radius:999px;width:10px;height:10px}.dot.on{background:#22c55e}.dot.off{background:#ef4444}.calendar-card{overflow:hidden}.calendar-scroll{padding-bottom:8px;overflow-x:auto}.calendar-grid{grid-template-columns:190px repeat(30,42px);align-items:center;min-width:1450px;display:grid}.calendar-head{color:var(--muted);font-size:12px;font-weight:800}.calendar-line{border-top:1px solid var(--line);min-height:68px;position:relative}.calendar-label{z-index:2;background:var(--surface);gap:4px;padding:12px 10px;display:grid;position:sticky;left:0}.day{text-align:center}.calendar-bar{color:#fff;border-radius:999px;align-items:center;height:34px;padding:0 12px;font-size:12px;font-weight:800;display:flex;box-shadow:0 12px 24px #ea580c2e}.calendar-bar.pending{background:linear-gradient(135deg,#f59e0b,#ea580c)}.calendar-bar.progress{background:linear-gradient(135deg,#fb923c,#c2410c)}.table-list{gap:10px;display:grid}.table-row{grid-template-columns:1fr 150px 150px 110px;display:grid}.assignment-picker{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.assignment-picker label{border:1px solid var(--line);background:var(--surface-solid);color:var(--text);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.assignment-picker input{width:auto;min-height:auto}.chart-card .income-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;min-width:0}.chart-card .income-row strong,.chart-card .income-row span{overflow-wrap:anywhere;min-width:0}.chart-card .income-row .status{justify-self:end;max-width:100%}.message-list{grid-template-columns:repeat(2,minmax(0,1fr))}.message{gap:8px;display:grid}.message span{color:var(--muted)}.message.unread{border-color:#f973168c}.user-card{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:18px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}@media (width<=1180px){.app{grid-template-columns:1fr}.sidebar{gap:16px;height:auto;display:grid;position:relative}.nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.profile-card{position:static}.section-grid,.finance-grid,.client-list:not(.compact),.service-grid,.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}.form-grid,.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){.main,.sidebar{padding:16px}.topbar,.card-title,.client-head{flex-direction:column;align-items:stretch}.nav,.section-grid,.finance-grid,.client-list:not(.compact),.service-grid,.user-grid,.message-list,.form-grid,.form-grid.three,.form-grid.message-form{grid-template-columns:1fr}.wide{grid-column:span 1}.table-row{grid-template-columns:1fr;align-items:flex-start}.chart-card .income-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.chart-card .income-row .status{justify-self:start}.detail-grid{grid-template-columns:1fr}}@keyframes iosFadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes iosPop{0%{opacity:0;transform:scale(.94)}70%{transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes iosSlideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes iosGlow{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 24px 80px #f973163d}}.sidebar{animation:.55s cubic-bezier(.22,1,.36,1) both iosSlideIn}.topbar{animation:.5s cubic-bezier(.22,1,.36,1) both iosFadeUp}.card,.metric,.calendar-card,.form-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s,background-color .28s;animation:.55s cubic-bezier(.22,1,.36,1) both iosFadeUp}.metric:first-child,.card:first-child{animation-delay:30ms}.metric:nth-child(2),.card:nth-child(2){animation-delay:70ms}.metric:nth-child(3),.card:nth-child(3){animation-delay:.11s}.metric:nth-child(4),.card:nth-child(4){animation-delay:.15s}.card:hover,.metric:hover{border-color:#f9731661;transform:translateY(-4px)scale(1.006);box-shadow:0 28px 90px #9a34122e}.dark .card:hover,.dark .metric:hover{box-shadow:0 28px 90px #00000070}.nav-item,.theme-toggle,.primary-btn,input,select,.client-row,.table-row{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1),background .24s,border-color .24s,color .24s}.client-row:hover,.table-row:hover{border-color:#f9731652;transform:translate(4px)}.calendar-bar,.status,.pill,.assigned,.user-card span{transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s;animation:.42s cubic-bezier(.22,1,.36,1) both iosPop}.calendar-bar:hover,.status:hover,.pill:hover,.assigned:hover,.user-card span:hover{filter:saturate(1.12);transform:scale(1.04)}.brand{transition:transform .28s cubic-bezier(.22,1,.36,1);animation:.58s cubic-bezier(.22,1,.36,1) both iosPop,4.5s ease-in-out infinite iosGlow}.brand:hover{transform:scale(1.035)rotate(-1deg)}.avatar{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s}.user-card:hover .avatar{transform:scale(1.08);box-shadow:0 14px 28px #ea580c47}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes iosPageZoom{0%{opacity:0;filter:blur(10px);transform:translateY(28px)scale(.965)}65%{opacity:1;filter:blur();transform:translateY(-2px)scale(1.006)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes iosFloatBlob{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(28px,-22px)scale(1.08)}66%{transform:translate(-18px,24px)scale(.94)}}@keyframes iosBarSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.app{position:relative;overflow-x:hidden}.app:before,.app:after{content:"";z-index:0;pointer-events:none;filter:blur(18px);opacity:.42;border-radius:999px;animation:7s cubic-bezier(.22,1,.36,1) infinite iosFloatBlob;position:fixed}.app:before{background:radial-gradient(circle,#fb923cb8,#fb923c00);width:260px;height:260px;top:9vh;right:7vw}.app:after{background:radial-gradient(circle,#ea580c47,#ea580c00);width:320px;height:320px;animation-delay:-2.4s;bottom:5vh;left:18vw}.sidebar,.main{z-index:1;position:relative}.view-shell{transform-origin:top;animation:.72s cubic-bezier(.16,1,.3,1) both iosPageZoom}.nav-item{position:relative;overflow:hidden}.nav-item:after,.primary-btn:after,.theme-toggle:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff52,#0000 80%);position:absolute;inset:0;transform:translate(-120%)}.nav-item.active:after,.primary-btn:hover:after,.theme-toggle:hover:after{animation:.85s cubic-bezier(.22,1,.36,1) iosBarSweep}.primary-btn,.theme-toggle{position:relative;overflow:hidden}.section-grid>*,.stack>*,.client-list>*,.service-grid>*,.user-grid>*,.message-list>*{animation:.66s cubic-bezier(.16,1,.3,1) both iosPageZoom}.calendar-bar{position:relative;overflow:hidden}.calendar-bar:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff6b,#0000 75%);animation:2.8s ease-in-out infinite iosBarSweep;position:absolute;inset:0}@keyframes iosAppBreath{0%,to{background-position:0%}50%{background-position:100%}}@keyframes iosSpringEnterStrong{0%{opacity:0;filter:blur(14px);transform:translateY(46px)scale(.92)}55%{opacity:1;filter:blur();transform:translateY(-8px)scale(1.025)}78%{transform:translateY(3px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes iosSoftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes iosLogoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.app{background-size:180% 180%;animation:9s ease-in-out infinite iosAppBreath}.brand{border-radius:26px;justify-content:center;width:76px;height:76px;margin:0 auto;padding:10px}.brand img{width:58px;height:58px;animation:2.4s cubic-bezier(.22,1,.36,1) infinite iosLogoPulse}.view-shell{will-change:transform, opacity, filter;animation:.88s cubic-bezier(.16,1,.3,1) both iosSpringEnterStrong!important}.view-shell .card,.view-shell .metric{animation-name:iosSpringEnterStrong,iosSoftFloat;animation-duration:.82s,4.8s;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:both,both}.view-shell .card:nth-child(2n),.view-shell .metric:nth-child(2n){animation-delay:80ms,1.2s}.view-shell .card:nth-child(3n),.view-shell .metric:nth-child(3n){animation-delay:.16s,2.1s}.nav-item svg{transition:transform .28s cubic-bezier(.16,1,.3,1)}.nav-item:hover svg,.nav-item.active svg{transform:scale(1.22)rotate(-7deg)}input,select{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s}input:focus,select:focus{transform:scale(1.025)}@keyframes iosFluidEnter{0%{opacity:0;transform:translateY(18px)scale(.982)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes iosFluidFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}@keyframes iosFluidLogo{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-2px)scale(1.035)}}.app{animation:none!important}.app:before,.app:after{will-change:transform;filter:none!important;opacity:.22!important;animation-duration:14s!important}.view-shell{backface-visibility:hidden;will-change:transform, opacity;transform:translateZ(0);animation:.42s cubic-bezier(.2,.8,.2,1) both iosFluidEnter!important}.view-shell .card,.view-shell .metric,.section-grid>*,.stack>*,.client-list>*,.service-grid>*,.user-grid>*,.message-list>*{backface-visibility:hidden;will-change:transform, opacity;transform:translateZ(0);filter:none!important;animation-name:iosFluidEnter!important;animation-duration:.38s!important;animation-timing-function:cubic-bezier(.2,.8,.2,1)!important;animation-iteration-count:1!important;animation-fill-mode:both!important}.section-grid>:first-child,.stack>:first-child{animation-delay:0s!important}.section-grid>:nth-child(2),.stack>:nth-child(2){animation-delay:35ms!important}.section-grid>:nth-child(3),.stack>:nth-child(3){animation-delay:70ms!important}.section-grid>:nth-child(4),.stack>:nth-child(4){animation-delay:.105s!important}.section-grid>:nth-child(5),.stack>:nth-child(5){animation-delay:.14s!important}.brand{will-change:transform;animation:.4s cubic-bezier(.2,.8,.2,1) both iosFluidEnter!important}.brand img{will-change:transform;animation:4s ease-in-out infinite iosFluidLogo!important}.card,.metric,.nav-item,.theme-toggle,.primary-btn,.client-row,.table-row,input,select,.avatar,.calendar-bar,.status,.pill,.assigned,.user-card span{backface-visibility:hidden;transform:translateZ(0);transition-duration:.18s!important;transition-timing-function:cubic-bezier(.2,.8,.2,1)!important}.nav-item.active{animation:none!important}.card:hover,.metric:hover{transform:translateY(-3px)scale(1.003)!important}.nav-item:active,.theme-toggle:active,.primary-btn:active{transform:translateZ(0)scale(.985)!important}.calendar-bar:after{opacity:.5;animation-duration:4.5s!important}.app{--bg:#f6f7fb;--surface:#fffffff5;--surface-solid:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--orange:#f97316;--orange-dark:#ea580c;--orange-soft:#fff7ed;--shadow:0 12px 34px #0f172a12;background:#f6f7fb!important}.app.dark{--bg:#111827;--surface:#1f2937f0;--surface-solid:#1f2937;--text:#f9fafb;--muted:#9ca3af;--line:#ffffff1a;--orange:#fb923c;--orange-dark:#fdba74;--orange-soft:#fb923c1f;--shadow:0 14px 36px #00000038;background:#111827!important}.app:before,.app:after{display:none!important}.sidebar{border-right:1px solid var(--line);box-shadow:8px 0 26px #0f172a0a;background:#fff!important}.dark .sidebar{background:#111827!important}.brand,.profile-card,.card,.metric,.theme-toggle{background:var(--surface-solid)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}.card,.metric{border-radius:20px}.brand{border-radius:18px}.nav-item{color:#4b5563;border-radius:12px}.dark .nav-item{color:#d1d5db}.nav-item:hover,.nav-item.active{color:var(--orange-dark)!important;box-shadow:none!important;background:#fff7ed!important}.dark .nav-item:hover,.dark .nav-item.active{color:#fdba74!important;background:#fb923c1f!important}.nav-item.active{border:1px solid #f973163d}.metric.orange,.metric.soft,.metric.dark{color:var(--text)!important;background:var(--surface-solid)!important}.metric.orange span,.metric.dark span{color:var(--muted)!important}.metric strong,.service-card strong,.eyebrow{color:var(--orange-dark)}.primary-btn{border-radius:12px;background:#f97316!important;box-shadow:0 10px 24px #f973162e!important}.primary-btn:hover{background:#ea580c!important}input,select,.client-row,.table-row,.detail-grid span{border-radius:12px;border-color:var(--line)!important;background:#fff!important}.dark input,.dark select,.dark .client-row,.dark .table-row,.dark .detail-grid span{background:#1f2937!important}.status.pending,.status.progress,.pill,.assigned,.user-card span{color:#c2410c;background:#fff7ed}.status.done{color:#047857;background:#ecfdf5}.avatar,.calendar-bar.pending,.calendar-bar.progress{background:#f97316!important}.calendar-bar.done{background:#059669!important}.calendar-bar:after,.nav-item:after,.primary-btn:after,.theme-toggle:after{display:none!important}.card:hover,.metric:hover{border-color:#fed7aa!important;box-shadow:0 16px 42px #0f172a17!important}.clients-page{gap:18px;display:grid}.clients-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;padding:4px 2px;display:flex}.clients-toolbar h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(28px,3vw,42px)}.section-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.clients-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.clients-summary span{color:#4b5563;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:13px}.dark .clients-summary span{color:#d1d5db;background:#1f2937}.clients-layout{grid-template-columns:310px minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}.clients-list-panel,.client-detail-panel,.new-client-panel{padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-head h3{letter-spacing:-.02em;margin:0;font-size:20px}.panel-head span{color:var(--muted);font-size:13px}.panel-head strong{color:var(--orange-dark);letter-spacing:-.04em;font-size:24px}.minimal-client-list{gap:8px;display:grid}.minimal-client{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.minimal-client:hover,.minimal-client.active{border-color:var(--line);background:#f9fafb}.dark .minimal-client:hover,.dark .minimal-client.active{background:#111827}.minimal-client div{gap:4px;min-width:0;display:grid}.minimal-client strong,.minimal-client span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.minimal-client span{color:var(--muted);font-size:13px}.minimal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.minimal-form.single{grid-template-columns:1fr}.notes-field{grid-column:1/-1}.date-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-btn.full{width:100%;margin-top:14px}.client-detail-panel input,.client-detail-panel select,.new-client-panel input,.new-client-panel select{min-height:42px;background:#f9fafb!important}.dark .client-detail-panel input,.dark .client-detail-panel select,.dark .new-client-panel input,.dark .new-client-panel select{background:#111827!important}@media (width<=1220px){.clients-layout{grid-template-columns:280px minmax(0,1fr)}.new-client-panel{grid-column:1/-1}}@media (width<=820px){.clients-toolbar{flex-direction:column;align-items:stretch}.clients-summary{justify-content:flex-start}.clients-layout,.minimal-form,.date-pair{grid-template-columns:1fr}}.primary-btn.compact{min-height:36px;padding:8px 12px;font-size:13px}.panel-actions{align-items:center;gap:10px;display:flex}.ghost-btn{min-height:34px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px}.ghost-btn:hover{color:var(--orange-dark);border-color:#fed7aa}.dark .ghost-btn{background:#1f2937}@media (width<=820px){.clients-layout{grid-template-columns:1fr!important}}.clients-layout{grid-template-columns:1fr!important}.clients-list-panel{width:100%}.minimal-client-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.minimal-client{border:1px solid var(--line);background:#fff;border-radius:18px;place-content:space-between stretch;align-items:stretch;min-height:150px;padding:16px;display:grid}.minimal-client:hover,.minimal-client.active{background:#fff;border-color:#fdba74;box-shadow:0 16px 34px #0f172a14;transform:translateY(-3px)!important}.dark .minimal-client,.dark .minimal-client:hover,.dark .minimal-client.active{background:#1f2937}.minimal-client div{gap:8px}.minimal-client strong{letter-spacing:-.02em;font-size:18px}.minimal-client small{color:var(--muted);font-size:13px}.minimal-client .status{justify-self:start}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f7fb9e;place-items:center;padding:24px;animation:.22s cubic-bezier(.2,.8,.2,1) both iosFluidEnter;display:grid;position:fixed;inset:0}.modal-panel{width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;animation:.28s cubic-bezier(.2,.8,.2,1) both iosFluidEnter!important}@media (width<=740px){.minimal-client-list{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:14px}.modal-panel{max-height:calc(100vh - 28px)}}@keyframes modalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(18px)scale(.965)}70%{opacity:1;transform:translateY(-2px)scale(1.006)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clientCardIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}.clients-toolbar{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 30px #0f172a0d}.dark .clients-toolbar{background:#1f2937}.clients-list-panel{background:linear-gradient(#fff 0%,#fffaf7 100%)!important}.dark .clients-list-panel{background:#1f2937!important}.minimal-client{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s!important;animation:.42s cubic-bezier(.2,.8,.2,1) both clientCardIn!important}.minimal-client:nth-child(2){animation-delay:35ms!important}.minimal-client:nth-child(3){animation-delay:70ms!important}.minimal-client:nth-child(4){animation-delay:.105s!important}.minimal-client:nth-child(5){animation-delay:.14s!important}.minimal-client:nth-child(6){animation-delay:.175s!important}.minimal-client:before{content:"";opacity:0;background:#f97316;width:4px;transition:opacity .22s;position:absolute;inset:0 auto 0 0}.minimal-client:after{content:"";background:#f9731614;border-radius:999px;width:120px;height:120px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s;position:absolute;top:-54px;right:-54px}.minimal-client:hover:before,.minimal-client.active:before{opacity:1}.minimal-client:hover:after,.minimal-client.active:after{opacity:1;transform:scale(1.45)}.minimal-client:hover strong,.minimal-client.active strong{color:var(--orange-dark)}.minimal-client .status{z-index:1;position:relative}.modal-backdrop{animation:.24s both modalBackdropIn!important}.modal-panel{border-radius:24px;animation:.34s cubic-bezier(.2,.8,.2,1) both modalPanelIn!important;box-shadow:0 28px 90px #0f172a2e!important}.modal-panel .panel-head{border-bottom:1px solid var(--line);padding-bottom:14px}.modal-panel input,.modal-panel select{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s,background .18s!important}.modal-panel input:hover,.modal-panel select:hover{border-color:#fed7aa!important}.modal-panel input:focus,.modal-panel select:focus{background:#fff!important;transform:translateY(-1px)scale(1.01)!important}.ghost-btn,.primary-btn.compact,.primary-btn.full{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .18s,border-color .18s!important}.ghost-btn:active,.primary-btn.compact:active,.primary-btn.full:active{transform:scale(.97)!important}.clients-summary span{transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s}.clients-summary span:hover{border-color:#fed7aa;transform:translateY(-2px)}.notes-details{grid-column:1/-1;gap:10px;display:grid}.notes-details summary{width:fit-content;color:var(--orange-dark);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.notes-details textarea{resize:vertical;width:100%;min-height:190px;max-height:420px;color:var(--text);border:1px solid var(--line);font:inherit;background:#f9fafb;border-radius:14px;outline:none;padding:14px;line-height:1.5}.notes-details textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #f973161c}.new-notes textarea{min-height:150px}.dark .notes-details textarea{background:#111827}.notes-details summary{font-weight:700;color:var(--text)!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:10px!important}.notes-details summary:hover{border-color:#d1d5db!important}.client-detail-panel.modal-panel,.new-client-panel.modal-panel{max-height:calc(100vh - 72px);overflow-y:auto}.dark .notes-details summary{background:#1f2937!important}.modal-backdrop{place-items:start center!important;padding-top:42px!important}.modal-panel{transform-origin:top!important}@media (width<=740px){.modal-backdrop{padding-top:14px!important}}.modal-backdrop{padding:0!important;display:block!important}.modal-panel{width:min(860px,100vw - 48px)!important;height:min(720px,100vh - 64px)!important;max-height:none!important;animation:none!important;position:fixed!important;top:50%!important;left:50%!important;overflow-y:auto!important;transform:translate(-50%,-50%)!important}.new-client-panel.modal-panel{width:min(520px,100vw - 48px)!important;height:min(680px,100vh - 64px)!important}.notes-details textarea{max-height:220px!important}@media (width<=740px){.modal-panel,.new-client-panel.modal-panel{width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important}}.modal-backdrop{z-index:80!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f6f7fbb8!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.dark .modal-backdrop{background:#111827b8!important}.modal-panel,.new-client-panel.modal-panel,.client-detail-panel.modal-panel{width:min(860px,100%)!important;max-width:100%!important;height:min(680px,100vh - 48px)!important;max-height:none!important;margin:0!important;animation:none!important;position:relative!important;top:auto!important;left:auto!important;overflow-y:auto!important;transform:none!important}.new-client-panel.modal-panel{width:min(520px,100%)!important}.notes-details{min-width:0!important}.notes-details summary{color:var(--text)!important;border-color:var(--line)!important;background:#fff!important}.notes-details textarea{resize:vertical!important;min-height:150px!important;max-height:210px!important}@media (width<=740px){.modal-backdrop{padding:12px!important}.modal-panel,.new-client-panel.modal-panel,.client-detail-panel.modal-panel{width:100%!important;height:calc(100vh - 24px)!important}}.client-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dark .client-modal-backdrop{background:#0f172ab8}.client-modal{background:var(--surface-solid);border:1px solid var(--line);border-radius:22px;flex-direction:column;width:min(860px,100%);max-height:calc(100vh - 48px);padding:22px;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a2e}.client-modal-small{width:min(520px,100%)}.client-modal .panel-head{border-bottom:1px solid var(--line);flex:none;margin-bottom:16px;padding-bottom:14px}.client-modal-body{min-height:0;padding-right:4px;overflow-y:auto}.client-modal .notes-details{grid-column:1/-1}.client-modal .notes-details summary{color:var(--text)!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:10px!important}.client-modal .notes-details textarea{background:#f9fafb!important;min-height:180px!important;max-height:260px!important}.client-modal-small .notes-details textarea{min-height:140px!important}.dark .client-modal .notes-details summary{background:#1f2937!important}.dark .client-modal .notes-details textarea{background:#111827!important}@media (width<=740px){.client-modal-backdrop{align-items:stretch;padding:12px}.client-modal,.client-modal-small{width:100%;max-height:none}.client-modal .minimal-form{grid-template-columns:1fr}}.calendar-page{gap:18px;display:grid}.calendar-toolbar{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px;display:flex}.calendar-toolbar h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(28px,3vw,42px)}.calendar-actions{gap:8px;display:flex}.ghost-btn.active{color:var(--orange-dark);background:#fff7ed;border-color:#fed7aa}.calendar-shell{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px;overflow:hidden}.calendar-timeline{min-width:calc(230px + (var(--days) * 58px));overflow:visible}.calendar-shell{overflow-x:auto}.timeline-head,.timeline-row{grid-template-columns:230px repeat(var(--days), 58px);align-items:center;display:grid}.timeline-head{min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.timeline-row{border-top:1px solid var(--line);min-height:78px;position:relative}.timeline-row:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 57px,#e5e7ebb3 57px 58px);position:absolute;inset:0 0 0 230px}.timeline-client-label{z-index:3;background:var(--surface-solid);gap:4px;padding:12px 14px;display:grid;position:sticky;left:0}.timeline-client-label strong{color:var(--text)}.timeline-client-label span{color:var(--muted);font-size:13px}.timeline-day{text-align:center}.timeline-bar{z-index:2;color:#fff;border-radius:14px;align-content:center;gap:2px;min-height:46px;padding:8px 14px;animation:.42s cubic-bezier(.2,.8,.2,1) both clientCardIn;display:grid;box-shadow:0 12px 26px #0f172a1f}.timeline-bar strong,.timeline-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-bar span{color:#ffffffd1;font-size:12px}.timeline-bar.pending{background:#f97316}.timeline-bar.progress{background:#2563eb}.timeline-bar.done{background:#059669}.calendar-work-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.calendar-work-card{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;gap:10px;padding:18px;animation:.42s cubic-bezier(.2,.8,.2,1) both clientCardIn;display:grid}.calendar-work-card h3,.calendar-work-card p{margin:0}.calendar-work-card p,.calendar-work-card span{color:var(--muted)}.calendar-work-card div{border-top:1px solid var(--line);gap:4px;padding-top:10px;display:grid}.dark .timeline-row:before{background:repeating-linear-gradient(90deg,#0000 0 57px,#ffffff14 57px 58px)}@media (width<=740px){.calendar-toolbar{flex-direction:column;align-items:stretch}.calendar-actions{width:100%}.calendar-actions .ghost-btn{flex:1}}.month-picker{border-radius:10px;width:150px;min-height:34px;padding:0 10px}.timeline-day{border-radius:12px;place-items:center;gap:2px;min-height:36px;display:grid}.timeline-day strong{text-transform:capitalize;font-size:11px}.timeline-day span{color:var(--muted);font-size:12px}.timeline-day.today{color:#fff;background:#f97316}.timeline-day.today span{color:#ffffffd1}@media (width<=740px){.month-picker{width:100%}.calendar-actions{flex-wrap:wrap}}.timeline-client-label{border-right:1px solid var(--line);align-content:center;height:100%;z-index:1!important;background:#fff!important;position:relative!important;left:auto!important}.dark .timeline-client-label{background:#1f2937!important}.timeline-row:before{inset:0 0 0 230px!important}.timeline-row{overflow:hidden}.timeline-bar{margin-inline:4px;z-index:2!important}.timeline-head .timeline-client-label{border-bottom:1px solid var(--line);border-radius:0}.timeline-row .timeline-client-label{box-shadow:none!important}.calendar-timeline{min-width:calc(230px + (var(--days) * var(--day-width,58px)))!important}.timeline-head,.timeline-row{grid-template-columns:230px repeat(var(--days), var(--day-width,58px))!important}.week-toolbar{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.week-toolbar strong{color:var(--text);font-size:14px}.week-mode .timeline-head{min-height:62px}.week-mode .timeline-day{border:1px solid var(--line);text-transform:capitalize;background:#f9fafb;min-height:50px;margin:0 6px}.week-mode .timeline-day strong{color:var(--text);text-transform:capitalize;font-size:13px}.week-mode .timeline-day span{font-size:13px}.week-mode .timeline-day.today{background:#f97316;border-color:#f97316}.week-mode .timeline-day.today strong,.week-mode .timeline-day.today span{color:#fff}.week-mode .timeline-row{min-height:92px}.week-mode .timeline-bar{border-radius:16px;min-height:54px;margin-inline:8px}.dark .week-mode .timeline-day{background:#111827}@media (width<=740px){.week-toolbar{grid-template-columns:1fr;display:grid}}.finance-page{gap:18px;display:grid}.finance-toolbar{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px;display:flex}.finance-toolbar h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(28px,3vw,42px)}.finance-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.finance-filters select,.finance-filters input{width:auto;min-height:38px}.finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.finance-metrics article{background:var(--surface-solid);border:1px solid var(--line);min-height:120px;box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:18px;display:grid}.finance-metrics span,.finance-row span,.finance-note{color:var(--muted)}.finance-metrics strong{color:var(--orange-dark);letter-spacing:-.04em;font-size:clamp(22px,2.6vw,34px)}.finance-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.finance-layout.user-finance{grid-template-columns:minmax(0,520px)}.finance-panel,.finance-table-card{padding:18px}.finance-form{grid-template-columns:1fr 160px 150px;gap:12px;display:grid}.finance-panel .primary-btn.full{margin-top:14px}.finance-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;display:grid}.finance-list{gap:10px;display:grid}.finance-row{border:1px solid var(--line);background:#f9fafb;border-radius:14px;grid-template-columns:minmax(0,1fr) 150px 140px;align-items:center;gap:12px;padding:12px;display:grid}.finance-row div{gap:4px;min-width:0;display:grid}.finance-row strong,.finance-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finance-row select{min-height:36px}.finance-row em{color:#c2410c;background:#fff7ed;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800}.finance-row.expense em{color:#991b1b;background:#fef2f2}.finance-row.pending-transfer{background:#fff7ed;border-color:#fed7aa}.finance-note{background:var(--surface-solid);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.dark .finance-row{background:#111827}.dark .finance-row.pending-transfer{background:#fb923c1a}@media (width<=1180px){.finance-metrics,.finance-layout,.finance-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.finance-toolbar{flex-direction:column;align-items:stretch}.finance-filters,.finance-filters select,.finance-filters input,.finance-metrics,.finance-layout,.finance-layout.user-finance,.finance-columns,.finance-form,.finance-row{grid-template-columns:1fr;width:100%}}.finance-tabs{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.finance-section-hidden{display:none!important}.finance-metrics.user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-charts{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;display:grid}.finance-chart-card{padding:18px}.bar-chart{gap:14px;display:grid}.bar-row{grid-template-columns:90px minmax(0,1fr) 130px;align-items:center;gap:12px;display:grid}.bar-row span{color:var(--muted);font-size:13px}.bar-row strong{text-align:right;font-size:14px}.bar-track{background:#f3f4f6;border-radius:999px;height:12px;overflow:hidden}.dark .bar-track{background:#111827}.bar-fill{border-radius:999px;height:100%;animation:.55s cubic-bezier(.2,.8,.2,1) both growBar}@keyframes growBar{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.bar-fill.received,.legend-dot.received{background:#f97316}.bar-fill.pending,.legend-dot.pending{background:#fed7aa}.bar-fill.expense{background:#ef4444}.bar-fill.profit{background:#059669}.donut-card{place-items:center;gap:14px;display:grid}.donut{border-radius:999px;place-items:center;width:178px;height:178px;animation:.42s cubic-bezier(.2,.8,.2,1) both iosFluidEnter;display:grid}.donut>div{background:var(--surface-solid);width:118px;height:118px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-content:center;place-items:center;gap:2px;display:grid}.donut strong{letter-spacing:-.04em;font-size:28px}.donut span,.donut-legend span{color:var(--muted);font-size:13px}.donut-legend{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;margin-right:6px;display:inline-block}@media (width<=900px){.finance-charts,.finance-metrics.user-metrics,.bar-row{grid-template-columns:1fr}.bar-row strong{text-align:left}}.chat-page{grid-template-columns:330px minmax(0,1fr);gap:16px;height:min(680px,100dvh - 156px);min-height:min(520px,100dvh - 156px);display:grid}.chat-sidebar,.chat-window{min-height:0;padding:18px}.chat-sidebar{flex-direction:column;display:flex}.chat-users{gap:8px;display:grid;overflow-y:auto}.chat-user{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.chat-user:hover,.chat-user.active{border-color:var(--line);background:#f9fafb}.chat-user.unread{background:#fff7ed;border-color:#25d36661}.dark .chat-user:hover,.dark .chat-user.active{background:#111827}.dark .chat-user.unread{background:#25d36614;border-color:#25d36652}.avatar.small{border-radius:14px;width:42px;height:42px}.chat-user div:not(.avatar){gap:4px;min-width:0;display:grid}.chat-user strong,.chat-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-user span,.chat-header span,.chat-bubble span{color:var(--muted);font-size:13px}.chat-user .unread-badge{color:#fff;background:#25d366;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-style:normal;font-weight:800;line-height:1;display:grid;box-shadow:0 8px 18px #25d36647}.chat-window{flex-direction:column;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.chat-header h3{margin:0 0 3px}.chat-thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px 4px;display:flex;overflow-y:auto}.chat-bubble{border:1px solid var(--line);background:#f3f4f6;border-radius:16px 16px 16px 4px;gap:6px;width:fit-content;max-width:min(560px,76%);padding:11px 13px;animation:.24s cubic-bezier(.2,.8,.2,1) both clientCardIn;display:grid}.chat-bubble.mine{color:#fff;background:#f97316;border-color:#f97316;border-radius:16px 16px 4px;align-self:flex-end}.chat-bubble p{margin:0;line-height:1.45}.chat-bubble.mine span{color:#ffffffc7}.dark .chat-bubble:not(.mine){background:#111827}.chat-composer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:14px;display:grid}.chat-composer input{min-height:48px}@media (width<=900px){.chat-page{grid-template-columns:1fr;height:auto;min-height:0}.chat-sidebar{min-height:0}.chat-window{min-height:min(360px,100dvh - 180px)}}@media (width<=560px){.chat-composer{grid-template-columns:1fr}.chat-bubble{max-width:92%}}.users-page{gap:18px;display:grid}.users-toolbar{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px;display:flex}.users-toolbar h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(28px,3vw,42px)}.users-toolbar>span,.login-box small{color:var(--muted)}.users-admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;display:grid}.users-panel{padding:18px}.users-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.users-form input,.users-form select,.role-create input{background:#f9fafb!important}.users-form input:first-child{grid-column:1/-1}.role-create{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.roles-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.roles-list span{color:var(--orange-dark);background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.users-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.user-access-card{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:18px;display:grid}.user-access-card h3,.user-access-card p{margin:0}.user-access-card p{color:var(--muted)}.user-access-card span{width:fit-content;color:var(--orange-dark);background:#fff7ed;border-radius:999px;margin-top:8px;padding:7px 10px;font-size:12px;font-weight:800}.login-box{border:1px solid var(--line);background:#f9fafb;border-radius:14px;grid-column:1/-1;gap:4px;padding:12px;display:grid}.login-box strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dark .users-form input,.dark .users-form select,.dark .role-create input,.dark .login-box{background:#111827!important}.dark .roles-list span,.dark .user-access-card span{background:#fb923c1f}@media (width<=900px){.users-toolbar,.users-admin-grid,.users-form,.role-create{grid-template-columns:1fr}.users-toolbar{display:grid}}.users-tabs{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.users-admin-grid.single-panel{grid-template-columns:minmax(0,720px)}.user-access-card{grid-template-columns:54px minmax(0,1fr)!important}.brand{width:auto!important;height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0 auto 8px!important;padding:0!important}.brand img{object-fit:contain!important;width:118px!important;height:auto!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.auth-main{align-content:center;justify-items:center;gap:18px;width:100%;min-height:100dvh;padding:24px;display:grid;overflow:auto;margin-left:0!important}.auth-app{min-height:100dvh;grid-template-columns:1fr!important;display:grid!important}.auth-card{width:min(360px,100%);margin:0 auto}.auth-logo{object-fit:contain;width:min(210px,78vw);height:auto;display:block}.auth-form{grid-template-columns:1fr}.auth-error{color:#dc2626;font-weight:800}.empty-state{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:28px;grid-column:1/-1;place-items:center;gap:10px;min-height:220px;padding:28px;display:grid}.empty-state svg{width:min(240px,100%);height:auto}.empty-state h3{margin:0 0 6px;font-size:22px}.empty-state p{color:var(--muted);max-width:460px;margin:0 auto}.calendar-empty{grid-column:1/-1}.action-alert{border-radius:18px;margin-bottom:14px;padding:14px 16px;font-weight:800}.action-alert.success{color:#15803d;background:#22c55e1f;border:1px solid #22c55e52}.action-alert.error{color:#b91c1c;background:#ef44441f;border:1px solid #ef444452}.toast{z-index:80;border-radius:18px;max-width:min(360px,100vw - 32px);padding:14px 16px;font-weight:900;animation:.26s cubic-bezier(.22,1,.36,1) both toastIn;position:fixed;top:22px;right:22px;box-shadow:0 18px 50px #0f172a2e}.toast.success{color:#166534;background:#dcfce7;border:1px solid #86efac}.toast.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.inline-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.inline-actions select{flex:180px}.ghost-btn.danger{color:#b91c1c;border-color:#ef444452}.profile-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.profile-card select{text-overflow:ellipsis;min-width:0}.profile-card .ghost-btn{justify-content:center;width:100%}@media (width>=1181px){body{overflow:hidden}.app{display:block!important}.sidebar{z-index:30;width:288px;inset:0 auto 0 0;overflow-y:auto;height:100dvh!important;position:fixed!important}.main{height:100dvh;margin-left:288px;overflow:hidden auto}}@media (width<=1180px){body{overflow:auto}.app{display:grid!important}.sidebar{width:auto;overflow:visible;height:auto!important;position:relative!important}.main{height:auto;margin-left:0;overflow:visible}}.client-modal .form-grid,.client-modal .form-grid.three{grid-template-columns:1fr!important;gap:12px!important}.client-modal input,.client-modal select{width:100%!important;min-width:0!important}.client-modal .primary-btn.full{margin-top:14px}@media (width>=640px){.client-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-modal .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=520px){.client-modal-backdrop{padding:12px!important}.client-modal,.client-modal-small{border-radius:20px!important;width:100%!important;max-height:calc(100dvh - 24px)!important;padding:16px!important}.client-modal .panel-head{align-items:flex-start;gap:10px}}.client-modal-small,.client-modal-small .client-modal-body,.client-modal-small .users-form,.client-modal-small .form-grid,.client-modal-small .form-grid.three{min-width:0!important}.client-modal-small .users-form,.client-modal-small .form-grid,.client-modal-small .form-grid.three{grid-template-columns:1fr!important}.client-modal-small input,.client-modal-small select,.client-modal-small textarea,.client-modal-small button{min-width:0!important;max-width:100%!important}.client-modal-small .primary-btn.full{white-space:normal;text-align:center;justify-content:center;width:100%!important}.action-modal-backdrop.client-modal-backdrop{z-index:1000!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.action-modal-backdrop .action-modal{background:var(--surface-solid)!important;border:1px solid var(--line)!important;width:min(520px,100vw - 32px)!important;min-width:0!important;height:auto!important;max-height:calc(100dvh - 32px)!important;position:relative!important}.action-modal-backdrop .client-modal-body{max-height:calc(100dvh - 150px);overflow:hidden auto}@media (width<=520px){.action-modal-backdrop.client-modal-backdrop{padding:12px!important}.action-modal-backdrop .action-modal{width:100%!important;max-height:calc(100dvh - 24px)!important}}@media (width<=760px){.main{padding:18px}.users-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.users-tabs::-webkit-scrollbar{display:none}.users-list{grid-template-columns:minmax(0,1fr)}.user-access-card{align-items:start;grid-template-columns:44px minmax(0,1fr)!important}}