:root{--bg:#f3f5f9;--sidebar:#fff;--surface:#fff;--surface-2:#f7f8fb;--surface-3:#eef1f6;--text:#151824;--muted:#81889a;--muted-2:#aab0bd;--border:#e7e9f0;--shadow:0 10px 32px rgba(27,30,47,.06);--accent:#7c5cff;--accent-rgb:124,92,255;--accent-soft:rgba(var(--accent-rgb),.12);--green:#28ca8b;--orange:#ff9c55;--red:#ff6376;--cyan:#3abbe6;--radius:16px;--sidebar-width:248px}
[data-theme=dark]{--bg:#0d111b;--sidebar:#111621;--surface:#151b27;--surface-2:#191f2c;--surface-3:#202735;--text:#f1f3f8;--muted:#8c94a7;--muted-2:#596174;--border:#242b39;--shadow:0 16px 42px rgba(0,0,0,.18)}
[data-accent=emerald]{--accent:#15bd7b;--accent-rgb:21,189,123}[data-accent=blue]{--accent:#348cff;--accent-rgb:52,140,255}[data-accent=coral]{--accent:#ff6f61;--accent-rgb:255,111,97}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg);font-size:14px}button,input{font:inherit}button,a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:27px 18px 20px;background:var(--sidebar);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:0 10px;margin-bottom:29px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#fff 20%));box-shadow:0 8px 20px var(--accent-soft);transform:rotate(-5deg)}.brand-mark svg{width:18px}.brand-name{font:800 21px/1 "Manrope";letter-spacing:-1px}.brand-name span{color:var(--accent)}.workspace-card{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:13px}.workspace-avatar,.profile-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(145deg,#844dff,#4e34c7)}.workspace-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.workspace-card strong{font-size:12px}.workspace-card span,.profile span{font-size:10px;color:var(--muted)}.icon-button{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:11px;display:grid;place-items:center;cursor:pointer;transition:.2s}.icon-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.icon-button svg{width:18px}.icon-button.compact{width:30px;height:30px;border:0;background:transparent;margin-left:auto}.icon-button.compact svg{width:15px}.nav-menu{margin-top:24px;display:flex;flex-direction:column;gap:4px}.nav-label{margin:14px 12px 7px;color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;padding:0 13px;border-radius:11px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:600;transition:.2s}.nav-item svg{width:17px}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.active{color:var(--accent);background:var(--accent-soft)}.nav-item.active:before{content:"";position:absolute;left:-18px;width:3px;height:22px;border-radius:2px;background:var(--accent)}.nav-item em{margin-left:auto;padding:2px 7px;border-radius:8px;background:var(--surface-3);font-style:normal;font-size:9px}.nav-item.active em{background:var(--accent);color:#fff}.sidebar-bottom{margin-top:auto}.upgrade-card{padding:15px;margin-bottom:12px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--accent-soft),transparent)}.upgrade-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#fff;margin-bottom:10px}.upgrade-icon svg{width:15px}.upgrade-card strong{display:block;font-size:12px}.upgrade-card p{margin:5px 0 9px;color:var(--muted);font-size:10px;line-height:1.45}.text-button,.panel-link{border:0;background:none;color:var(--accent);padding:0;font-size:10px;font-weight:700;cursor:pointer}.text-button svg,.panel-link svg{width:12px;vertical-align:middle}.main{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{height:89px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title>div>span{font-size:10px;color:var(--muted)}h1,h2,p{margin-top:0}.topbar h1{font:700 20px/1.3 "Manrope";margin:4px 0 0;letter-spacing:-.4px}.topbar h1 span{font-size:18px}.topbar-actions{display:flex;align-items:center;gap:9px}.search-box{width:205px;height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;background:var(--surface);border:1px solid var(--border);border-radius:11px;color:var(--muted)}.search-box svg{width:16px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search-box kbd{padding:3px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);font-size:9px}.notification{position:relative}.notification b,.profile-avatar span{position:absolute;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:var(--red)}.notification b{right:8px;top:8px}.profile{display:flex;align-items:center;gap:9px;margin-left:3px}.profile-avatar{position:relative;border-radius:50%;background:linear-gradient(145deg,#ffb267,#ce5b82)}.profile-avatar span{right:0;bottom:1px;background:var(--green)}.profile>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.profile strong{font-size:11px}.profile>svg{width:14px;color:var(--muted)}.theme-panel{position:relative}.palette-popover{position:absolute;z-index:40;right:0;top:49px;width:174px;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s}.palette-popover.show{opacity:1;visibility:visible;transform:none}.palette-popover>span{display:block;color:var(--muted);font-size:10px;margin-bottom:10px}.swatches{display:flex;gap:9px}.swatch{width:27px;height:27px;border:3px solid var(--surface);border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--border)}.swatch.active{box-shadow:0 0 0 2px var(--text)}.swatch.violet{background:#7c5cff}.swatch.emerald{background:#15bd7b}.swatch.blue{background:#348cff}.swatch.coral{background:#ff6f61}.content{padding:24px 31px 40px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:17px 18px}.metric-head{display:flex;align-items:center;gap:9px}.metric-head small{font-weight:600;color:var(--muted);font-size:10px}.metric-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.metric-icon svg{width:16px}.metric-icon.purple{background:rgba(124,92,255,.13);color:#886cff}.metric-icon.cyan{background:rgba(58,187,230,.13);color:var(--cyan)}.metric-icon.orange{background:rgba(255,156,85,.13);color:var(--orange)}.metric-icon.green{background:rgba(40,202,139,.13);color:var(--green)}.dots{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;letter-spacing:1px}.metric-value{margin:16px 0 12px;font:700 23px/1 "Manrope";letter-spacing:-.8px}.metric-value small{font-size:11px;color:var(--muted);font-weight:500}.metric-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.metric-foot svg{width:13px}.metric-foot.positive{color:var(--green);font-weight:700}.metric-foot.warning{color:var(--orange);font-weight:700}.metric-foot span:last-child{color:var(--muted);font-weight:400}.metric-foot.stars{color:#ffb44a;letter-spacing:1px}.mini-progress{width:72px;height:5px;overflow:hidden;border-radius:5px;background:var(--surface-3)}.mini-progress i{display:block;height:100%;background:var(--cyan);border-radius:inherit}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.75fr);gap:16px;margin-top:16px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;gap:16px}.panel-head h2{margin:0;font:700 13px/1.3 "Manrope"}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.select-button{display:flex;align-items:center;gap:9px;margin-left:6px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:9px;color:var(--muted)}.select-button svg{width:12px}.chart-summary{display:flex;gap:18px;margin-left:auto}.chart-summary span{font-size:9px;color:var(--muted)}.chart-summary b{display:block;margin:4px 0 0 13px;color:var(--text);font-size:11px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.legend-dot.actual{background:var(--accent)}.legend-dot.target{border:1px dashed var(--muted)}.chart{position:relative;height:250px;margin-top:16px;padding:0 6px 24px 37px}.chart svg{width:100%;height:100%;overflow:visible}.grid-lines line{stroke:var(--border);stroke-width:1}.area{fill:url(#areaGradient)}.actual-line{fill:none;stroke:var(--accent);stroke-width:3}.target-line{fill:none;stroke:var(--muted-2);stroke-width:1.5;stroke-dasharray:5 6}.chart circle{fill:var(--surface);stroke:var(--accent);stroke-width:3}.chart-y{position:absolute;inset:1px auto 25px 0;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:8px}.chart-x{position:absolute;left:39px;right:4px;bottom:0;display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.team-list{margin-top:16px}.team-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--border)}.person-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:700;color:#fff}.person-avatar.a1{background:#7f64ce}.person-avatar.a2{background:#dd7d5a}.person-avatar.a3{background:#3ca4a3}.person-avatar.a4{background:#d35f83}.person-info{display:flex;flex-direction:column;gap:3px;min-width:92px}.person-info strong{font-size:10px}.person-info span{font-size:8px;color:var(--muted)}.load{flex:1}.load>span{display:block;text-align:right;margin-bottom:6px;color:var(--muted);font-size:8px}.load>span b{color:var(--text)}.load>div{height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}.load i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.load .warning-load i{background:var(--orange)}.panel-link{display:block;margin:17px auto 0}.projects-panel{grid-column:1/-1}.primary-button{display:flex;align-items:center;gap:6px;margin-left:auto;padding:9px 13px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;box-shadow:0 7px 17px var(--accent-soft);cursor:pointer}.primary-button svg{width:13px}.table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:10px 12px;color:var(--muted);font-size:8px;font-weight:600;border-bottom:1px solid var(--border)}td{padding:12px;color:var(--muted);font-size:9px;border-bottom:1px solid var(--border)}td:first-child{display:flex;align-items:center;gap:9px;color:var(--text)}td strong{font-size:10px}.project-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.project-icon svg{width:14px}.pi-1{background:rgba(52,140,255,.13);color:#348cff}.pi-2{background:rgba(124,92,255,.13);color:#8b70ff}.pi-3{background:rgba(255,156,85,.13);color:var(--orange)}.status{padding:5px 8px;border-radius:12px;font-size:8px;font-weight:600}.status.in-progress{color:#3d91ff;background:rgba(52,140,255,.1)}.status.review{color:var(--orange);background:rgba(255,156,85,.1)}.status.planning{color:#9a77ff;background:rgba(124,92,255,.1)}.progress-cell{display:flex;align-items:center;gap:8px}.progress-cell>span{width:70px;height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}.progress-cell i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.progress-cell b{font-size:8px;color:var(--text)}.avatar-stack{display:flex}.avatar-stack i{width:25px;height:25px;display:grid;place-items:center;margin-left:-5px;border:2px solid var(--surface);border-radius:50%;background:var(--surface-3);color:var(--text);font-size:7px;font-style:normal}.avatar-stack i:first-child{margin-left:0}.projects-link{margin-top:14px}.mobile-menu{display:none}.sidebar-overlay{display:none}
/* Login */
.login-page{overflow-x:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(430px,.88fr)}.login-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px 54px;color:#fff;background:#121022}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.login-showcase:before{width:680px;height:680px;left:-180px;bottom:-390px;background:radial-gradient(circle,rgba(var(--accent-rgb),.7),rgba(var(--accent-rgb),0) 68%)}.login-showcase:after{width:560px;height:560px;right:-290px;top:-300px;background:radial-gradient(circle,rgba(81,122,255,.45),transparent 67%)}.login-showcase .brand{position:relative;z-index:2;padding:0;margin:0;color:#fff}.showcase-copy{position:relative;z-index:2;margin:auto 0;max-width:590px}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.05);font-size:9px;letter-spacing:.12em}.eyebrow svg{width:13px;color:#b8a7ff}.showcase-copy h1{margin:25px 0 17px;font:700 clamp(39px,4.2vw,62px)/1.07 "Manrope";letter-spacing:-2.8px}.showcase-copy h1 em{color:#ad9cff;font-style:normal}.showcase-copy>p{max-width:475px;color:#aaa9b9;font-size:15px;line-height:1.65}.showcase-stats{display:flex;gap:45px;margin-top:42px}.showcase-stats div{display:flex;flex-direction:column;gap:5px}.showcase-stats strong{font:700 19px "Manrope"}.showcase-stats span{color:#8e8c9f;font-size:10px}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(29,26,52,.72);box-shadow:0 20px 45px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.floating-card>div:not(.avatar-stack){display:flex;flex-direction:column;gap:3px}.floating-card strong{font-size:10px}.floating-card span{color:#9c9aab;font-size:8px}.floating-card>svg{width:16px;margin-left:15px;color:var(--green)}.fc-one{right:6%;top:24%;transform:rotate(3deg)}.fc-two{right:12%;bottom:17%;transform:rotate(-3deg)}.login-showcase footer{position:relative;z-index:2;display:flex;gap:21px;color:#6f6d7e;font-size:9px}.login-showcase footer span:first-of-type{margin-left:auto}.login-form-side{position:relative;display:grid;place-items:center;padding:70px 40px;background:var(--bg)}.login-tools{position:absolute;right:30px;top:28px;display:flex;gap:8px}.login-form{width:100%;max-width:385px}.mobile-login-brand{display:none}.welcome-pill{display:inline-block;padding:6px 9px;border-radius:7px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:700}.login-form h2{margin:15px 0 7px;font:700 27px "Manrope";letter-spacing:-1px}.login-form>p{color:var(--muted);font-size:11px}.social-login{width:100%;height:45px;margin-top:21px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:11px;font-weight:600;cursor:pointer}.google-g{font:bold 15px Arial;color:#4285f4;margin-right:8px}.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:9px}.or:before,.or:after{content:"";height:1px;flex:1;background:var(--border)}.form-group{display:block;margin-bottom:15px}.form-group>span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:600}.form-group a,.signup-copy a{color:var(--accent);text-decoration:none}.input-wrap{height:45px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);transition:.2s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-wrap svg{width:16px;color:var(--muted)}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.input-wrap button{display:grid;place-items:center;border:0;background:none;color:var(--muted);cursor:pointer}.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;cursor:pointer}.remember input{display:none}.remember span{width:16px;height:16px;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.remember input:checked+span{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px var(--accent)}.remember input:checked+span:after{content:"✓";display:block;color:#fff;font-size:10px;text-align:center;line-height:14px}.login-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:21px;border:0;border-radius:11px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;box-shadow:0 10px 23px var(--accent-soft);cursor:pointer}.login-button svg{width:15px}.signup-copy{text-align:center;margin-top:20px!important;font-size:10px!important}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.projects-panel{grid-column:auto}.search-box{display:none}.profile>div:nth-child(2),.profile>svg{display:none}.login-shell{grid-template-columns:1fr 1fr}.fc-one{right:2%}.fc-two{right:4%}.showcase-stats{gap:24px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar-overlay{position:fixed;z-index:19;inset:0;display:block;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.2s}.sidebar-overlay.show{opacity:1;visibility:visible}.main{margin-left:0}.mobile-menu{display:grid}.topbar{height:78px;padding:0 18px}.content{padding:18px}.login-shell{display:block}.login-showcase{display:none}.login-form-side{min-height:100vh}.mobile-login-brand{display:flex;align-items:center;gap:9px;margin-bottom:38px}.login-tools{right:20px;top:20px}}
@media(max-width:560px){.metrics-grid{grid-template-columns:1fr}.topbar-title>div>span{display:none}.topbar h1{font-size:16px}.topbar-actions{gap:5px}.profile{display:none}.content{padding:13px}.panel,.metric-card{border-radius:13px}.panel{padding:15px}.chart-summary{display:none}.revenue-panel .panel-head .select-button{margin-left:auto}.chart{height:210px}.team-panel{min-width:0}.login-form-side{padding:76px 22px 35px}.login-form h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Agency logo and scalable PHP layout */
.agency-brand{width:185px;height:56px;flex:0 0 56px;padding:0;margin:0 0 22px 9px;overflow:hidden}.brand-logo{display:block;width:100%;height:100%;overflow:hidden}.brand-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;object-position:left center}

/* Private, distraction-free login */
.simple-login{min-height:100vh}.simple-login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:70px 22px;background:var(--bg);overflow:hidden}.simple-login-shell:before{content:"";position:absolute;width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 68%);pointer-events:none}.simple-login .login-tools{position:absolute;z-index:3}.simple-login-card{position:relative;z-index:2;width:100%;max-width:420px;padding:38px 38px 30px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.14);backdrop-filter:blur(18px)}.login-logo{display:block;width:190px;height:58px;margin:0 auto 30px}.login-heading{text-align:center;margin-bottom:27px}.login-heading h1{margin:0 0 7px;font:700 23px "Manrope";letter-spacing:-.7px}.login-heading p{margin:0;color:var(--muted);font-size:11px}.simple-login .login-form{max-width:none}.login-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;color:var(--muted);font-size:9px}.login-security svg{width:13px;color:var(--green)}
@media(max-width:560px){.simple-login-card{padding:31px 23px 25px;border-radius:16px}.login-logo{width:165px;height:52px;margin-bottom:25px}}
.form-alert{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;margin:0 0 17px;border-radius:10px;font-size:10px;line-height:1.45}.form-alert svg{width:15px;flex:0 0 auto}.form-alert.error{color:var(--red);background:rgba(255,99,118,.1);border:1px solid rgba(255,99,118,.18)}

/* Comfortable application density */
html,body{font-size:16px}.sidebar{padding-top:25px}.workspace-card{min-height:66px;padding:11px}.workspace-card strong{font-size:13px}.workspace-card span,.profile span{font-size:11px}.workspace-avatar,.profile-avatar{width:40px;height:40px;font-size:13px}.nav-label{font-size:11px;margin-top:17px}.nav-item{min-height:46px;font-size:13px}.nav-item svg{width:18px}.nav-item em{font-size:10px}.upgrade-card{padding:17px}.upgrade-card strong{font-size:13px}.upgrade-card p{font-size:11px}.text-button,.panel-link{font-size:11px}.topbar{height:94px}.topbar-title>div>span{font-size:11px}.topbar h1{font-size:22px}.search-box{width:220px;height:42px}.search-box input{font-size:12px}.profile strong{font-size:12px}.content{padding-top:26px}.metric-card{min-height:142px;padding:19px 20px}.metric-head small{font-size:12px}.metric-icon{width:34px;height:34px}.metric-value{font-size:26px;margin-top:18px}.metric-value small{font-size:12px}.metric-foot{font-size:10px}.panel{padding:22px}.panel-head h2{font-size:15px}.panel-head p{font-size:10px}.select-button,.primary-button{font-size:10px;padding:10px 12px}.chart-summary span{font-size:10px}.chart-summary b{font-size:12px}.chart{height:280px}.chart-y,.chart-x{font-size:9px}.team-row{padding:14px 0}.person-avatar{width:36px;height:36px;font-size:10px}.person-info{min-width:105px}.person-info strong{font-size:11px}.person-info span,.load>span{font-size:9px}th{font-size:10px;padding:12px}td{font-size:11px;padding:14px 12px}td strong{font-size:12px}.status{font-size:9px}.progress-cell b{font-size:10px}.project-icon{width:34px;height:34px}

/* Comfortable login proportions */
.simple-login-card{max-width:480px;padding:46px 45px 37px}.login-logo{width:220px;height:66px;margin-bottom:34px}.login-heading{margin-bottom:31px}.login-heading h1{font-size:28px}.login-heading p{font-size:13px}.simple-login .form-group{margin-bottom:19px}.form-group>span{font-size:12px;margin-bottom:9px}.input-wrap{height:52px;padding:0 15px}.input-wrap input{font-size:13px}.input-wrap svg{width:18px}.remember{font-size:12px}.remember span{width:18px;height:18px}.login-button{height:52px;font-size:13px;margin-top:24px}.login-security{font-size:11px}.form-alert{padding:13px 14px;font-size:12px}

@media(min-width:1800px){:root{--sidebar-width:270px}.sidebar{padding-left:21px;padding-right:21px}.content{padding:30px 36px 46px}.metrics-grid,.dashboard-grid{gap:19px}.metric-card{min-height:150px}.chart{height:305px}}
@media(max-width:560px){html,body{font-size:14px}.simple-login-card{padding:34px 25px 28px}.login-heading h1{font-size:25px}.input-wrap{height:49px}.login-button{height:49px}}

/* Admin management screens, modals and feedback */
.page-actions-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.filter-bar{display:flex;align-items:center;gap:10px}.admin-search{width:280px;height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.admin-search svg{width:17px;color:var(--muted)}.admin-search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:12px}.filter-bar select{height:44px;min-width:155px;padding:0 34px 0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:12px}.admin-add-button{min-height:44px;font-size:12px}.admin-table-panel{padding:0;overflow:hidden}.admin-table-heading{padding:21px 22px 12px}.admin-table-heading h2,.section-title{margin:0;font:700 16px "Manrope"}.admin-table-heading p,.section-copy{margin:5px 0 0;color:var(--muted);font-size:11px}.admin-table th{padding:13px 17px}.admin-table td{height:72px;padding:13px 17px}.user-cell{display:flex;align-items:center;gap:11px}.user-cell>div{display:flex;flex-direction:column;gap:4px}.user-cell small{color:var(--muted);font-size:10px}.table-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800}.department-chip{display:inline-flex;padding:6px 9px;border-radius:8px;background:var(--surface-2);font-size:10px}.manager-badge{display:inline-flex;align-items:center;gap:5px;color:var(--orange);font-size:10px;font-weight:600}.manager-badge svg{width:13px}.account-status{display:inline-flex;align-items:center;gap:6px;font-size:10px}.account-status i{width:7px;height:7px;border-radius:50%}.account-status.active{color:var(--green)}.account-status.active i{background:var(--green)}.account-status.invited{color:var(--orange)}.account-status.invited i{background:var(--orange)}.account-status.suspended,.account-status.locked{color:var(--muted)}.account-status.suspended i,.account-status.locked i{background:var(--muted)}.last-login,.muted-value{color:var(--muted);font-size:10px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions button,.modal-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}.row-actions button:hover{color:var(--accent);border-color:var(--accent)}.row-actions button.danger:hover{color:var(--red);border-color:var(--red)}.row-actions svg,.modal-close svg{width:15px}.table-loading,.empty-state{min-height:150px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px}.table-loading svg{width:18px;animation:spin 1s linear infinite}.empty-state{flex-direction:column}.empty-state>svg{width:28px}.empty-state strong{color:var(--text)}.empty-state span{font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(6,9,16,.66);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.2s}.modal-backdrop.show{opacity:1;visibility:visible}.form-modal,.result-modal{width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow:auto;padding:25px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:0 28px 90px rgba(0,0,0,.3);transform:translateY(12px) scale(.98);transition:.22s}.modal-backdrop.show .form-modal,.modal-backdrop.show .result-modal{transform:none}.form-modal.wide{max-width:690px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.modal-head h2{margin:4px 0 0;font:700 20px "Manrope"}.modal-kicker{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.modal-form-grid .full{grid-column:1/-1}.form-modal .input-wrap select{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.form-modal textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:11px;resize:vertical;background:var(--surface);color:var(--text);outline:0;font-size:12px}.form-modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.manager-toggle{display:flex;align-items:center;gap:12px;padding:14px;margin-top:3px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);cursor:pointer}.manager-toggle input{display:none}.toggle-ui{position:relative;width:39px;height:22px;flex:0 0 auto;border-radius:20px;background:var(--surface-3);transition:.2s}.toggle-ui:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.manager-toggle input:checked+.toggle-ui{background:var(--accent)}.manager-toggle input:checked+.toggle-ui:after{transform:translateX(17px)}.manager-toggle div{display:flex;flex-direction:column;gap:3px}.manager-toggle strong{font-size:11px}.manager-toggle small{color:var(--muted);font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.secondary-button,.danger-button{min-height:42px;padding:0 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:11px;font-weight:700;cursor:pointer}.danger-button{border:0;background:var(--red);color:#fff}.modal-error{padding:10px 12px;margin-top:13px;border-radius:9px;background:rgba(255,99,118,.1);color:var(--red);font-size:10px}.submit-button.loading{opacity:.65;pointer-events:none}.submit-button.loading svg{animation:spin 1s linear infinite}
.result-modal{max-width:380px;text-align:center;padding:34px}.success-check,.confirm-icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:rgba(40,202,139,.12);color:var(--green)}.success-check:after{content:"";position:absolute;width:66px;height:66px;border:1px solid var(--green);border-radius:50%;animation:checkPulse 1.4s ease-out infinite}.success-check svg,.confirm-icon svg{width:30px;stroke-width:2.5}@keyframes checkPulse{to{transform:scale(1.32);opacity:0}}.result-modal h3{margin:0 0 8px;font:700 19px "Manrope"}.result-modal p{margin:0 0 22px;color:var(--muted);font-size:11px;line-height:1.55}.result-close{margin:auto;min-width:110px}.confirm-icon{background:rgba(255,99,118,.1);color:var(--red)}.confirm-actions{display:flex;justify-content:center;gap:9px}.toast-stack{position:fixed;z-index:130;right:24px;top:24px;display:flex;flex-direction:column;gap:10px}.toast{width:330px;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 16px 45px rgba(0,0,0,.18);animation:toastIn .28s ease}.toast.leaving{opacity:0;transform:translateX(20px);transition:.25s}.toast>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(40,202,139,.12);color:var(--green)}.toast.error>span{background:rgba(255,99,118,.1);color:var(--red)}.toast svg{width:16px}.toast>div{flex:1}.toast strong{font-size:11px}.toast p{margin:3px 0 0;color:var(--muted);font-size:9px}.toast button{border:0;background:none;color:var(--muted);cursor:pointer}@keyframes toastIn{from{opacity:0;transform:translateX(25px)}}
.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.department-card{position:relative;padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.department-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--department-color)}.department-card-head{display:flex;align-items:center;justify-content:space-between}.department-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--department-color);background:color-mix(in srgb,var(--department-color) 13%,transparent)}.department-icon svg{width:19px}.department-card h3{margin:17px 0 7px;font:700 15px "Manrope"}.department-card>p{min-height:35px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.department-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.department-stats div{display:flex;flex-direction:column;gap:4px}.department-stats div+div{padding-left:12px;border-left:1px solid var(--border)}.department-stats span,.department-manager small{color:var(--muted);font-size:9px}.department-stats strong{font-size:13px}.department-manager{display:flex;align-items:center;gap:10px}.department-manager>div{display:flex;flex-direction:column;gap:4px}.department-manager strong{font-size:10px}.color-input input[type=color]{width:28px;height:28px;padding:0;border:0;background:none}.color-input input[name=color_text]{font-family:monospace}
@media(max-width:1100px){.department-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-wrap:wrap}.admin-search{width:240px}}
@media(max-width:700px){.page-actions-row{align-items:stretch;flex-direction:column}.filter-bar{align-items:stretch;flex-direction:column}.admin-search,.filter-bar select{width:100%}.department-grid{grid-template-columns:1fr}.modal-form-grid{grid-template-columns:1fr}.modal-form-grid .full{grid-column:auto}.form-modal{padding:20px}.toast-stack{left:14px;right:14px;top:14px}.toast{width:100%}}
.result-extra{height:42px;display:flex;margin:-8px 0 20px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);overflow:hidden}.result-extra[hidden]{display:none}.result-extra input{width:100%;min-width:0;padding:0 10px;border:0;background:none;color:var(--muted);font-size:9px}.result-extra button{width:42px;border:0;border-left:1px solid var(--border);background:none;color:var(--accent);cursor:pointer}.result-extra svg{width:15px}
.avatar-upload-block{display:flex;align-items:center;gap:17px;padding:15px;margin-bottom:20px;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:14px;background:var(--accent-soft)}.avatar-preview{width:78px;height:78px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:3px solid var(--surface);border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 8px 18px var(--accent-soft);font:800 18px "Manrope"}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-upload-copy{min-width:0}.avatar-upload-copy>strong{font-size:12px}.avatar-upload-copy>p{margin:5px 0 10px;color:var(--muted);font-size:9px;line-height:1.45}.avatar-upload-actions{display:flex;align-items:center;gap:10px}.upload-button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;cursor:pointer}.upload-button svg{width:13px}.upload-button input{display:none}.remove-preview{padding:0;border:0;background:none;color:var(--red);font-size:9px;cursor:pointer}.table-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media(max-width:560px){.avatar-upload-block{align-items:flex-start}.avatar-preview{width:64px;height:64px}.avatar-upload-actions{align-items:flex-start;flex-direction:column}}

/* Table empty state and select polish */
.admin-table-panel .table-wrap{overflow-x:auto;overflow-y:hidden}.admin-table td[colspan]{display:table-cell!important;width:auto!important;padding:0!important}.admin-table td[colspan] .empty-state{width:100%;min-height:190px;padding:38px 20px;text-align:center}.admin-table td[colspan] .empty-state>svg{width:34px;height:34px;margin-bottom:3px;color:var(--muted)}.admin-table td[colspan] .empty-state strong{font-size:12px}.admin-table td[colspan] .empty-state span{font-size:10px}.filter-bar select,.form-modal select{appearance:none;-webkit-appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2381889a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px}.form-modal .input-wrap select{height:100%;background-position:right 2px center;padding-right:28px!important}

/* Shared button interaction language */
button,.primary-button,.secondary-button,.danger-button,.upload-button,.nav-item,.text-button,.panel-link{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.primary-button:hover,.login-button:hover,.upload-button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 24px var(--accent-soft)}.primary-button:active,.login-button:active,.upload-button:active{transform:translateY(0) scale(.98);box-shadow:0 4px 10px var(--accent-soft)}.secondary-button:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.secondary-button:active{transform:translateY(0) scale(.98)}.danger-button:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,99,118,.22)}.danger-button:active{transform:translateY(0) scale(.98)}.modal-close:hover,.row-actions button:hover,.icon-button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(20,24,36,.1)}.modal-close:hover{color:var(--red);border-color:var(--red);background:rgba(255,99,118,.08)}.modal-close:active,.row-actions button:active,.icon-button:active{transform:scale(.94)}.text-button:hover,.panel-link:hover{filter:brightness(1.15);transform:translateX(2px)}.remove-preview:hover{text-decoration:underline;filter:brightness(1.12)}button:focus-visible,.upload-button:focus-visible,.nav-item:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}button:disabled{cursor:not-allowed;transform:none!important;filter:none!important;opacity:.6}
.login-button{transition:filter .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}

/* Native select theme correction */
select{color-scheme:light}.input-wrap select{flex:1;min-width:0;width:auto!important}.input-wrap select option,.filter-bar select option{background:#fff;color:#151824}[data-theme=dark] select{color-scheme:dark}[data-theme=dark] .input-wrap select option,[data-theme=dark] .filter-bar select option{background:#151b27;color:#f1f3f8}[data-theme=dark] .input-wrap select option:checked,[data-theme=dark] .filter-bar select option:checked{background:#7c5cff;color:#fff}

/* Roles and permission matrix */
.role-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.summary-card>div{display:flex;flex-direction:column;gap:3px}.summary-card small{color:var(--muted);font-size:10px}.summary-card strong{font:700 18px "Manrope"}.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.roles-grid>.table-loading{grid-column:1/-1}.role-card{padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);transition:.2s}.role-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 15px 38px rgba(20,25,38,.1)}.role-card.protected{background:linear-gradient(145deg,var(--accent-soft),var(--surface) 58%)}.role-card-head,.role-title,.role-card-actions{display:flex;align-items:center;justify-content:space-between}.role-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.role-icon svg{width:20px}.role-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.role-state i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.role-state.active{color:var(--green)}.role-state.active i{background:var(--green)}.role-title{justify-content:flex-start;gap:8px;margin-top:17px}.role-title h3{margin:0;font:700 15px "Manrope"}.role-title>span{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:700}.role-title>span svg{width:10px}.role-card>p{min-height:34px;margin:7px 0 16px;color:var(--muted);font-size:10px;line-height:1.55}.role-card-stats{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;margin-bottom:15px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.role-card-stats>div{display:flex;flex-direction:column;gap:3px}.role-card-stats>div+div{padding-left:15px;border-left:1px solid var(--border)}.role-card-stats strong{font-size:13px}.role-card-stats span{color:var(--muted);font-size:9px}.role-card-actions{gap:8px}.role-card-actions .secondary-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.role-card-actions svg{width:14px}.role-trash{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.role-trash:hover{border-color:var(--red);color:var(--red);background:rgba(255,99,118,.08)}.permission-modal{max-width:900px;padding-bottom:0}.role-form-head{display:grid;grid-template-columns:1.4fr .6fr;gap:0 14px}.role-description{grid-column:1/-1}.permission-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:17px 0 12px;border-top:1px solid var(--border)}.permission-heading h3{margin:0;font:700 14px "Manrope"}.permission-heading p{margin:4px 0 0;color:var(--muted);font-size:9px}.permission-tools{display:flex;gap:6px}.permission-tools button{padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:9px;cursor:pointer}.permission-tools button:hover{border-color:var(--accent);color:var(--accent)}.permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:11px}.permission-group{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.permission-group-head{display:flex;align-items:center;gap:9px;padding:12px;border-bottom:1px solid var(--border)}.permission-group-head>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.permission-group-head svg{width:15px}.permission-group-head>div{display:flex;flex:1;flex-direction:column;gap:2px}.permission-group-head h4{margin:0;font-size:11px}.permission-group-head small{color:var(--muted);font-size:8px}.group-check input,.permission-check input{display:none}.group-check i,.permission-check>i{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer}.group-check input:checked+i,.permission-check input:checked+i{border-color:var(--accent);background:var(--accent)}.group-check input:checked+i:after{content:"✓";color:#fff;font-size:10px}.group-check input:indeterminate+i{border-color:var(--accent);background:var(--accent)}.group-check input:indeterminate+i:after{content:"−";color:#fff;font-size:12px}.permission-row{min-height:56px;display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border)}.permission-row:last-child{border:0}.permission-check{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.permission-check>i svg{width:12px;fill:none;stroke:#fff;stroke-width:2.3;opacity:0}.permission-check input:checked+i svg{opacity:1}.permission-check>div{display:flex;min-width:0;flex-direction:column;gap:3px}.permission-check strong{font-size:9px}.permission-check small{overflow:hidden;color:var(--muted);font:8px monospace;text-overflow:ellipsis}.scope-select{width:105px;height:31px;padding:0 28px 0 8px!important;border:1px solid var(--border);border-radius:7px;background-color:var(--surface);background-position:right 8px center!important;color:var(--text);font-size:8px}.scope-select:disabled{opacity:.4}.fixed-scope{padding:5px 7px;border-radius:6px;background:var(--surface-3);color:var(--muted);font-size:8px}.sticky-actions{position:sticky;bottom:0;margin:18px -25px 0;padding:15px 25px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px)}@media(max-width:1100px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.role-summary-grid,.roles-grid,.permission-groups{grid-template-columns:1fr}.role-form-head{grid-template-columns:1fr}.role-description{grid-column:auto}.permission-heading{align-items:flex-start;gap:10px;flex-direction:column}.permission-modal{padding-bottom:0}}

/* Scrollable sidebar navigation for shorter screens */
.sidebar{overflow:hidden}.sidebar .nav-menu{flex:1;min-height:0;margin-right:-9px;padding-right:9px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.sidebar .nav-menu::-webkit-scrollbar{width:5px}.sidebar .nav-menu::-webkit-scrollbar-track{background:transparent}.sidebar .nav-menu::-webkit-scrollbar-thumb{border-radius:5px;background:var(--surface-3)}.sidebar-bottom{flex:0 0 auto;margin-top:12px;padding-top:8px;border-top:1px solid #33394a}@media(max-height:820px){.upgrade-card{display:none}.sidebar{padding-bottom:12px}.sidebar .nav-menu{margin-top:14px}.nav-label{margin-top:11px}.nav-item{min-height:42px}}

/* Unified readable type scale for management screens */
.admin-page .section-title{font-size:18px}.admin-page .section-copy{font-size:12px;line-height:1.55}.admin-page .admin-table-heading h2{font-size:17px}.admin-page .admin-table-heading p{font-size:12px}.admin-page .admin-search input,.admin-page .filter-bar select{font-size:13px}.admin-page .admin-table th{font-size:11px}.admin-page .admin-table td,.admin-page .admin-table td strong{font-size:12px}.admin-page .user-cell small,.admin-page .last-login,.admin-page .muted-value{font-size:11px}.admin-page .department-chip,.admin-page .manager-badge,.admin-page .account-status{font-size:11px}.admin-page .table-avatar{font-size:11px}.department-card h3{font-size:17px}.department-card>p{font-size:12px;line-height:1.6}.department-stats span,.department-manager small{font-size:11px}.department-stats strong{font-size:15px}.department-manager strong{font-size:12px}.summary-card{padding:18px 20px}.summary-card small{font-size:12px}.summary-card strong{font-size:22px}.role-icon{width:46px;height:46px}.role-icon svg{width:22px}.role-state{font-size:11px}.role-title h3{font-size:18px}.role-title>span{font-size:10px;padding:5px 7px}.role-card>p{min-height:42px;font-size:12px;line-height:1.6}.role-card-stats{padding:15px 0}.role-card-stats strong{font-size:16px}.role-card-stats span{font-size:11px}.role-card-actions .secondary-button{font-size:12px}.permission-modal{max-width:980px}.permission-heading h3{font-size:16px}.permission-heading p{font-size:11px}.permission-tools button{font-size:11px;padding:8px 10px}.permission-group-head{padding:14px}.permission-group-head>span{width:36px;height:36px}.permission-group-head>span svg{width:17px}.permission-group-head h4{font-size:13px}.permission-group-head small{font-size:10px}.permission-row{min-height:68px;padding:11px 14px}.permission-check strong{font-size:11px;line-height:1.35}.permission-check small{font-size:9px}.scope-select{width:118px;height:35px;font-size:10px}.fixed-scope{font-size:10px;padding:6px 8px}.group-check i,.permission-check>i{width:20px;height:20px}.form-modal .modal-kicker{font-size:10px}.form-modal .modal-head h2{font-size:23px}.form-modal .form-group>span{font-size:12px}.form-modal .input-wrap input,.form-modal .input-wrap select,.form-modal textarea{font-size:13px}.form-modal .manager-toggle strong{font-size:13px}.form-modal .manager-toggle small{font-size:11px}.modal-error{font-size:12px}.secondary-button,.danger-button{font-size:12px}.result-modal h3{font-size:21px}.result-modal p{font-size:13px}.toast strong{font-size:13px}.toast p{font-size:11px}

@media(min-width:1800px){.admin-page .section-title{font-size:20px}.admin-page .section-copy{font-size:13px}.role-card{padding:23px}.role-title h3{font-size:19px}.role-card>p{font-size:13px}.permission-check strong{font-size:12px}.permission-check small{font-size:10px}.permission-row{min-height:72px}}

/* Permission denied page */
.proposal-schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;margin-top:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.proposal-schedule-grid label{display:flex;min-width:0;flex-direction:column;gap:7px}.proposal-schedule-grid label>span{color:var(--muted);font-size:11px;font-weight:700}.proposal-schedule-grid input,.proposal-schedule-grid select{width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background-color:var(--surface);color:var(--text);font-size:13px;outline:0}.proposal-schedule-grid input:focus,.proposal-schedule-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.proposal-schedule-grid [hidden]{display:none!important}@media(max-width:1000px){.proposal-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.proposal-schedule-grid{grid-template-columns:1fr}}
.job-customer-logo{width:76px;height:76px;display:grid;flex:0 0 76px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--surface-2);color:var(--accent);font:800 19px "Manrope"}.job-customer-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:7px}.job-hero-copy{min-width:0;flex:1}.job-customer-name{display:block;margin-bottom:7px;color:var(--accent);font:800 14px "Manrope"}.job-detail-hero .job-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.job-detail-hero .job-hero-actions a{text-decoration:none}.job-type.mixed{color:#8057ff;background:rgba(128,87,255,.12)}@media(max-width:760px){.job-detail-hero{align-items:flex-start;flex-wrap:wrap}.job-hero-actions{width:100%}.job-hero-actions>*{flex:1}.job-customer-logo{width:62px;height:62px;flex-basis:62px}}
.proposal-period-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.proposal-period-summary>div{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1.5}.proposal-period-summary svg{width:17px;flex:0 0 17px;color:var(--accent)}.proposal-period-summary span{display:flex;min-width:0;flex-direction:column;gap:3px}.proposal-period-summary strong{color:var(--text);font-size:12px}@media(max-width:650px){.proposal-period-summary{grid-template-columns:1fr}}
.proposal-execution-hint{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 44%,var(--surface));color:var(--muted);font-size:11px;line-height:1.45}.proposal-execution-hint[hidden]{display:none!important}.proposal-execution-hint>svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px;color:var(--accent)}.proposal-execution-hint>span{display:flex;flex-direction:column;gap:2px}.proposal-execution-hint strong{color:var(--text);font-size:11px}

/* Job control center v2 */
.job-detail-page{max-width:none}.job-detail-page #jobDetailContent{display:flex;flex-direction:column;gap:18px}.job-detail-page #jobDetailContent[hidden]{display:none!important}.job-detail-page .job-detail-hero{min-height:144px;padding:24px 28px;display:flex;align-items:center;gap:18px}.job-detail-page .job-hero-copy h2{margin:8px 0 5px;font:800 23px/1.25 "Manrope"}.job-detail-page .job-hero-copy p{margin:0;color:var(--muted);font-size:13px}.job-detail-page .job-hero-actions{margin-left:auto;justify-content:flex-end}.job-detail-page .job-hero-actions button,.job-detail-page .job-task-actions a,.job-detail-page .job-task-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;line-height:1;text-decoration:none}.job-detail-page .job-hero-actions svg,.job-detail-page .job-task-actions svg{width:17px;height:17px;flex:0 0 17px}
.job-control-tabs{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.job-control-tabs button,.job-control-tabs a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s}.job-control-tabs button:hover,.job-control-tabs a:hover{color:var(--text);background:var(--surface-2)}.job-control-tabs button.active{color:var(--accent);background:var(--accent-soft)}.job-control-tabs svg{width:17px;height:17px}.job-tab-panel[hidden]{display:none!important}.job-tab-panel.active{display:block}.job-tab-panel>.panel{margin:0}.job-detail-page .job-detail-layout{margin:0}.job-detail-page .contacts-head{align-items:center}.section-eyebrow{display:block;margin-bottom:6px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.11em}.job-detail-page .contacts-head h3{font-size:17px}.job-detail-page .contacts-head p{font-size:12px;line-height:1.5}
.job-detail-page .workflow-item{grid-template-columns:minmax(260px,1.5fr) minmax(150px,.65fr) minmax(150px,.65fr);gap:22px;align-items:center}.job-detail-page .workflow-actions{display:none}.job-detail-page .period-item-title strong{font-size:14px}.job-detail-page .period-item-title small,.job-detail-page .workflow-state small{font-size:11px}.job-task-panel{padding:22px 24px}.job-task-actions{display:flex;align-items:center;gap:9px}.task-board-summary{margin:18px 0}.job-task-list{display:flex;flex-direction:column;gap:10px}.job-task-card{min-height:126px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:.2s}.job-task-card:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 10px 28px rgba(25,31,49,.06)}.task-status-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.task-status-icon svg{width:19px;height:19px}.task-card-heading{display:flex;min-width:0;flex-direction:column;gap:4px}.task-card-heading>span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.task-card-heading>a{overflow:hidden;color:var(--text);font:750 15px/1.35 "Manrope";text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.task-card-heading>a:hover{color:var(--accent)}.task-card-main>p{margin:6px 0 9px;color:var(--muted);font-size:12px}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.task-meta span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.task-meta span.attention{color:var(--orange);font-weight:700}.task-meta svg{width:14px;height:14px}.task-card-controls{min-width:205px;display:flex;align-items:flex-end;flex-direction:column;gap:13px}.task-card-controls>div{display:flex;align-items:center;gap:7px}.task-card-controls .status-badge{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;font-size:10px}.compact-action{min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;padding:0 11px!important;font-size:11px!important;text-decoration:none!important;line-height:1!important}.compact-action svg{width:14px!important;height:14px!important}.task-card-controls .icon-button{width:38px;height:38px;flex:0 0 38px}.task-card-controls .icon-button svg{width:16px;height:16px}.task-form-modal{width:min(820px,calc(100vw - 32px));max-width:820px}.task-form-modal .task-assignee-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.task-form-modal .task-assignee-options label>span{min-height:52px;padding:9px 10px;display:grid;grid-template-columns:18px 1fr;align-items:center;column-gap:8px;font-size:12px}.task-form-modal .task-assignee-options label>span small{grid-column:2;font-size:10px}.task-form-modal .task-assignee-options svg{width:15px;height:15px}.job-tab-panel[data-job-panel=history]{display:flex;flex-direction:column;gap:16px}
@media(max-width:900px){.job-detail-page .job-detail-hero{align-items:flex-start;flex-wrap:wrap}.job-detail-page .job-hero-actions{width:100%;margin-left:0;justify-content:flex-start}.job-control-tabs{overflow-x:auto}.job-control-tabs button,.job-control-tabs a{flex:0 0 auto}.job-detail-page .workflow-item{grid-template-columns:1fr 150px}.job-detail-page .workflow-progress{grid-column:1/-1}.job-task-card{grid-template-columns:42px 1fr}.task-card-controls{grid-column:2;min-width:0;align-items:flex-start}.task-form-modal .task-assignee-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.job-detail-page .job-detail-hero{padding:20px}.job-detail-page .job-hero-actions>*{flex:1}.job-control-tabs span{display:none}.job-control-tabs button,.job-control-tabs a{flex:1;padding:0 10px}.job-detail-page .workflow-item{grid-template-columns:1fr}.job-detail-page .workflow-progress{grid-column:auto}.job-task-panel{padding:18px 15px}.job-task-panel .contacts-head{align-items:flex-start;flex-direction:column}.job-task-actions{width:100%}.job-task-actions>*{flex:1}.job-task-card{grid-template-columns:1fr;padding:15px}.task-status-icon{display:none}.task-card-controls{grid-column:auto;flex-direction:row;align-items:center;justify-content:space-between}.task-form-modal .task-assignee-options{grid-template-columns:1fr}}

/* Permission denied page */
.error-page{min-height:calc(100vh - 94px);display:grid;place-items:center}.error-card{width:100%;max-width:610px;padding:46px;text-align:center;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.error-visual{position:relative;width:150px;height:100px;display:grid;place-items:center;margin:0 auto 22px}.error-visual span{font:800 82px/1 "Manrope";letter-spacing:-6px;color:var(--accent-soft)}.error-visual svg{position:absolute;width:42px;height:42px;color:var(--accent)}.error-kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.error-card h2{margin:10px 0 10px;font:700 25px "Manrope"}.error-card>p{max-width:470px;margin:0 auto 25px;color:var(--muted);font-size:13px;line-height:1.7}.error-actions{display:flex;justify-content:center;gap:10px}.error-actions a,.error-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.error-actions svg{width:16px}@media(max-width:560px){.error-card{padding:34px 22px}.error-actions{flex-direction:column}}

/* Finance operations center */
.job-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.job-finance-summary>article{display:flex;min-height:105px;flex-direction:column;gap:5px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.job-finance-summary small{color:var(--muted);font-size:9px}.job-finance-summary strong{font:800 19px "Manrope"}.job-finance-summary span,.job-finance-summary em{color:var(--muted);font-size:9px}.job-finance-summary em{font-style:normal}.job-finance-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.job-finance-list{display:flex;flex-direction:column;gap:0}.job-finance-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--border)}.job-finance-row:last-child{border:0}.job-finance-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.job-finance-row>span.expense{color:var(--orange);background:rgba(255,156,85,.1)}.job-finance-row svg{width:15px}.job-finance-row>div{display:flex;min-width:0;flex-direction:column;gap:4px}.job-finance-row strong,.job-finance-row b{font-size:10px}.job-finance-row small{color:var(--muted);font-size:9px}@media(max-width:900px){.job-finance-grid{grid-template-columns:1fr}}@media(max-width:680px){.job-finance-summary{grid-template-columns:1fr}.job-finance-row{grid-template-columns:34px 1fr auto}.job-finance-row .finance-status{grid-column:2}}
.account-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.account-finance-summary>article{display:flex;min-height:105px;flex-direction:column;gap:5px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.account-finance-summary small{color:var(--muted);font-size:9px}.account-finance-summary strong{font:800 19px "Manrope"}.account-finance-summary span{color:var(--muted);font-size:9px}.account-finance-summary em{margin-top:3px;color:var(--red);font-size:9px;font-style:normal;font-weight:700}.account-finance-list{min-height:220px}.account-finance-table td{height:68px}.account-finance-table td>div{display:flex;flex-direction:column;gap:4px}.account-finance-table td small{color:var(--muted);font-size:9px}@media(max-width:720px){.account-finance-summary{grid-template-columns:1fr}}
.finance-center{max-width:none;padding-bottom:48px}.finance-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.finance-hero h2{margin:4px 0 5px;font:800 24px/1.2 "Manrope"}.finance-hero p{margin:0;color:var(--muted);font-size:12px}.finance-hero-actions,.finance-payroll-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.finance-hero-actions button,.finance-payroll-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.finance-hero-actions svg,.finance-payroll-actions svg{width:16px;height:16px}
.finance-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.finance-metrics>article{min-height:94px;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.finance-metrics>article>div{display:flex;min-width:0;flex-direction:column;gap:5px}.finance-metrics small{color:var(--muted);font-size:10px}.finance-metrics strong{overflow:hidden;font:800 18px "Manrope";text-overflow:ellipsis;white-space:nowrap}.metric-icon.red{color:var(--red);background:rgba(255,99,118,.11)}.metric-icon.blue{color:#348cff;background:rgba(52,140,255,.1)}
.finance-tabs{display:flex;align-items:center;gap:5px;padding:6px;margin-bottom:16px;overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.finance-tabs button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}.finance-tabs button:hover{background:var(--surface-2);color:var(--text)}.finance-tabs button.active{background:var(--accent-soft);color:var(--accent)}.finance-tabs svg{width:16px;height:16px}.finance-tab-panel[hidden]{display:none!important}.finance-tab-panel.active{display:block}.finance-overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.finance-panel{padding:0;overflow:hidden}.finance-panel-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border)}.finance-panel-head h3{margin:0 0 4px;font:750 15px "Manrope"}.finance-panel-head p{margin:0;color:var(--muted);font-size:10px}.small-action{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:10px;font-weight:750;cursor:pointer}.small-action:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.small-action svg{width:14px;height:14px}
.finance-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.finance-account-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.finance-account-card>span{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.finance-account-card>span svg{width:17px}.finance-account-card>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.finance-account-card small{color:var(--muted);font-size:8px;font-weight:700}.finance-account-card strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.finance-account-card b{margin-top:3px;font:800 14px "Manrope"}.finance-due-list{padding:7px 18px 12px}.finance-due-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid var(--border)}.finance-due-item:last-child{border:0}.finance-due-item>div{display:flex;min-width:0;flex-direction:column;gap:4px}.finance-due-item strong{font-size:11px}.finance-due-item small{color:var(--muted);font-size:9px}.finance-due-item b{font-size:11px}.due-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.due-dot.late{background:var(--red);box-shadow:0 0 0 4px rgba(255,99,118,.09)}
.finance-filter{position:relative;width:260px}.finance-filter svg{position:absolute;left:12px;top:50%;width:15px;transform:translateY(-50%);color:var(--muted)}.finance-filter input{width:100%;height:39px;padding:0 12px 0 36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);outline:0;font-size:10px}.finance-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.finance-table td{height:74px}.finance-record{display:flex;align-items:center;gap:10px}.finance-record>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.finance-record>span.expense{background:rgba(255,156,85,.1);color:var(--orange)}.finance-record svg{width:15px}.finance-record>div,.finance-table td>div:not(.row-actions){display:flex;flex-direction:column;gap:4px}.finance-table td strong{font-size:10px}.finance-table td small{color:var(--muted);font-size:9px}.finance-status{min-height:25px;display:inline-flex;align-items:center;padding:0 8px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:750}.finance-status.approved{background:rgba(52,140,255,.1);color:#348cff}.finance-status.partially_paid{background:rgba(255,156,85,.12);color:var(--orange)}.finance-status.paid{background:rgba(40,202,139,.11);color:var(--green)}.finance-status.cancelled{background:rgba(255,99,118,.1);color:var(--red)}.amount-open{color:var(--orange)}.overdue-note{display:block!important;margin-top:4px;color:var(--red)!important}.row-actions{display:flex!important;align-items:center!important;justify-content:flex-end;flex-direction:row!important;gap:6px}.row-actions .icon-button{width:35px;height:35px}.row-actions .icon-button svg{width:15px;height:15px}
.finance-empty{min-height:150px;display:flex;grid-column:1/-1;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:24px;color:var(--muted);text-align:center}.finance-empty.compact{min-height:110px}.finance-empty svg{width:24px}.finance-empty strong{color:var(--text);font-size:11px}.finance-empty span{font-size:9px}.empty-state.compact svg{width:20px}.finance-payroll-actions{justify-content:flex-end;margin-bottom:13px}.profile-list,.recurring-list{padding:8px 18px}.profile-item,.recurring-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.profile-item:last-child,.recurring-item:last-child{border:0}.profile-item>span,.recurring-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800}.recurring-item>span{border-radius:10px}.recurring-item>span svg{width:16px}.profile-item>div,.recurring-item>div{display:flex;min-width:0;flex-direction:column;gap:4px}.profile-item strong,.profile-item b,.recurring-item strong,.recurring-item b{font-size:10px}.profile-item small,.recurring-item small{color:var(--muted);font-size:9px}.recurring-item{grid-template-columns:38px minmax(0,1fr) auto auto}.recurring-item em{font-style:normal}.finance-expense-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr)}
.finance-modal{width:min(620px,calc(100vw - 32px))}.finance-modal.wide{width:min(820px,calc(100vw - 32px));max-width:820px}.allocation-box{padding:15px;margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.allocation-box>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:9px}.allocation-box strong{font-size:11px}.allocation-box small{color:var(--muted);font-size:9px}.allocation-list{display:flex;flex-direction:column;gap:7px}.allocation-list label{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:12px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.allocation-list label>span{display:flex;min-width:0;flex-direction:column;gap:4px}.allocation-list input{width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);outline:0}.allocation-list input:focus{border-color:var(--accent)}.allocation-empty{padding:18px;color:var(--muted);font-size:10px;text-align:center}.payroll-info{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.5}.payroll-info svg{width:16px;flex:0 0 16px;color:var(--accent)}
.finance-report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.finance-bars{height:270px;display:flex;align-items:stretch;gap:10px;padding:24px 22px 16px}.finance-bar-column{min-width:0;display:flex;flex:1;align-items:center;flex-direction:column;gap:8px}.bar-values{height:210px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--border)}.bar-values span{width:min(18px,40%);min-height:3px;border-radius:5px 5px 1px 1px;transition:.2s}.bar-values .revenue{background:var(--green)}.bar-values .expense{background:var(--orange)}.finance-bar-column small{color:var(--muted);font-size:8px}.aging-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:15px 18px}.aging-item{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.aging-item small{color:var(--muted);font-size:8px}.aging-item strong{font-size:11px}.aging-item.warn strong{color:var(--orange)}.aging-item.late strong{color:var(--red)}.expense-category-list{padding:2px 18px 18px}.expense-category-list h4{margin:9px 0 12px;font-size:10px}.expense-category-list>div{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:8px;margin:8px 0}.expense-category-list span,.expense-category-list strong{font-size:8px}.expense-category-list i{height:5px;overflow:hidden;border-radius:5px;background:var(--surface-3)}.expense-category-list i b{height:100%;display:block;border-radius:5px;background:var(--accent)}.finance-journal-panel{margin-top:15px}.journal-source{display:inline-flex;padding:5px 7px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:8px}
.payroll-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.payroll-detail-summary>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.payroll-detail-summary small{color:var(--muted);font-size:8px}.payroll-detail-summary strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.payroll-entry-list{display:flex;max-height:55vh;flex-direction:column;gap:9px;overflow:auto}.payroll-entry-card{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.payroll-entry-card>header{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.payroll-entry-card>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800}.payroll-entry-card>header>div{display:flex;flex-direction:column;gap:3px}.payroll-entry-card>header strong{font-size:11px}.payroll-entry-card>header small{color:var(--muted);font-size:8px}.payroll-entry-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.payroll-entry-numbers>span{display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:8px;background:var(--surface-2)}.payroll-entry-numbers small{color:var(--muted);font-size:8px}.payroll-entry-numbers b{font-size:10px}.payroll-extras{display:flex;flex-direction:column;gap:5px;padding-top:10px;margin-top:10px;border-top:1px solid var(--border)}.payroll-extras>span{display:flex;justify-content:space-between;gap:10px}.payroll-extras b,.payroll-extras small{font-size:8px}.payroll-extras small{color:var(--muted)}.payroll-entry-card>footer{display:flex;justify-content:flex-end;margin-top:10px}
@media(max-width:1180px){.finance-metrics{grid-template-columns:repeat(3,1fr)}.finance-overview-grid,.finance-report-grid{grid-template-columns:1fr}.finance-expense-grid{grid-template-columns:1fr}}@media(max-width:760px){.finance-hero{align-items:flex-start;flex-direction:column}.finance-hero-actions{width:100%}.finance-hero-actions button{flex:1}.finance-metrics{grid-template-columns:repeat(2,1fr)}.finance-tabs button{padding:0 11px}.finance-account-list{grid-template-columns:1fr}.finance-panel-head{align-items:flex-start;flex-direction:column}.finance-filter{width:100%}.allocation-list label{grid-template-columns:1fr}.finance-modal .modal-form-grid{grid-template-columns:1fr}.finance-modal .form-group.full{grid-column:auto}.finance-bars{overflow-x:auto}.finance-bar-column{min-width:38px}.payroll-detail-summary{grid-template-columns:repeat(2,1fr)}.payroll-entry-numbers{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.finance-metrics{grid-template-columns:1fr}.finance-hero-actions{flex-direction:column}.finance-hero-actions button{width:100%}.finance-tabs button{min-width:46px;font-size:0}.finance-tabs svg{width:18px;height:18px}.aging-grid,.payroll-detail-summary{grid-template-columns:1fr}}

.reconcile-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.reconcile-summary article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.reconcile-summary article>i{width:32px;height:32px;padding:8px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.reconcile-summary span{color:var(--muted);font-size:9px}.reconcile-summary strong{font-size:14px}.statement-amount.in{color:var(--green)}.statement-amount.out{color:var(--red)}.finance-status.matched{background:rgba(40,202,139,.11);color:var(--green)}.finance-status.unmatched{background:rgba(255,156,85,.12);color:var(--orange)}.finance-status.ignored{background:var(--surface-3);color:var(--muted)}.finance-focus-row{background:var(--accent-soft)!important;outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:-2px}.finance-focus-row td:first-child{border-left:3px solid var(--accent)}@media(max-width:900px){.reconcile-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.reconcile-summary{grid-template-columns:1fr}}

.financial-statement-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.financial-statement-cards article{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.financial-statement-cards article>div{display:flex;min-width:0;flex-direction:column;gap:4px}.financial-statement-cards small,.financial-statement-cards em{color:var(--muted);font-size:8px;font-style:normal}.financial-statement-cards strong{font-size:13px;line-height:1.35}.financial-statement-cards .metric-icon{flex:0 0 38px}@media(max-width:1100px){.financial-statement-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.financial-statement-cards{grid-template-columns:1fr}}

.own-earnings-page{display:flex;flex-direction:column;gap:15px}.own-earning-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.own-earning-metrics article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.own-earning-metrics article>div{display:flex;flex-direction:column;gap:5px}.own-earning-metrics small{color:var(--muted);font-size:9px}.own-earning-metrics strong{font-size:15px}.own-earning-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.own-profile{padding:16px 18px}.own-profile-main{display:flex;align-items:center;gap:12px}.own-profile-main>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.own-profile-main>span svg{width:19px}.own-profile-main>div{display:flex;flex-direction:column;gap:4px}.own-profile-main small,.own-profile-main em{color:var(--muted);font-size:9px;font-style:normal}.own-profile-main strong{font-size:13px}.own-profile-values{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.own-profile-values span{display:flex;flex-direction:column;gap:5px;padding:11px;border-radius:9px;background:var(--surface-2)}.own-profile-values small{color:var(--muted);font-size:8px}.own-profile-values b{font-size:10px}.own-payment-list{padding:5px 18px}.own-payment{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.own-payment:last-child{border:0}.own-payment>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(40,202,139,.1);color:var(--green)}.own-payment>span svg{width:15px}.own-payment>div{display:flex;min-width:0;flex-direction:column;gap:4px}.own-payment strong,.own-payment b{font-size:10px}.own-payment small{color:var(--muted);font-size:8px}.own-earning-history{margin-top:0}@media(max-width:1000px){.own-earning-metrics{grid-template-columns:repeat(2,1fr)}.own-earning-grid{grid-template-columns:1fr}}@media(max-width:560px){.own-earning-metrics,.own-profile-values{grid-template-columns:1fr}}

/* Audit trail */
.export-button{display:flex;align-items:center;gap:7px}.export-button svg{width:15px}.audit-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.audit-panel{padding:0;overflow:hidden}.audit-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(125px,.75fr)) repeat(2,135px) 42px;gap:9px;padding:18px;border-bottom:1px solid var(--border)}.audit-filters .admin-search{width:100%}.audit-filters select,.date-filter{height:44px;border:1px solid var(--border);border-radius:11px;background-color:var(--surface);color:var(--text);font-size:11px}.audit-filters select{appearance:none;padding:0 35px 0 11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2381889a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.date-filter{display:flex;flex-direction:column;justify-content:center;padding:0 10px}.date-filter span{color:var(--muted);font-size:8px}.date-filter input{padding:0;border:0;outline:0;background:none;color:var(--text);font-size:10px;color-scheme:light}[data-theme=dark] .date-filter input{color-scheme:dark}.clear-filters{width:42px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);cursor:pointer}.clear-filters:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.clear-filters svg{width:16px}.audit-table td{height:76px}.audit-event{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;font-size:10px;font-weight:700}.audit-event svg{width:13px}.audit-event.insert,.audit-event.restore,.audit-event.login{color:var(--green);background:rgba(40,202,139,.1)}.audit-event.update,.audit-event.logout{color:#348cff;background:rgba(52,140,255,.1)}.audit-event.delete,.audit-event.force-delete,.audit-event.failed{color:var(--red);background:rgba(255,99,118,.1)}.audit-resource{display:flex;flex-direction:column;gap:4px}.audit-resource strong{font-size:11px}.audit-resource small,.audit-description,.audit-date{color:var(--muted);font-size:10px}.audit-description{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-code{padding:5px 7px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:9px}.audit-detail-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}.audit-detail-button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.audit-detail-button svg{width:15px}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.table-pagination>div{display:flex;align-items:center;gap:9px}.table-pagination button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.table-pagination button:disabled{opacity:.35}.table-pagination svg{width:14px}.audit-detail-modal{max-width:820px}.audit-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.audit-detail-meta>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.audit-detail-meta span{color:var(--muted);font-size:9px}.audit-detail-meta strong{font-size:11px}.audit-detail-meta small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.change-comparison{overflow:hidden;border:1px solid var(--border);border-radius:11px}.comparison-head,.comparison-row{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:10px;padding:11px 13px}.comparison-head{background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:700}.comparison-row{border-top:1px solid var(--border);font-size:10px}.comparison-row strong{font-size:10px}.comparison-row span{overflow-wrap:anywhere;color:var(--muted)}.comparison-row.changed{background:rgba(255,156,85,.045)}.comparison-row.changed span:last-child{color:var(--green);font-weight:600}.no-change-data{display:flex;align-items:center;justify-content:center;gap:7px;padding:30px;color:var(--muted);font-size:11px}.no-change-data svg{width:16px}@media(max-width:1250px){.audit-filters{grid-template-columns:repeat(4,1fr)}.audit-filters .admin-search{grid-column:span 2}.audit-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.audit-summary-grid,.audit-filters,.audit-detail-meta{grid-template-columns:1fr}.audit-filters .admin-search{grid-column:auto}.audit-description{max-width:150px}.comparison-head,.comparison-row{grid-template-columns:1fr}.comparison-head span:not(:first-child){display:none}}

/* Categorized recycle bin */
.retention-note{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(40,202,139,.18);border-radius:9px;background:rgba(40,202,139,.08);color:var(--green);font-size:10px;font-weight:700}.retention-note svg{width:14px}.trash-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.trash-tabs button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow)}.trash-tabs button:hover,.trash-tabs button.active{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.trash-tabs button>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.trash-tabs strong{font-size:11px}.trash-tabs small{color:var(--muted);font-size:9px}.trash-tabs em{min-width:25px;padding:4px 6px;border-radius:8px;background:var(--surface-3);font-size:9px;font-style:normal;text-align:center}.trash-tabs button.active em{background:var(--accent);color:#fff}.trash-tab-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.trash-tab-icon svg{width:17px}.trash-tab-icon.all{color:var(--accent);background:var(--accent-soft)}.trash-tab-icon.users{color:#348cff;background:rgba(52,140,255,.1)}.trash-tab-icon.departments{color:var(--green);background:rgba(40,202,139,.1)}.trash-tab-icon.roles{color:var(--orange);background:rgba(255,156,85,.1)}.trash-panel{padding:0;overflow:hidden}.trash-toolbar{display:flex;gap:10px;padding:17px;border-bottom:1px solid var(--border)}.trash-toolbar .admin-search{width:320px}.trash-toolbar select{min-width:170px;height:44px;padding:0 38px 0 12px;border:1px solid var(--border);border-radius:11px;background-color:var(--surface);color:var(--text);font-size:11px}.trash-record{display:flex;align-items:center;gap:11px}.trash-record>div{display:flex;flex-direction:column;gap:4px}.trash-record small{max-width:250px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.trash-record .table-avatar svg{width:16px}.trash-category{display:inline-flex;padding:6px 8px;border-radius:8px;font-size:10px;font-weight:700}.trash-category.users{color:#348cff;background:rgba(52,140,255,.1)}.trash-category.departments{color:var(--green);background:rgba(40,202,139,.1)}.trash-category.roles{color:var(--orange);background:rgba(255,156,85,.1)}.deleted-by{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.deleted-by svg{width:14px}.trash-date{color:var(--muted);font-size:10px}.trash-status{display:flex;align-items:center;gap:6px;color:var(--red);font-size:10px}.trash-status i{width:7px;height:7px;border-radius:50%;background:var(--red)}.trash-actions{display:flex;justify-content:flex-end;gap:7px}.restore-button{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(40,202,139,.25);border-radius:9px;background:rgba(40,202,139,.08);color:var(--green);font-size:10px;font-weight:700;cursor:pointer}.restore-button:hover{background:var(--green);color:#fff;transform:translateY(-1px)}.restore-button svg,.force-button svg{width:14px}.force-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}.force-button:hover{border-color:var(--red);background:rgba(255,99,118,.08);color:var(--red)}.force-delete-modal code{display:block;padding:10px;margin:-8px 0 12px;border-radius:8px;background:var(--surface-2);color:var(--red);font-size:12px}.force-delete-modal>input{width:100%;height:44px;padding:0 12px;margin-bottom:15px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:center;outline:0}.force-delete-modal>input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,99,118,.1)}@media(max-width:1000px){.trash-tabs{grid-template-columns:repeat(2,1fr)}.trash-toolbar{flex-wrap:wrap}.trash-toolbar .admin-search{width:100%}}@media(max-width:560px){.trash-tabs{grid-template-columns:1fr}.trash-toolbar{flex-direction:column}.trash-toolbar select{width:100%}}
.invoice-line-editor{margin:18px 0;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-soft,#f8f9fc);overflow:hidden}.invoice-line-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.invoice-line-head>div{display:flex;flex-direction:column;gap:3px}.invoice-line-head small{color:var(--text-muted);font-size:12px}.invoice-extra-lines{display:grid;gap:10px;padding:12px 16px}.invoice-extra-lines:empty{display:none}.invoice-extra-row{display:grid;grid-template-columns:minmax(180px,2.2fr) minmax(80px,.55fr) minmax(90px,.65fr) minmax(110px,.8fr) 42px;gap:9px;align-items:center}.invoice-extra-row .input-wrap{min-width:0}.invoice-extra-row input{width:100%}@media(max-width:760px){.invoice-line-head{align-items:flex-start;flex-direction:column}.invoice-extra-row{grid-template-columns:1fr 1fr}.invoice-extra-row>div:first-child{grid-column:1/-1}.invoice-extra-row .icon-button{justify-self:end}}
.finance-payment-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.75fr);gap:18px}.customer-credit-list{display:grid;gap:10px}.customer-credit-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:13px}.customer-credit-item>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(77,99,255,.1);color:var(--primary)}.customer-credit-item>div{display:flex;min-width:0;flex-direction:column;gap:3px}.customer-credit-item>div small{color:var(--text-muted)}.customer-credit-item>b{white-space:nowrap}.customer-credit-item .small-action{grid-column:2/-1;justify-self:end}@media(max-width:1050px){.finance-payment-layout{grid-template-columns:1fr}}@media(max-width:620px){.customer-credit-item{grid-template-columns:42px minmax(0,1fr)}.customer-credit-item>b{grid-column:2}.customer-credit-item .small-action{grid-column:2}}
.invoice-detail-content{display:grid;gap:18px}.invoice-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;border-radius:15px;background:linear-gradient(135deg,rgba(236,101,42,.09),rgba(77,99,255,.06))}.invoice-detail-hero>div{display:flex;flex-direction:column;gap:5px}.invoice-detail-hero>div:last-child{align-items:flex-end}.invoice-detail-hero strong{font-size:21px}.invoice-detail-hero b{font-size:22px}.invoice-detail-hero small,.invoice-detail-hero span{color:var(--text-muted)}.invoice-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-color);border-radius:13px;overflow:hidden}.invoice-detail-meta>span{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border-right:1px solid var(--border-color)}.invoice-detail-meta>span:last-child{border:0}.invoice-detail-meta small{color:var(--text-muted)}.invoice-detail-section{border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.invoice-detail-section h4,.invoice-detail-columns h4{margin:0;padding:14px 16px;border-bottom:1px solid var(--border-color)}.invoice-detail-totals{margin-left:auto;width:min(100%,330px);padding:12px 16px}.invoice-detail-totals span{display:flex;justify-content:space-between;padding:7px}.invoice-detail-totals .grand{border-radius:9px;background:rgba(236,101,42,.09);color:#ec652a}.invoice-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invoice-detail-columns>section{border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.invoice-detail-event{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.invoice-detail-event:last-child{border:0}.invoice-detail-event>div{display:flex;flex-direction:column;gap:3px}.invoice-detail-event small{color:var(--text-muted)}@media(max-width:760px){.invoice-detail-hero{flex-direction:column}.invoice-detail-hero>div:last-child{align-items:flex-start}.invoice-detail-meta{grid-template-columns:1fr 1fr}.invoice-detail-meta>span:nth-child(2){border-right:0}.invoice-detail-meta>span:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.invoice-detail-columns{grid-template-columns:1fr}}
.destructive-notice{display:flex;gap:12px;padding:14px;margin-bottom:18px;border:1px solid rgba(255,99,118,.28);border-radius:12px;background:rgba(255,99,118,.07);color:var(--red)}.destructive-notice>svg{flex:0 0 auto}.destructive-notice>div{display:flex;flex-direction:column;gap:4px}.destructive-notice span{color:var(--text-muted);font-size:12px;line-height:1.55}
.payroll-entry-card>footer{gap:8px;flex-wrap:wrap}.payroll-entry-card>footer .small-action{text-decoration:none}
.account-statement-section+.account-statement-section{margin-top:22px;border-top:1px solid var(--border);padding-top:18px}.account-finance-subhead{display:flex;align-items:center;justify-content:space-between;padding:0 18px 13px}.account-finance-subhead h4{margin:0 0 4px;font-size:12px}.account-finance-subhead p{margin:0;color:var(--muted);font-size:9px}.statement-table td{height:62px}.statement-debit{color:var(--red)}.statement-credit{color:var(--green)}.statement-table td:nth-last-child(-n+3),.statement-table th:nth-last-child(-n+3){text-align:right}@media(max-width:720px){.account-finance-subhead{padding-inline:12px}.statement-table{min-width:820px}}
.credit-application-head{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.customer-credit-item.applied>span{background:rgba(255,156,85,.12);color:var(--orange)}.small-action.danger{border-color:rgba(255,99,118,.28);background:rgba(255,99,118,.07);color:var(--red)}.small-action.danger:hover{background:var(--red);color:#fff}

/* System-wide table, form and confirmation resilience */
html,body{max-width:100%;overflow-x:hidden}.app-shell,.main,.content,.panel,.admin-table-panel,.table-wrap,.admin-table-wrap{min-width:0}.main{width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width))}.content{width:100%;max-width:100%}.table-wrap,.admin-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.table-wrap>table,.admin-table-wrap>table{min-width:100%}.table-wrap::-webkit-scrollbar,.admin-table-wrap::-webkit-scrollbar{height:9px}.table-wrap::-webkit-scrollbar-track,.admin-table-wrap::-webkit-scrollbar-track{background:var(--surface-2)}.table-wrap::-webkit-scrollbar-thumb,.admin-table-wrap::-webkit-scrollbar-thumb{border:2px solid var(--surface-2);border-radius:999px;background:color-mix(in srgb,var(--muted) 45%,transparent)}.table-column-hidden{display:none!important}
.table-view-tools{position:relative;z-index:5;display:none;align-items:center;justify-content:flex-end;padding:9px 14px 0}.table-view-tools.is-needed{display:flex}.table-columns-button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.table-columns-button:hover,.table-columns-button[aria-expanded=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.table-columns-button svg{width:14px}.table-columns-popover{position:absolute;z-index:70;top:48px;right:14px;width:min(260px,calc(100vw - 40px));padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 18px 48px rgba(16,22,36,.2)}.table-columns-popover[hidden]{display:none}.table-columns-popover>strong{display:block;padding:2px 3px 9px;font-size:11px}.table-columns-popover>div{display:grid;gap:3px;max-height:280px;overflow:auto}.table-columns-popover label{min-height:34px;display:flex;align-items:center;gap:9px;padding:6px;border-radius:8px;color:var(--text);font-size:10px;cursor:pointer}.table-columns-popover label:hover{background:var(--surface-2)}.table-columns-popover input{position:absolute;opacity:0;pointer-events:none}.table-columns-popover label>i{width:17px;height:17px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.table-columns-popover input:checked+i{border-color:var(--accent);background:var(--accent)}.table-columns-popover input:checked+i:after{content:"✓";color:#fff;font-size:10px;font-style:normal}.table-columns-popover input:disabled+i{opacity:.45}.table-columns-popover input:disabled~span{opacity:.6}.table-columns-popover label:has(input:disabled){cursor:not-allowed}
[dir=rtl] .table-columns-popover{right:auto;left:14px}
.confirm-modal .confirm-icon{position:relative}.confirm-modal.neutral-confirm .confirm-icon{background:var(--accent-soft);color:var(--accent)}.confirm-modal.neutral-confirm .confirm-icon:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:50%}.confirm-modal.restore-confirm .confirm-icon{background:rgba(40,202,139,.12);color:var(--green)}.confirm-modal.danger-confirm .confirm-icon{background:rgba(255,99,118,.1);color:var(--red)}.confirm-actions .primary-button,.confirm-actions .danger-button{min-width:112px;min-height:42px;justify-content:center;margin-left:0;padding-inline:16px}.confirm-actions .secondary-button{min-width:90px}
.input-wrap.field-invalid,.form-group.field-invalid>.input-wrap,.form-group.field-invalid>textarea,[aria-invalid=true]{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(255,99,118,.1)!important}.form-group.field-invalid>span{color:var(--red)}
@media(max-width:820px){.main{width:100%;max-width:100vw}.table-view-tools{padding-inline:10px}.table-columns-popover{right:10px}[dir=rtl] .table-columns-popover{right:auto;left:10px}}
@media(min-width:821px){html[data-sidebar=icons] body:not(.partner-app) .main{width:calc(100% - 88px);max-width:calc(100vw - 88px)}html[data-navigation=horizontal] body:not(.partner-app) .main{width:100%;max-width:100vw}}