:root{--brand-yellow: #fbe5a1;--brand-purple: #8d81bd;--brand-purple-strong: #6f63a4;--bg: #f7f8ff;--panel: #ffffff;--panel-soft: #eef1ff;--ink: #202437;--muted: #667085;--line: #dfe3f2;--accent: var(--brand-purple);--accent-strong: var(--brand-purple-strong);--ok: #277a4d;--warn: #a35f15;--todo: #3d63dd;--package: #6f4bd8;--bad: #aa3e3e;--shadow: 0 16px 40px rgba(42, 50, 110, .1)}body[data-theme=dark]{--bg: #121426;--panel: #1d2037;--panel-soft: #171a2e;--ink: #f3f5ff;--muted: #aeb6d7;--line: #333858;--accent: #b6aadf;--accent-strong: var(--brand-yellow);--shadow: 0 16px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden,.mesh-gradient{display:none!important}.auth-screen{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:center;min-height:100vh;padding:34px;background:#f5f5f3}.auth-page-logo{position:absolute;top:34px;left:34px;z-index:2;width:min(230px,42vw)}.theme-logo{width:100%;height:auto;display:block}.theme-logo-dark,body[data-theme=dark] .theme-logo-light{display:none}body[data-theme=dark] .theme-logo-dark{display:block}.auth-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,.78fr);align-items:stretch;width:min(1180px,100%);min-height:calc(100vh - 68px);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:10px;background:var(--panel);box-shadow:0 24px 70px #231f201f;overflow:hidden}.auth-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);background:var(--panel);padding:clamp(28px,5vw,72px)}body[data-theme=dark] .auth-panel{background:#0f1020}body[data-theme=dark] .auth-screen{background:#090a12}.auth-brand{margin-bottom:26px}.auth-brand h1{margin:0;color:var(--ink);font-size:clamp(28px,4vw,42px);line-height:1}.auth-brand p{margin:14px 0 0;color:var(--muted);font-size:15px;font-weight:800}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.auth-links{display:grid;gap:8px;text-align:center}.auth-links button{border:0;background:transparent;color:var(--accent);font-weight:800}.auth-tabs button,.segmented button,.quick-status button{min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:800}.auth-tabs button.active,.segmented button.active,.quick-status button.active{border-color:var(--accent);background:var(--accent);color:#fff}.auth-characters{--look-x: 0px;--look-y: 0px;position:relative;min-height:620px;background:radial-gradient(circle at 28% 20%,rgba(251,229,161,.36),transparent 20%),linear-gradient(135deg,#f2f2ef,#e6e4df);overflow:hidden}body[data-theme=dark] .auth-characters{background:radial-gradient(circle at 28% 20%,rgba(141,129,189,.28),transparent 22%),linear-gradient(135deg,#16172a,#232035)}.auth-character{position:absolute;transform-origin:bottom center;box-shadow:0 22px 38px #231f2024;animation:characterFloat 5.8s ease-in-out infinite}.auth-character-tall{left:20%;bottom:12%;width:190px;height:460px;border-radius:18px;background:var(--brand-purple);transform:rotate(5deg)}.auth-character-slim{left:49%;bottom:10%;width:160px;height:330px;border-radius:8px;background:#2d2d2d;transform:rotate(4deg);animation-delay:-1.8s}.auth-character-round{left:8%;bottom:2%;width:280px;height:250px;border-radius:120px 120px 8px 8px;background:color-mix(in srgb,var(--brand-yellow) 72%,#ff8d5e);animation-delay:-.8s}.auth-character-soft{right:12%;bottom:2%;width:210px;height:300px;border-radius:120px 120px 8px 8px;background:color-mix(in srgb,var(--brand-yellow) 82%,#d9c832);animation-delay:-2.8s}.character-eye{position:absolute;display:block;width:25px;height:25px;border-radius:999px;background:#fff;transform:translate(var(--look-x),var(--look-y));transition:height .14s ease,transform .12s ease}.character-eye:after{content:"";position:absolute;right:3px;bottom:4px;width:10px;height:10px;border-radius:999px;background:#25252a}.auth-character-round .character-eye,.auth-character-soft .character-eye{width:17px;height:17px;background:#2b2b30}.auth-character-round .character-eye:after,.auth-character-soft .character-eye:after{display:none}.auth-character-tall .eye-left{top:86px;left:78px}.auth-character-tall .eye-right{top:86px;left:136px}.auth-character-slim .eye-left{top:58px;left:56px}.auth-character-slim .eye-right{top:58px;left:104px}.auth-character-round .eye-left{top:116px;left:112px}.auth-character-round .eye-right{top:116px;left:164px}.auth-character-soft .eye-left{top:72px;left:84px}.auth-character-soft .eye-right{top:72px;left:128px}.auth-character-soft:after{content:"";position:absolute;top:138px;left:72px;width:86px;height:5px;border-radius:999px;background:#2b2b30}.auth-screen.password-visible .character-eye{height:4px;border-radius:999px;transform:translateY(4px)}.auth-screen.password-visible .character-eye:after{opacity:0}@keyframes characterFloat{0%,to{translate:0 0}50%{translate:0 -10px}}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{position:relative;z-index:2;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel-soft);padding:24px 18px}.brand{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.brand h1,.brand p,.topbar h2,.topbar p,.card h3,.empty p,.modal h3{margin:0}.brand h1{font-size:20px;line-height:1.1}.brand p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.35}.sidebar-logo{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;height:78px;margin-bottom:28px}.app-logo-wrap{display:block;width:176px;height:46px;overflow:hidden}.app-logo-wrap .theme-logo{width:176px;height:46px;max-width:none;object-fit:contain;object-position:left center}.sidebar-toggle{display:grid;place-items:center;width:36px;height:36px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent);padding:0}.sidebar-collapsed .sidebar{padding-inline:16px}.sidebar-collapsed .sidebar-logo{grid-template-columns:48px;justify-content:center}.sidebar-collapsed .app-logo-wrap{width:48px;height:48px}.sidebar-collapsed .app-logo-wrap .theme-logo{width:182px}.sidebar-collapsed .sidebar-toggle{position:absolute;top:45px;right:-18px;z-index:3;box-shadow:var(--shadow)}.sidebar-collapsed .nav-item{grid-template-columns:1fr;justify-items:center;padding:0}.sidebar-collapsed .nav-item span:not(.nav-icon){display:none}.nav{display:grid;gap:8px}.upgrade-cta{display:grid;gap:8px;margin-top:auto;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-yellow) 34%,var(--panel)),color-mix(in srgb,var(--accent) 16%,var(--panel)));padding:12px}.upgrade-cta strong{color:var(--ink);font-size:14px}.upgrade-cta span,.billing-note{color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.upgrade-cta .primary-btn{min-height:36px}.sidebar-collapsed .upgrade-cta{display:none}.nav-item{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);text-align:left;padding:0 12px}.nav-item span:first-child{display:flex}.nav-item.active,.nav-item:hover{background:var(--panel);border-color:var(--line)}.mobile-more-toggle{display:none}.main{position:relative;z-index:1;min-width:0;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar h2{margin-top:4px;font-size:28px}.top-actions,.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.search-wrap{display:flex;align-items:center;gap:8px;width:min(320px,36vw);height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:0 12px}#search-scope{max-width:104px;height:30px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-weight:800;outline:0}#search{width:100%;min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--ink);padding:0}.toolbar select{height:42px;border:0;background:transparent;color:var(--ink);padding:0 8px 0 0}.filter-control{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);padding:0 10px}.icon-filter{width:42px;padding:0}.icon-filter select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.icon-segmented button{width:42px;padding:0}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:900}.theme-switch{display:grid;place-items:center;width:72px;height:42px;border:1px solid var(--line);border-radius:999px;background:transparent;padding:0}.theme-track{position:relative;display:block;width:64px;height:34px;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 26% 30%,rgba(255,255,255,.95),transparent 12%),linear-gradient(135deg,#9bd9ff,#f7c66b);box-shadow:inset 0 1px 2px #fffc,inset 0 -8px 18px #a35f152e,0 8px 18px #1f2c281a;transition:background .26s ease,box-shadow .26s ease}.theme-orb{position:absolute;top:4px;left:4px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#fff8d7;box-shadow:0 0 0 4px #fff8d747,0 6px 12px #533b123d;transition:transform .32s cubic-bezier(.34,1.56,.64,1),background .22s ease,box-shadow .22s ease}.theme-sun,.theme-moon{position:absolute;width:14px;height:14px;border-radius:999px;transition:opacity .18s ease,transform .26s ease}.theme-sun{background:#f4a51c;box-shadow:0 -8px 0 -5px #f4a51c,0 8px 0 -5px #f4a51c,8px 0 0 -5px #f4a51c,-8px 0 0 -5px #f4a51c}.theme-moon{opacity:0;background:#dce7ff;transform:translate(8px) scale(.7)}.theme-moon:after{content:"";position:absolute;top:-2px;right:-3px;width:13px;height:13px;border-radius:inherit;background:#29314f}.theme-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .22s ease}.theme-stars span{position:absolute;width:3px;height:3px;border-radius:999px;background:#ffffffe6;transform:scale(.6);animation:starPulse 1.8s ease-in-out infinite}.theme-stars span:nth-child(1){top:9px;left:14px}.theme-stars span:nth-child(2){top:21px;left:24px;animation-delay:.4s}.theme-stars span:nth-child(3){top:13px;right:13px;animation-delay:.8s}.theme-switch:hover .theme-track{box-shadow:inset 0 1px 2px #fffc,inset 0 -8px 18px #a35f152e,0 10px 24px #1f2c2829}.theme-switch:active .theme-orb{transform:scale(.92)}body[data-theme=dark] .theme-track{background:radial-gradient(circle at 76% 38%,rgba(255,255,255,.18),transparent 10%),linear-gradient(135deg,#14172f,#29314f 55%,#45276a);box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -8px 18px #0000003d,0 8px 18px #00000047}body[data-theme=dark] .theme-orb{transform:translate(30px);background:#dce7ff;box-shadow:0 0 0 4px #dce7ff24,0 6px 12px #00000052}body[data-theme=dark] .theme-switch:active .theme-orb{transform:translate(30px) scale(.92)}body[data-theme=dark] .theme-sun{opacity:0;transform:translate(-8px) scale(.7) rotate(-45deg)}body[data-theme=dark] .theme-moon{opacity:1;transform:translate(0) scale(1)}body[data-theme=dark] .theme-stars{opacity:1}@keyframes starPulse{0%,to{transform:scale(.6);opacity:.55}50%{transform:scale(1);opacity:1}}.icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-text,.segmented button,.quick-status button,.user-dropdown button,.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px}.user-menu,.notification-menu,.notification-btn{position:relative}.notification-dot{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;border:2px solid var(--panel);border-radius:999px;background:var(--bad);color:#fff;font-size:10px;font-weight:900}.notification-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:6;display:grid;width:min(320px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px}.notification-head button{border:0;background:transparent;color:var(--accent);font-weight:900}.notification-list{display:grid;max-height:320px;overflow:auto}.notification-item{display:grid;grid-template-columns:30px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:12px}.notification-item:last-child{border-bottom:0}.notification-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--panel-soft);color:var(--accent)}.notification-item strong,.notification-item small{display:block}.notification-item strong{color:var(--ink);font-size:13px}.notification-item small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.notification-empty{color:var(--muted);padding:18px;text-align:center;font-size:13px}.user-menu-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink)}.top-avatar{width:36px;height:36px;border-radius:999px;object-fit:cover}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:5;display:grid;min-width:180px;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:8px}.user-dropdown button{justify-content:flex-start;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:0 10px;font-weight:800}.user-dropdown button:hover{background:var(--panel-soft)}.import-btn input,.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:20px}.analytics-stats{grid-template-columns:repeat(6,minmax(130px,1fr))}.stat,.list-panel,.card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.stat{min-height:110px;padding:18px}.stat p{margin:0 0 14px;color:var(--muted);font-size:13px;font-weight:700}.stat strong{display:block;font-size:30px;line-height:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 14px}.section-head h3{margin:0;font-size:18px}.current-month{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:800}.analytics-date{height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:0 10px}.analytics-range-field{display:flex;align-items:center;gap:8px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);padding:0 10px;font-size:12px;font-weight:900;text-transform:uppercase}.analytics-range-field .analytics-date{height:32px;border:0;background:transparent;color:var(--ink);padding:0}.analytics-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:14px}.analytics-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:16px}.analytics-column-chart{display:flex;align-items:end;gap:10px;min-height:260px;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:linear-gradient(to top,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 40%,transparent),transparent);background-size:100% 52px,100% 100%;padding:18px 14px 12px}.analytics-column{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:7px;min-width:46px;height:222px}.analytics-column-bars{display:flex;align-items:end;justify-content:center;gap:4px;width:100%;height:168px}.analytics-column-bars span{display:block;width:10px;min-height:3px;border-radius:999px 999px 3px 3px;box-shadow:0 6px 12px #1f2c281f}.analytics-column-bars .paid{background:linear-gradient(180deg,color-mix(in srgb,var(--ok) 84%,white),var(--ok))}.analytics-column-bars .unpaid{background:linear-gradient(180deg,color-mix(in srgb,var(--bad) 78%,white),var(--bad))}.analytics-column-bars .updates{background:linear-gradient(180deg,color-mix(in srgb,var(--todo) 78%,white),var(--todo))}.analytics-column-bars.single-bar{width:44px}.analytics-column-bars.single-bar span{width:26px}.analytics-column-bars .clients{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,white),var(--accent))}.analytics-column-bars .projects{background:linear-gradient(180deg,color-mix(in srgb,var(--package) 78%,white),var(--package))}.analytics-column-bars .progress{background:linear-gradient(180deg,color-mix(in srgb,var(--warn) 78%,white),var(--warn))}.analytics-column strong{color:var(--ink);font-size:12px}.analytics-column small{max-width:54px;color:var(--muted);font-size:10px;font-weight:800;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.analytics-table-row{display:grid;grid-template-columns:92px minmax(0,1fr) 44px;align-items:center;gap:10px}.analytics-table-row>strong{color:var(--muted);font-size:12px;font-weight:800}.analytics-legend i.done{background:var(--ok)}.analytics-legend i.canceled{background:var(--bad)}.analytics-legend i.todo{background:var(--todo)}.analytics-legend i.paid{background:var(--ok)}.analytics-legend i.unpaid{background:var(--bad)}.analytics-legend i.clients{background:var(--accent)}.analytics-legend i.projects{background:var(--package)}.analytics-legend i.progress{background:var(--warn)}.analytics-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;color:var(--muted);font-size:12px;font-weight:800}.analytics-legend span{display:flex;align-items:center;gap:6px}.analytics-legend i{width:10px;height:10px;border-radius:50%}.analytics-table{display:grid;gap:8px;margin-top:12px}.analytics-table h4{margin:6px 0 2px}.primary-btn,.secondary-btn,.danger-btn{min-height:40px;border:1px solid transparent;border-radius:8px;padding:0 14px;font-weight:700}.primary-btn{background:var(--accent);color:#fff}.primary-btn:hover{background:color-mix(in srgb,var(--accent) 88%,var(--brand-yellow))}.secondary-btn{background:var(--panel);border-color:var(--line);color:var(--ink)}.danger-btn{background:#aa3e3e1a;border-color:#aa3e3e40;color:var(--bad)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.grid-clients{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.card{display:grid;position:relative;gap:12px;min-height:190px;padding:16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.grid-clients .card{gap:9px;min-height:168px;padding:13px}.grid-clients .card h3{font-size:16px}.grid-clients .bento-title-block p,.grid-clients .meta{font-size:12px}.grid-clients .thumb{aspect-ratio:4 / 3}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 24px 70px #2a326e2b}.bento-card{isolation:isolate;overflow:hidden;min-height:230px;align-content:start;background:linear-gradient(135deg,#ffffffeb,#ffffffb8),radial-gradient(circle at 15% 10%,rgba(91,111,245,.13),transparent 34%),radial-gradient(circle at 92% 18%,rgba(111,75,216,.12),transparent 32%),var(--panel)}.bento-projects,.bento-payments{padding-bottom:82px}body[data-theme=dark] .bento-card{background:linear-gradient(135deg,#202725f2,#202725c7),radial-gradient(circle at 15% 10%,rgba(130,144,255,.18),transparent 34%),radial-gradient(circle at 92% 18%,rgba(111,75,216,.18),transparent 32%),var(--panel)}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(99,112,109,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,112,109,.08) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(135deg,black,transparent 72%);mask-image:linear-gradient(135deg,black,transparent 72%);opacity:.9}.bento-card:after{content:"";position:absolute;inset:auto -20% -45% 18%;z-index:-1;height:150px;border-radius:999px;background:#5b6ff51f;filter:blur(30px);transition:transform .18s ease,opacity .18s ease}.bento-card:hover:after{opacity:.95;transform:translateY(-12px) scale(1.08)}.bento-projects:after{background:#5b6ff524}.bento-payments:after{background:#277a4d21}.bento-services:after{background:#7651a624}.bento-tasks:after{background:#2f69b124}.bento-top{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:42px;padding-right:82px}.bento-projects{min-height:222px;padding-bottom:70px}.bento-projects .bento-top{padding-right:82px}.bento-projects .bento-title-block{min-height:58px}.bento-projects .project-status-row{min-height:34px}.project-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-status-row .quick-status{flex:1 1 auto;min-width:0}.project-status-row .pill-row{flex:0 0 auto;justify-content:flex-end}.details-eye{width:34px;height:32px;min-height:32px}.bento-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffffa8;color:var(--accent);box-shadow:inset 0 1px #ffffff8c}body[data-theme=dark] .bento-icon{background:#ffffff0f}.bento-title-block{display:grid;gap:5px}.bento-title-block p{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.card h3{margin:0;font-size:19px;line-height:1.18;overflow-wrap:anywhere}.thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.meta{display:grid;gap:7px;color:var(--muted);font-size:14px}.meta div{overflow-wrap:anywhere}.card-footer-row{display:flex;align-items:center;justify-content:space-between;position:absolute;right:16px;bottom:16px;left:16px;z-index:1;gap:12px;min-height:48px}.client-card-photo{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:50%;background:var(--panel);color:var(--accent-strong);object-fit:cover;overflow:hidden;font-size:16px;font-weight:900;line-height:1;box-shadow:0 8px 18px #2a326e1f}.client-card-photo.placeholder{background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.list-client-cell{display:inline-flex;align-items:center;gap:10px;min-width:0}.list-client-photo{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:50%;background:var(--panel);color:var(--accent-strong);object-fit:cover;overflow:hidden;font-size:12px;font-weight:900;line-height:1;box-shadow:0 6px 14px #2a326e1a}.list-client-photo.placeholder{background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.project-payment-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;margin-left:auto;text-align:center;line-height:1.2}.project-payment-btn.paid{opacity:.78;cursor:default}.pill-row,.quick-status{display:flex;flex-wrap:wrap;gap:6px}.pill{border-radius:999px;background:#5b6ff51f;color:var(--accent-strong);padding:5px 9px;font-size:12px;font-weight:800}.pill.done,.quick-status button.done.active,.bar-fill.done{background:#277a4d24;color:var(--ok)}.pill.todo,.quick-status button.todo.active{background:#2f69b124;color:var(--todo)}.pill.doing,.quick-status button.doing.active{background:#a35f1529;color:var(--warn)}.pill.canceled,.quick-status button.canceled.active{background:#aa3e3e24;color:var(--bad)}.pill.package{background:#7651a626;color:var(--package)}.quick-status button{display:grid;place-items:center;width:34px;min-height:32px;padding:0;font-size:12px}.quick-status button .icon{width:16px;height:16px}.quick-status button.active{border-color:currentColor}.card-actions,.row-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.floating-actions{position:absolute;top:14px;right:14px;z-index:2;margin:0;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.card:hover .floating-actions,.card:focus-within .floating-actions{opacity:1;transform:translateY(0);pointer-events:auto}.bento-card .floating-actions{background:#ffffffb8;border:1px solid var(--line);border-radius:10px;padding:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body[data-theme=dark] .bento-card .floating-actions{background:#202725c2}.icon-only{display:grid;place-items:center;position:relative;width:36px;height:36px;min-height:36px;padding:0}.status-folder-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.status-folder-btn span{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:18px;height:18px;border:2px solid var(--panel);border-radius:999px;background:var(--accent);color:#fff;padding:0 5px;font-size:10px;font-weight:900;line-height:1}.status-folder-btn.active span{background:var(--panel);color:var(--accent)}.empty{border:1px dashed var(--line);border-radius:8px;background:#ffffff0f;padding:34px;text-align:center;color:var(--muted)}.empty.compact{padding:18px}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px}.list-panel{padding:16px}.list-panel h3{margin:0 0 12px;font-size:17px}.mini-list{display:grid;gap:10px}.mini-item{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}.mini-item:first-child{border-top:0;padding-top:0}.mini-item strong,.mini-item span{overflow-wrap:anywhere}.mini-item span{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.analytics-panel{margin-top:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:16px}.bar-chart{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:130px minmax(120px,1fr) minmax(90px,auto);align-items:center;gap:12px}.bar-row span{color:var(--muted);font-size:13px}.bar-row strong{text-align:right}.bar-track{height:14px;overflow:hidden;border-radius:999px;background:var(--panel-soft)}.bar-fill{height:100%;border-radius:inherit}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}.sort-header{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:900;text-transform:inherit}.sort-arrow{width:0;height:0;border-right:4px solid transparent;border-left:4px solid transparent;opacity:.42}.sort-arrow.idle{border-top:5px solid currentColor}.sort-arrow.up{border-bottom:5px solid currentColor;opacity:1}.sort-arrow.down{border-top:5px solid currentColor;opacity:1}.sort-header.active{color:var(--accent)}.kanban{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.kanban-column{min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff2e;padding:12px}.kanban-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kanban-head h3{margin:0;font-size:16px}.kanban-head span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--panel);color:var(--muted);font-weight:800}.kanban-items{display:grid;gap:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#18221f85;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.open{display:flex}.details-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:none;align-items:center;justify-content:center;background:#12142685;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-modal.open{display:flex}.details-panel{width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:14px;background:var(--panel);box-shadow:0 24px 90px #0000003d}.details-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px}.details-head h3{margin:0;font-size:20px;line-height:1.2}.details-body{display:grid;gap:14px;padding:16px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pricing-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:16px}.pricing-card.featured{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--brand-yellow) 22%,var(--panel))}.pricing-card span,.plan-badge{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.pricing-card strong{color:var(--ink);font-size:38px;line-height:1}.pricing-card p{margin:0;color:var(--muted);font-weight:700;line-height:1.4}.plan-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px}.plan-badge.free{background:color-mix(in srgb,var(--line) 48%,var(--panel));color:var(--muted)}.plan-badge.pro{background:color-mix(in srgb,var(--brand-yellow) 54%,var(--accent));color:#252235}.membership-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px}.admin-table-wrap{overflow-x:auto}.admin-table td:first-child{display:grid;gap:4px}.admin-table small{color:var(--muted);font-weight:800}.request-note{color:var(--accent)!important}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-head-actions{display:flex;align-items:center;gap:8px}.details-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.details-summary strong{color:var(--accent-strong);font-size:18px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item,.details-notes{display:grid;gap:5px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-soft) 46%,var(--panel));padding:11px}.detail-item span,.details-notes span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.detail-item strong,.details-notes p{margin:0;color:var(--ink);overflow-wrap:anywhere}.modal-panel{position:relative;width:min(680px,100%);max-height:92vh;overflow:auto;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,white),var(--panel));box-shadow:0 24px 90px #00000038}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px}.modal-head .icon-btn{margin-left:auto;flex:0 0 42px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.auth-form,.single-form{grid-template-columns:1fr;padding:0}.auth-form{gap:16px}.auth-form .field{gap:8px}.auth-form .field input{height:48px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 96%,var(--panel-soft));color:var(--ink);padding:0 12px}.auth-form .field input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.auth-form .form-actions{border-top:0;padding-top:2px}.auth-form .primary-btn{width:100%;min-height:48px}.field{display:grid;gap:7px}.modal .field{gap:10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,white),color-mix(in srgb,var(--panel-soft) 42%,var(--panel)));padding:11px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.modal .field:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);transform:translateY(-1px)}.field.full{grid-column:1 / -1}.field label,.toggle-row{color:var(--muted);font-size:13px;font-weight:800}.modal .field label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink)}.modal .field-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);flex:0 0 28px}.modal .field-icon .icon{width:15px;height:15px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:10px 11px}.modal .field input,.modal .field select,.modal .field textarea{border-color:transparent;background:color-mix(in srgb,var(--panel) 76%,var(--panel-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}.modal .field input:focus,.modal .field select:focus,.modal .field textarea:focus{outline:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,var(--line))}body[data-theme=dark] .modal-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#2f3a37),var(--panel))}body[data-theme=dark] .modal .field{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 88%,#2f3a37),color-mix(in srgb,var(--panel-soft) 76%,var(--panel)))}body[data-theme=dark] .modal .field input,body[data-theme=dark] .modal .field select,body[data-theme=dark] .modal .field textarea{background:color-mix(in srgb,var(--panel-soft) 74%,black)}.field textarea{min-height:96px;resize:vertical}.modal .project-form{gap:9px 12px}.modal .project-form>.field:not(.rich-text-field){gap:6px;padding:8px 10px}.modal .project-form>.field:not(.rich-text-field) .field-icon{width:24px;height:24px;flex-basis:24px}.modal .project-form>.field:not(.rich-text-field) input,.modal .project-form>.field:not(.rich-text-field) select{min-height:34px;padding:7px 9px}.rich-text-field{position:relative}.rich-text-toolbar{display:flex;gap:5px;margin-bottom:-2px}.rich-text-toolbar button{display:grid;place-items:center;width:30px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);cursor:pointer}.rich-text-toolbar button:hover,.rich-text-toolbar button:focus-visible{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent);outline:0}.rich-text-toolbar .icon{width:14px;height:14px}.rich-text-editor{min-height:150px;max-height:280px;overflow-y:auto;border-radius:8px;background:color-mix(in srgb,var(--panel) 76%,var(--panel-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink);line-height:1.55;padding:11px}.rich-text-editor:focus{outline:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,var(--line))}.rich-text-editor:empty:before{color:var(--muted);content:attr(data-placeholder);pointer-events:none}.rich-text-editor a,.rich-note-output a{color:var(--accent);text-decoration:underline}.rich-note-output{color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.password-wrap{display:grid;grid-template-columns:1fr 42px;gap:8px}.password-wrap input{min-width:0}.password-eye{width:42px}.form-image{width:160px;height:100px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.profile-preview{display:flex;align-items:center}.avatar{width:96px;height:96px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.avatar.placeholder{display:grid;place-items:center;background:var(--accent);color:#fff;font-size:36px;font-weight:900}.toggle-row{display:flex;align-items:center;gap:10px}.settings-switch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--accent));padding:12px;cursor:pointer}.settings-switch input{position:absolute;opacity:0;pointer-events:none}.settings-switch-track{width:48px;height:28px;border-radius:999px;background:var(--line);padding:3px;transition:background .18s ease,box-shadow .18s ease}.settings-switch-thumb{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #0f172a33;transition:transform .18s ease}.settings-switch input:checked+.settings-switch-track{background:#23a455;box-shadow:0 0 0 4px #23a45529}.settings-switch input:checked+.settings-switch-track .settings-switch-thumb{transform:translate(20px)}.settings-switch-copy{display:grid;gap:3px;min-width:0}.settings-switch-copy strong{color:var(--ink);font-size:14px}.settings-switch-copy small{color:var(--muted);font-weight:700}.switch-state{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:0}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:14px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:20;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);padding:12px 14px;opacity:0;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translateY(0)}@media (max-width: 1320px){.grid-clients{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1000px){.auth-screen{padding:18px}.auth-page-logo{top:24px;left:24px;width:210px}.auth-layout{grid-template-columns:1fr;min-height:calc(100vh - 36px)}.auth-characters{min-height:330px;order:2}.auth-panel{order:1;border-left:0;border-bottom:1px solid var(--line);padding-top:92px}.auth-character-tall{left:18%;width:120px;height:260px}.auth-character-slim{left:49%;width:105px;height:210px}.auth-character-round{width:180px;height:150px}.auth-character-soft{width:140px;height:190px}.auth-character-tall .eye-left{top:48px;left:45px}.auth-character-tall .eye-right{top:48px;left:78px}.auth-character-slim .eye-left{top:36px;left:36px}.auth-character-slim .eye-right{top:36px;left:68px}.auth-character-round .eye-left{top:70px;left:72px}.auth-character-round .eye-right{top:70px;left:108px}.auth-character-soft .eye-left{top:48px;left:56px}.auth-character-soft .eye-right{top:48px;left:86px}.auth-character-soft:after{top:96px;left:46px;width:62px}.shell,.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar-collapsed .sidebar-logo,.sidebar-collapsed .nav-item{justify-content:start}.sidebar-collapsed .sidebar-logo{grid-template-columns:minmax(0,1fr) 36px}.sidebar-collapsed .app-logo-wrap{width:176px;height:46px}.sidebar-collapsed .nav-item span:not(.nav-icon){display:initial}.sidebar-collapsed .sidebar-toggle{position:static;box-shadow:none}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.stats,.dashboard-grid,.settings-grid,.analytics-stats,.analytics-layout{grid-template-columns:1fr 1fr}.analytics-layout{grid-template-columns:1fr}.grid-clients{grid-template-columns:repeat(3,minmax(0,1fr))}.kanban{grid-template-columns:1fr}}@media (max-width: 680px){body{padding-bottom:94px}.auth-screen{padding:10px}.auth-page-logo{top:18px;left:18px;width:180px}.auth-layout{min-height:calc(100vh - 20px)}.auth-panel{padding:82px 18px 22px}.auth-characters{min-height:260px}.auth-character-tall{left:14%}.auth-character-soft{right:6%}.main,.sidebar{padding:16px}.sidebar{position:fixed;left:50%;right:auto;bottom:12px;z-index:1200;width:min(94vw,560px);transform:translate(-50%);border:1px solid var(--line);border-radius:18px;background:#ffffffdb;box-shadow:0 18px 50px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:8px}body[data-theme=dark] .sidebar{background:#202725e6}.sidebar .brand,.sidebar-logo,.upgrade-cta{display:none}.topbar,.section-head{align-items:stretch;flex-direction:column}.modal{z-index:2000;align-items:flex-start;padding:64px 14px 120px;overflow-y:auto}.details-modal{z-index:3000;align-items:flex-start;padding:18px 14px 120px;overflow-y:auto}.details-panel{width:100%;max-height:none}.details-grid,.pricing-grid,.membership-details,.admin-layout{grid-template-columns:1fr}.admin-table{min-width:0}.admin-table,.admin-table thead,.admin-table tbody,.admin-table tr,.admin-table th,.admin-table td{display:block}.admin-table thead{display:none}.admin-table tbody{display:grid;gap:12px}.admin-table tr{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px}.admin-table td{border:0;padding:6px 0}.admin-table td:not(:first-child):before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.admin-actions{display:grid;grid-template-columns:1fr}.bento-projects{min-height:216px}.project-status-row{align-items:flex-start;flex-direction:column}.modal-panel{width:100%;max-height:none;overflow:visible}.modal-head{align-items:center;flex-direction:row;padding:14px 16px}.modal-head .icon-btn{width:42px;flex:0 0 42px}.modal .form{padding-bottom:24px}.modal .form-actions{position:sticky;bottom:0;z-index:1;background:var(--panel);padding:14px 0 0}.top-actions,.toolbar,#search,.search-wrap,.toolbar select,.primary-btn,.secondary-btn,.danger-btn{width:100%}.filter-control,.icon-segmented button,.toolbar .icon-only{width:42px;flex:0 0 42px}.icon-btn,.theme-switch,.user-menu,.notification-menu{flex:1}.user-menu-btn,.notification-btn{width:100%;border-radius:8px}.user-dropdown,.notification-dropdown{left:0;right:0}.topbar{display:grid;grid-template-columns:minmax(132px,1fr) 86px 42px 42px;align-items:center;gap:14px 8px}.topbar>div:first-child{min-width:0}.top-actions{display:contents}.search-wrap{grid-column:1 / -1;grid-row:2;width:100%}.theme-switch{grid-column:2;grid-row:1;width:86px;flex:0 0 86px}.notification-menu,.user-menu{grid-row:1;width:42px;flex:0 0 42px}.notification-menu{grid-column:3}.user-menu{grid-column:4}.notification-btn,.user-menu-btn{width:42px;height:42px;border-radius:999px}.notification-dropdown,.user-dropdown{left:auto;right:0}.nav,.stats,.grid-clients,.dashboard-grid,.settings-grid,.analytics-layout,.form{grid-template-columns:1fr}.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#dashboard .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dashboard .stat{min-height:120px;padding:14px}#dashboard .stat p{margin-bottom:12px;font-size:13px;line-height:1.25}#dashboard .stat strong{font-size:32px}.analytics-stats .stat{min-height:82px;padding:10px}.analytics-stats .stat p{margin-bottom:8px;font-size:11px;line-height:1.25}.analytics-stats .stat strong{font-size:22px}.analytics-table-row{grid-template-columns:72px minmax(0,1fr) 34px}.analytics-date{width:100%}.nav{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}.nav-item{display:grid;grid-template-columns:1fr;justify-items:center;min-width:0;min-height:58px;padding:6px 3px;font-size:10px;text-align:center}.nav-item[data-view=payments],.nav-item[data-view=analytics],.nav-item[data-view=services],.nav-item[data-view=tasks],.nav-item[data-view=settings],.nav-item[data-view=admin]{display:none}.mobile-more-toggle{display:grid}.mobile-more-open .nav-item[data-view=payments],.mobile-more-open .nav-item[data-view=analytics],.mobile-more-open .nav-item[data-view=settings],.mobile-more-open .nav-item[data-view=admin]:not(.hidden){position:absolute;right:0;display:grid;width:min(42vw,160px);min-height:50px;grid-template-columns:24px 1fr;justify-items:start;gap:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:var(--shadow);padding:8px 12px;font-size:12px}.mobile-more-open .nav-item[data-view=payments]{bottom:70px}.mobile-more-open .nav-item[data-view=analytics]{bottom:126px}.mobile-more-open .nav-item[data-view=settings]{bottom:182px}.mobile-more-open .nav-item[data-view=admin]:not(.hidden){bottom:238px}.nav-item .icon{width:20px;height:20px}.segmented{display:grid;grid-template-columns:42px 42px;width:auto;gap:8px}.card-actions,.row-actions{flex-direction:column}.floating-actions{opacity:1;transform:none;pointer-events:auto}.grid-clients .bento-card:not(.mobile-actions-open) .floating-actions,.grid-projects .bento-card:not(.mobile-actions-open) .floating-actions,.grid-payments .bento-card:not(.mobile-actions-open) .floating-actions{opacity:0;transform:translateY(-4px);pointer-events:none}.grid-clients .bento-card.mobile-actions-open .floating-actions,.grid-projects .bento-card.mobile-actions-open .floating-actions,.grid-payments .bento-card.mobile-actions-open .floating-actions{opacity:1;transform:translateY(0);pointer-events:auto}.table-projects .list-client-cell span:not(.list-client-photo),.table-payments .list-client-cell span:not(.list-client-photo),.table-projects .list-status-cell .pill-label,.table-payments .list-status-cell .pill-label{display:none}.table-projects .list-client-cell,.table-payments .list-client-cell,.table-projects .list-status-cell .pill,.table-payments .list-status-cell .pill{gap:0}.table-projects .list-status-cell .pill,.table-payments .list-status-cell .pill{width:34px;height:34px;padding:0}.grid-clients,.grid-projects,.grid-payments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-clients .card,.grid-projects .card,.grid-payments .card{gap:8px;min-height:190px;padding:10px}.grid-projects .bento-card,.grid-payments .bento-card{min-height:220px;padding-bottom:58px}.grid-clients .bento-card{min-height:176px}.grid-projects .bento-title-block,.grid-payments .bento-title-block{min-height:0}.grid-clients .card h3,.grid-projects .card h3,.grid-payments .card h3{font-size:14px;line-height:1.2}.grid-clients .bento-title-block p,.grid-projects .bento-title-block p,.grid-payments .bento-title-block p,.grid-clients .meta,.grid-projects .meta,.grid-payments .meta{font-size:11px}.grid-projects .bento-top,.grid-payments .bento-top{min-height:32px;padding-right:42px}.grid-projects .details-eye{width:32px;min-height:30px}.grid-projects .project-status-row{gap:6px}.grid-projects .quick-status,.grid-payments .quick-status{gap:5px}.grid-projects .quick-status button,.grid-payments .quick-status button{width:30px;min-height:30px}.grid-projects .pill,.grid-payments .pill,.grid-clients .pill{padding:4px 7px;font-size:11px}.grid-projects .card-footer-row,.grid-payments .card-footer-row{right:10px;bottom:10px;left:10px;min-height:38px}.grid-projects .client-card-photo,.grid-payments .client-card-photo{flex-basis:36px;width:36px;height:36px;font-size:12px}.grid-projects .floating-actions,.grid-payments .floating-actions,.grid-clients .floating-actions{top:8px;right:8px;gap:4px}.grid-projects .floating-actions .icon-only,.grid-payments .floating-actions .icon-only,.grid-clients .floating-actions .icon-only{width:30px;height:30px;min-height:30px}.bar-row{grid-template-columns:1fr;gap:7px}.bar-row strong{text-align:left}.toast-stack{right:12px;bottom:92px}}