@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";
:root{--blue:#0b3fae;--blue-dark:#082d80;--blue-light:#2f6be0;--red:#e0182d;--red-dark:#b50f20;--ink:#0f1626;--slate:#56607a;--muted:#8a93a8;--line:#e2e7f1;--bg:#f4f7fc;--white:#fff;--green:#1f9d57;--amber:#9a6f08;--sans:"Sora",sans-serif;--display:"Space Grotesk",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}.app-shell{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;display:flex}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.app-shell a{color:inherit;text-decoration:none}button{border:0}.crm-sidebar{background:var(--ink);color:#fff;z-index:30;flex-direction:column;width:252px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.crm-sidebar-brand{background:linear-gradient(#1a2742 0%,#121a2c 100%);border-bottom:1px solid #2c3854;justify-content:space-between;align-items:center;gap:10px;margin:-24px -18px 20px;padding:18px 16px 16px;display:flex}.brand-link{min-width:0;box-shadow:none;background:0 0;border:0;flex:1;padding:0;transition:opacity .2s;display:block}.brand-link:hover{opacity:.88;box-shadow:none;border-color:#0000;transform:none}.brand-logo{object-fit:contain;width:100%;height:auto;max-height:50px;display:block}.close-nav{color:#fff;background:0 0;margin-left:auto;display:none}.role-tag{font:600 9px var(--mono);letter-spacing:.8px;text-transform:uppercase;border-radius:5px;align-self:flex-start;margin:18px 7px 22px;padding:5px 9px}.role-client{color:#b9d0ff;background:#153d88}.role-admin{color:#ffb3bd;background:#681522}.role-employee{color:#a7ecd0;background:#134f3a}.crm-sidebar nav{flex-direction:column;gap:5px;display:flex}.crm-sidebar nav p{font:600 9px var(--mono);letter-spacing:1.2px;color:#636c80;margin:10px 10px 8px}.crm-sidebar nav a{color:#aab1bf;border-radius:8px;align-items:center;gap:11px;padding:10px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.crm-sidebar nav a:hover{color:#fff;background:#171f31}.crm-sidebar nav a.active{color:#fff;box-shadow:inset 3px 0 var(--blue-light);background:linear-gradient(90deg,#2f6be047,#2f6be01a)}.crm-sidebar nav a em{background:var(--red);border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.crm-sidebar-profile{border-top:1px solid #263044;align-items:center;gap:10px;margin-top:auto;padding:16px 7px;display:flex}.crm-sidebar-profile>span{background:var(--blue);border-radius:9px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.crm-sidebar-profile div{flex-direction:column;display:flex}.crm-sidebar-profile b{font-size:11px}.crm-sidebar-profile small{color:#7f899c;margin-top:3px;font-size:9px}.logout{color:#858ea0;background:0 0;align-items:center;gap:8px;padding:13px 8px 0;font-size:11px;display:flex}.logout:hover{color:#fff}.app-shell .main{flex:1;min-width:0;margin-left:252px}.top-strip{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.breadcrumbs{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.breadcrumbs b{color:var(--ink)}.top-actions{align-items:center;gap:12px;display:flex}.search{background:var(--bg);border:1px solid var(--line);width:260px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:35px;height:35px;display:grid;position:relative}.icon-btn i{background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.live{font:600 9px var(--mono);color:var(--green);background:#ecfaf2;border:1px solid #c6ead7;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;display:flex}.live i{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.35}}.mobile-header{display:none}.content{max-width:1540px;margin:0 auto;padding:31px 34px 50px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-header>div>span{font:600 10px var(--mono);letter-spacing:1.1px;color:var(--blue)}.page-header h1{font:700 30px var(--display);letter-spacing:-.6px;margin:5px 0}.page-header p{color:var(--slate);max-width:670px;margin:0;font-size:12.5px}.btn{border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 5px 15px #e0182d2e}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-dark{background:var(--ink);color:#fff}.btn-danger{color:var(--red);background:#fff1f2;border:1px solid #f7cbd0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 19px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--blue);width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card>div{justify-content:space-between;align-items:center;display:flex}.stat-card span{text-transform:uppercase;letter-spacing:.8px;font:600 9.5px var(--mono);color:var(--slate)}.stat-card em{color:var(--green);font:600 9px var(--mono);align-items:center;gap:3px;font-style:normal;display:flex}.stat-card strong{font:700 27px var(--display);margin-top:11px;display:block}.stat-card p{color:var(--muted);margin:5px 0 0;font-size:10px}.tone-red:before{background:var(--red)}.tone-green:before{background:var(--green)}.tone-amber:before{background:#d7a21b}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;margin-bottom:18px;padding:20px}.card>header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.card>header h2{font:700 15px var(--display);margin:0}.span-2{grid-column:span 1}.view-all{color:var(--blue);align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex}.table-wrap{margin:0 -20px -20px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:var(--muted);font:600 9px var(--mono);letter-spacing:.6px;text-transform:uppercase;border-block:1px solid var(--line);background:#f9fbfe;padding:10px 16px}td{color:#3c465d;border-bottom:1px solid #edf0f6;padding:13px 16px;font-size:10.8px}td b{color:var(--ink);margin-bottom:4px;font-size:11px;display:block}td small{color:var(--muted);font-size:9px;display:block}.mono{font-family:var(--mono);font-size:9.5px}.status{font:600 8.5px var(--mono);color:var(--blue);white-space:nowrap;background:#eaf0fc;border-radius:20px;align-items:center;padding:4px 8px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px}.status-pending,.status-due,.status-on-field{color:#8a6200;background:#fff4d8}.status-approved,.status-paid,.status-completed,.status-active,.status-in-office{color:#16854a;background:#e8f7ef}.status-overdue,.status-off{color:var(--red);background:#fdeaec}.progress{align-items:center;gap:7px;width:100px;display:flex}.progress:before{content:"";background:#e6eaf2;border-radius:4px;flex:1;grid-area:1/1;height:4px}.progress i{background:var(--blue);border-radius:4px;grid-area:1/1;height:4px}.progress{grid-template-columns:70px auto;display:grid}.progress span{font:500 8px var(--mono)}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #edf0f6;grid-template-columns:9px 1fr auto;gap:10px;padding:12px 0;display:grid}.activity-item:last-child{border:0}.activity-item>i{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-top:4px;box-shadow:0 0 0 4px #eaf0fc}.activity-item .dot-red{background:var(--red);box-shadow:0 0 0 4px #fdeaec}.activity-item .dot-green{background:var(--green);box-shadow:0 0 0 4px #e8f7ef}.activity-item .dot-amber{background:#c48b00;box-shadow:0 0 0 4px #fff4d8}.activity-item b{font-size:10.5px;display:block}.activity-item p{color:var(--slate);margin:4px 0 0;font-size:9.5px}.activity-item time{font:500 8.5px var(--mono);color:var(--muted)}.file-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.file-card{border:1px solid var(--line);border-radius:9px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid;position:relative}.file-icon{width:36px;height:36px;color:var(--blue);background:#eaf0fc;border-radius:8px;place-items:center;display:grid}.file-icon svg{width:17px}.file-card b{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;display:block;overflow:hidden}.file-card p{color:var(--muted);margin:4px 0 0;font-size:8.5px}.file-card .status{transform-origin:100% 0;position:absolute;top:8px;right:8px;transform:scale(.85)}.file-card>button{color:var(--slate);background:0 0}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(140deg,#0b3fae,#082d80 60%,#081b46);flex-direction:column;padding:45px 58px;display:flex;position:relative;overflow:hidden}.stars{background-image:radial-gradient(1px 1px at 20% 30%,#fff8,#0000),radial-gradient(1px 1px at 70% 20%,#fff8,#0000),radial-gradient(1.5px 1.5px at 80% 70%,#fff6,#0000),radial-gradient(1px 1px at 30% 80%,#fff5,#0000);background-size:280px 220px;position:absolute;inset:0}.hero-logo{font:700 20px var(--display);z-index:2;align-items:center;gap:11px;display:flex}.hero-logo>span{background:radial-gradient(circle at 32% 30%,#fff,#779af0 60%,#1a4db6);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.hero-logo>span svg{width:22px}.hero-logo div>b{color:#a9c3ff}.hero-logo small{font:600 8px var(--mono);letter-spacing:1.8px;color:#8ea8df;margin-top:2px;display:block}.login-message{z-index:2;max-width:560px;margin:auto 0}.login-message em{font:600 10px var(--mono);letter-spacing:1.5px;color:#a9c3ff;font-style:normal}.login-message h1{font:700 clamp(40px,5vw,67px)/.98 var(--display);letter-spacing:-2px;margin:18px 0 22px}.login-message h1 span{color:#ff6877}.login-message>p{color:#bac9e8;max-width:480px;font-size:15px;line-height:1.7}.login-message ul{flex-direction:column;gap:11px;padding:15px 0 0;list-style:none;display:flex}.login-message li{color:#d7e0f3;align-items:center;gap:10px;font-size:12px;display:flex}.login-message li svg{color:#75dfa9;width:16px}.moon-shape{opacity:.42;background:radial-gradient(circle at 30% 25%,#d8e4ff,#557bcf 50%,#1f459a);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-250px;box-shadow:inset -30px -30px 50px #0b2869}.orbit{border:1px solid #ffffff14;border-radius:50%;position:absolute}.orbit-one{width:620px;height:620px;top:80px;right:-210px}.orbit-two{width:820px;height:820px;top:-20px;right:-310px}.login-panel{place-items:center;padding:40px;display:grid}.login-box{width:min(450px,100%)}.secure{color:var(--green);font:600 9px var(--mono);letter-spacing:.8px;background:#e9f8f0;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.login-box h2{font:700 36px var(--display);letter-spacing:-.7px;margin:17px 0 7px}.login-box>p{color:var(--slate);font-size:12px}.role-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0;display:grid}.role-tabs button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:12px 11px}.role-tabs button.selected{border-color:var(--blue);background:#f8faff;box-shadow:0 0 0 2px #dce7ff}.role-tabs b{font-size:10.5px;display:block}.role-tabs small{color:var(--muted);margin-top:4px;font-size:7.8px;line-height:1.4;display:block}.login-box form>label{color:#3d465a;margin-bottom:14px;font-size:10px;font-weight:600;display:block}.login-box input{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;margin-top:6px;padding:11px 12px;font-size:11px;display:block}.login-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e9effd}.password{position:relative}.password svg{color:var(--muted);position:absolute;top:16px;right:12px}.login-options{justify-content:space-between;align-items:center;margin:5px 0 18px;font-size:9.5px;display:flex}.login-options label{align-items:center;gap:6px;display:flex}.login-options input{width:auto;margin:0}.login-options button{color:var(--blue);background:0 0;font-size:9.5px}.sign-in{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:11px;font-weight:700;display:flex}.demo-note{text-align:center!important;font:500 8.5px var(--mono)!important;color:var(--muted)!important;margin-top:15px!important}.form-layout{grid-template-columns:2fr 1fr;gap:18px;display:grid}.form-layout .span-2{grid-column:1}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-field{color:#384157;margin-bottom:14px;font-size:10px;font-weight:600;display:block}.form-field>span{margin-bottom:6px;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:10px 11px;font-size:10.5px}.form-field textarea{resize:vertical}.form-field:has(textarea){grid-column:span 2}.form-field small{color:var(--muted);font-size:8px}.upload{text-align:center;min-height:160px;color:var(--blue);background:#f8faff;border:1.5px dashed #b8c4da;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.upload svg{margin-bottom:10px}.upload b{color:var(--ink);font-size:10.5px}.upload span{color:var(--muted);margin-top:5px;font-size:8.5px}.upload input{opacity:0;position:absolute;inset:0}.employee-choice{border-bottom:1px solid #edf0f6;align-items:center;gap:10px;padding:10px 0;display:flex}.employee-choice>span{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.employee-choice div{flex-direction:column;flex:1;display:flex}.employee-choice b{font-size:10px}.employee-choice small{color:var(--muted);margin-top:3px;font-size:8.5px}.form-actions{grid-column:1;justify-content:flex-end;gap:9px;display:flex}.detail-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;display:grid}.meta-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.meta-grid>div{background:#f8faff;border:1px solid #edf0f6;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.meta-grid span{font:500 8px var(--mono);text-transform:uppercase;color:var(--muted)}.meta-grid b{font-size:10.5px}.detail-copy{color:var(--slate);margin:16px 0 0;font-size:11px;line-height:1.7}.timeline{padding-left:8px}.timeline>div{border-left:1px solid var(--line);padding:1px 0 20px 28px;position:relative}.timeline>div:last-child{padding-bottom:0}.timeline i{background:#d9deea;border-radius:50%;width:11px;height:11px;position:absolute;top:2px;left:-6px;box-shadow:0 0 0 4px #fff}.timeline .done i{background:var(--green)}.timeline .current i{background:var(--blue);box-shadow:0 0 0 4px #e4ebfc}.timeline b{font-size:10.5px;display:block}.timeline small{color:var(--muted);margin-top:4px;font-size:8.5px;display:block}.money{flex-direction:column;display:flex}.money span{color:var(--slate);border-bottom:1px solid #edf0f6;justify-content:space-between;padding:9px 0;font-size:9.5px;display:flex}.money b{color:var(--ink)}.money .green{color:var(--green)}.money .red{color:var(--red)}.chat{flex-direction:column;gap:10px;display:flex}.bubble{background:#f3f6fb;border-radius:8px 8px 8px 2px;max-width:88%;padding:10px;font-size:9px}.bubble.mine{background:#e8effe;border-radius:8px 8px 2px;align-self:flex-end}.bubble b{font-size:8.5px}.bubble p{margin:5px 0;line-height:1.5}.bubble small{color:var(--muted);font-size:7.5px}.message-box{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:7px;margin-top:12px;padding:7px;display:flex}.message-box input{border:0;outline:0;flex:1;min-width:0;font-size:9.5px}.message-box button{color:#fff;background:var(--blue);border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.timer-layout{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.timer-card{text-align:center;padding:55px 25px}.timer-state{color:var(--green);font:600 9px var(--mono);letter-spacing:1px}.timer-state i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.timer-card>p{margin:18px 0 10px;font-size:13px;font-weight:600}.timer-card>strong{font:600 clamp(45px,7vw,76px)var(--mono);letter-spacing:-4px;display:block}.timer-card>small{color:var(--muted);margin:8px 0 24px;font-size:9px;display:block}.timer-card>div{justify-content:center;gap:10px;display:flex}.time-row{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.time-row>svg{color:var(--blue);background:#edf2fd;border-radius:8px;width:34px;height:34px;padding:8px}.time-row span{font-size:10px;font-weight:600}.time-row small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.time-row b{font:600 10px var(--mono)}.calendar{grid-template-columns:repeat(7,1fr);min-height:420px;display:grid}.calendar>div{border-right:1px solid var(--line);min-width:0;padding:13px}.calendar>div:last-child{border:0}.calendar>div>b{font:600 9px var(--mono);color:var(--muted)}.calendar .today{background:#f6f9ff}.calendar .today>b{color:var(--blue)}.calendar span{background:var(--blue);color:#fff;border-radius:6px;margin-top:24px;padding:9px 7px;font-size:8.5px;line-height:1.4;display:block}.calendar span small{color:#c4d4f5;margin-top:4px;font-size:7.5px;display:block}.calendar span.due{color:#805b00;background:#fff1d4}.calendar span.due small{color:#a37c22}.people-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.person-card{border:1px solid var(--line);background:#fff;border-radius:11px;gap:13px;padding:17px;display:flex}.person-card>span{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:45px;height:45px;font-size:12px;font-weight:700;display:grid}.person-card h3{margin:0 0 3px;font-size:12px}.person-card p{color:var(--muted);margin:0 0 9px;font-size:9px}.person-card div>small{color:var(--muted);margin-left:8px;font-size:8.5px}.person-card div>div{gap:5px;margin-top:10px;display:flex}.person-card em{color:var(--slate);background:#f0f3f9;border-radius:4px;padding:4px 6px;font-size:7.5px;font-style:normal}.attendance-hero{text-align:center;padding:25px}.attendance-hero>svg{color:var(--blue);width:28px;height:28px}.attendance-hero strong{font:700 42px var(--display);margin-top:8px;display:block}.attendance-hero p{color:var(--muted);margin:5px 0 18px;font-size:9.5px}.photo-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.photo-upload,.photo-placeholder{aspect-ratio:1.2;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-upload{color:var(--blue);background:#f8faff;border:1.5px dashed #b8c4da;gap:8px;font-size:10px}.photo-upload input{opacity:0;position:absolute;inset:0}.photo-placeholder{color:#fff;background:linear-gradient(145deg,#31577e,#78a2c8)}.photo-1{background:linear-gradient(145deg,#875d10,#d6a93b)}.photo-2{background:linear-gradient(145deg,#1d7048,#63bd8c)}.photo-placeholder span{font:700 13px var(--display)}.photo-placeholder small{opacity:.8;margin-top:6px;font-size:8px}.report-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.big-number{font:700 35px var(--display)}.big-number small{color:var(--green);font:600 9px var(--mono);margin-top:5px;display:block}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:7px;height:190px;margin-top:20px;display:flex}.bars i{background:linear-gradient(#2f6be0,#0b3fae);border-radius:4px 4px 0 0;flex:1;min-height:10px}.donut{background:conic-gradient(var(--blue)0 42%,var(--red)42% 70%,#e6a927 70% 88%,var(--green)88%);border-radius:50%;place-items:center;width:155px;height:155px;margin:10px auto;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;width:92px;height:92px;position:absolute}.donut span{z-index:1;text-align:center;color:var(--muted);font-size:8px}.donut b{font:700 22px var(--display);color:var(--ink);display:block}.legend{margin:15px 0 0;padding:0;list-style:none}.legend li{border-bottom:1px solid #edf0f6;justify-content:space-between;padding:6px;font-size:9px;display:flex}.settings-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;font-size:10px;display:flex}.toggle-row input{accent-color:var(--blue)}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.file-grid,.dashboard-grid,.form-layout,.detail-grid,.timer-layout,.report-grid{grid-template-columns:1fr}.form-layout .span-2,.form-actions{grid-column:1}.login-art{padding:40px}.login-page{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.crm-sidebar{transition:all .2s;transform:translate(-105%);box-shadow:10px 0 30px #0004}.crm-sidebar-open{transform:translate(0)}.close-nav{display:block}.scrim{z-index:29;background:#0f162699;display:block;position:fixed;inset:0}.app-shell .main{margin-left:0}.top-strip{display:none}.mobile-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 17px;display:flex}.mobile-header button{color:var(--ink);background:0 0}.mobile-brand{align-items:center;min-width:0;display:flex}.mobile-brand-frame{box-shadow:none;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.mobile-brand-logo{object-fit:contain;width:auto;height:32px;display:block}.content{padding:23px 16px 40px}.page-header{align-items:flex-start}.page-header h1{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:23px}.form-grid{grid-template-columns:1fr}.form-field:has(textarea){grid-column:1}.meta-grid{grid-template-columns:1fr 1fr}.people-grid,.settings-grid{grid-template-columns:1fr}.calendar{grid-template-columns:1fr;min-height:0}.calendar>div{border-right:0;border-bottom:1px solid var(--line);min-height:75px}.calendar span{margin:8px 0}.login-page{grid-template-columns:1fr}.login-art{min-height:340px;padding:28px}.login-message{margin-top:70px}.login-message h1{font-size:39px}.login-message ul{display:none}.login-panel{padding:30px 20px}.role-tabs{grid-template-columns:1fr}.role-tabs small{display:none}.role-tabs button{text-align:center}.file-card{grid-template-columns:36px 1fr auto}.photo-grid{grid-template-columns:1fr 1fr}}@media (max-width:420px){.stat-grid{grid-template-columns:1fr}.page-header{display:block}.page-header>.btn,.page-header>a{margin-top:15px}.timer-card>strong{letter-spacing:-2px;font-size:39px}.photo-grid,.meta-grid{grid-template-columns:1fr}.login-message h1{font-size:34px}}.role-tabs button svg{color:var(--blue);margin-bottom:8px;display:block}.role-tabs button.selected svg{color:var(--red)}.login-error{background:#fff1f2;border:1px solid #f6ccd1;border-radius:7px;padding:9px 10px;color:var(--red)!important;margin:0 0 12px!important;font-size:9.5px!important}.demo-accounts{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.demo-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.demo-heading span{font-size:10px;font-weight:700}.demo-heading small{color:var(--muted);font-size:8px}.demo-accounts>button{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#f8faff;border-radius:7px;grid-template-columns:1fr auto 14px;align-items:center;gap:8px;margin-top:6px;padding:8px 9px;display:grid}.demo-accounts>button:hover,.demo-accounts>button.active{background:#eef3ff;border-color:#9db6eb}.demo-accounts>button span{flex-direction:column;display:flex}.demo-accounts>button b{font-size:8.5px}.demo-accounts>button small{color:var(--muted);margin-top:2px;font-size:7.5px}.demo-accounts code{font:600 8px var(--mono);color:var(--blue)}.demo-accounts svg{color:var(--muted)}.approval-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.approval-heading>div:first-child>span{font:600 9px var(--mono);letter-spacing:1px;color:var(--slate)}.approval-heading>div:first-child>span b{color:var(--red)}.approval-heading h1{font:700 30px var(--display);letter-spacing:-.6px;margin:6px 0 5px}.approval-heading p{color:var(--slate);margin:0;font-size:11px}.review-deadline{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.review-deadline>span{font:600 9px var(--mono);color:var(--ink);flex-direction:column;display:flex}.review-deadline small{color:var(--muted);margin-bottom:3px;font-size:7px}.approval-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.proof-review-card,.quote-card,.version-card{border:1px solid var(--line);background:#fff;border-radius:14px}.proof-review-card{padding:22px}.proof-review-card>header,.quote-card>header,.version-card>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.proof-kicker,.quote-card header div>span{font:600 8px var(--mono);color:var(--blue);letter-spacing:.8px}.proof-review-card h2,.quote-card h2,.version-card h2{font:700 16px var(--display);margin:5px 0 0}.review-badge{color:var(--red);font:600 8px var(--mono);white-space:nowrap;background:#fdeaec;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.review-badge.approved{color:var(--green);background:#e8f7ef}.review-badge.revision{color:#896000;background:#fff4d8}.proof-canvas{background:#f0f3f9;border:1px solid #e8ecf4;border-radius:11px;justify-content:center;align-items:center;height:430px;margin-top:18px;padding:35px;display:flex;position:relative;overflow:hidden}.proof-toolbar{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:14px;right:14px}.proof-toolbar button{border:1px solid var(--line);width:26px;height:26px;color:var(--slate);background:#fff;border-radius:6px;place-items:center;display:grid}.proof-toolbar button svg{width:13px}.proof-toolbar span{font:500 8px var(--mono);color:var(--muted)}.sign-proof{aspect-ratio:3.2;color:#fff;background:linear-gradient(135deg,#0b3fae,#082d80 65%,#061c52);border:9px solid #fff;border-radius:3px;justify-content:center;align-items:center;gap:18px;width:min(580px,86%);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0b265b2b}.sign-stars{opacity:.6;background-image:radial-gradient(1px 1px at 15% 25%,#fff9,#0000),radial-gradient(1px 1px at 70% 30%,#fff8,#0000),radial-gradient(1px 1px at 88% 72%,#fff7,#0000);background-size:120px 90px;position:absolute;inset:0}.sign-moon{color:#0000;z-index:1;background:radial-gradient(circle at 32% 28%,#fff,#8daffc 58%,#2b60ca);border-radius:50%;width:58px;height:58px;box-shadow:inset -8px -7px 12px #19469e}.sign-wordmark{z-index:1;border-left:1px solid #ffffff5c;flex-direction:column;padding-left:18px;display:flex}.sign-wordmark strong{font:700 28px var(--display);letter-spacing:4px}.sign-wordmark span{font:600 9px var(--sans);letter-spacing:3px;color:#ff7886}.sign-wordmark small{font:500 6px var(--mono);letter-spacing:1.2px;color:#b9c9ec;margin-top:8px}.proof-scale{font:500 7px var(--mono);letter-spacing:.8px;color:#99a3b8;position:absolute;bottom:13px}.proof-file-row{background:#fbfcfe;border:1px solid #d5ddeb;border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;margin-top:14px;padding:12px;display:grid}.pdf-icon{background:var(--red);color:#fff;width:42px;height:42px;font:700 9px var(--mono);border-radius:8px;place-items:center;display:grid}.proof-file-row>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.proof-file-row b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.proof-file-row span{font:500 8px var(--mono);color:var(--muted);margin-top:4px}.proof-file-row>button{background:var(--blue);color:#fff;border-radius:7px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.proof-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.proof-actions button{border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:10.5px;font-weight:700;display:flex}.approve-proof{background:var(--blue);color:#fff}.approve-proof:hover{background:var(--blue-dark)}.request-change{color:var(--ink);background:#fff;border:1px solid #ced7e7}.revision-box{background:#fff9e9;border:1px solid #f0daa0;border-radius:10px;margin-top:14px;padding:14px}.revision-box>div{color:#916500;align-items:flex-start;gap:9px;display:flex}.revision-box>div>svg{width:18px}.revision-box>div span{flex-direction:column;flex:1;display:flex}.revision-box b{color:var(--ink);font-size:10px}.revision-box small{color:var(--slate);margin-top:3px;font-size:8px}.revision-box>div button{color:var(--slate);background:0 0}.revision-box>div button svg{width:16px}.revision-box textarea{resize:vertical;background:#fff;border:1px solid #e5d19b;border-radius:7px;outline:0;width:100%;margin:11px 0 8px;padding:10px;font-size:9.5px}.submit-revision{background:var(--ink);color:#fff;border-radius:7px;padding:9px 12px;font-size:9px;font-weight:700}.submit-revision:disabled{opacity:.35;cursor:not-allowed}.approval-success{color:var(--green);background:#e9f8f0;border:1px solid #bce6cf;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:14px;display:flex}.approval-success>svg{width:21px}.approval-success b{color:#106a3b;font-size:10.5px}.approval-success p{color:#397557;margin:4px 0 0;font-size:8.5px}.approval-sidebar{flex-direction:column;gap:18px;display:flex}.quote-card,.version-card{padding:20px}.quote-status{color:var(--green);font:600 7.5px var(--mono);background:#e8f7ef;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;display:flex}.quote-line,.quote-total{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.quote-line:first-of-type{margin-top:12px}.quote-line>span,.quote-total>span{color:#39445c;flex-direction:column;font-size:10px;display:flex}.quote-line small,.quote-total small{color:var(--muted);margin-top:4px;font-size:7.5px}.quote-line>b{font:600 10px var(--mono)}.quote-total span{color:var(--ink);font-weight:700}.quote-total b{font:700 16px var(--display);color:var(--blue)}.quote-card>p{color:var(--slate);align-items:flex-start;gap:8px;margin:14px 0 0;font-size:8.5px;line-height:1.6;display:flex}.quote-card>p svg{color:var(--green);flex:none}.version-card header{align-items:center;margin-bottom:11px}.version-card header h2{margin:0}.version-card header>span{font:500 8px var(--mono);color:var(--muted)}.version-item{border-bottom:1px solid var(--line);grid-template-columns:27px 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.version-item:last-child{border:0}.version-item>i{width:27px;height:27px;color:var(--slate);font:600 9px var(--mono);background:#eef1f7;border-radius:7px;place-items:center;font-style:normal;display:grid}.version-item.active>i{background:var(--blue);color:#fff}.version-item>div{flex-direction:column;display:flex}.version-item b{font-size:9px}.version-item small{color:var(--muted);margin-top:3px;font-size:7.5px}.version-item>span{font:500 7.5px var(--mono);color:var(--muted)}@media (max-width:1100px){.approval-layout{grid-template-columns:1fr}.approval-sidebar{grid-template-columns:1fr 1fr;display:grid}.proof-canvas{height:380px}}@media (max-width:760px){.approval-heading{align-items:flex-start}.approval-heading h1{font-size:25px}.approval-heading p{max-width:240px}.review-deadline{padding:8px}.review-deadline span{display:none}.approval-sidebar{display:flex}.proof-review-card{padding:14px}.proof-review-card>header{align-items:flex-start}.proof-review-card h2{font-size:14px}.proof-canvas{height:280px;padding:20px}.sign-proof{border-width:5px;gap:9px;width:94%}.sign-moon{width:37px;height:37px}.sign-wordmark{padding-left:10px}.sign-wordmark strong{letter-spacing:2px;font-size:17px}.sign-wordmark span{letter-spacing:1.6px;font-size:6px}.sign-wordmark small{margin-top:4px;font-size:4px}.proof-file-row{grid-template-columns:36px 1fr}.pdf-icon{width:36px;height:36px}.proof-file-row>button{grid-column:1/-1;justify-content:center}.proof-actions{grid-template-columns:1fr}.quote-card,.version-card{padding:16px}}.approvals-list-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.approvals-list-heading>div:first-child>span{font:600 9px var(--mono);letter-spacing:1px;color:var(--blue)}.approvals-list-heading h1{font:700 30px var(--display);letter-spacing:-.6px;margin:6px 0 5px}.approvals-list-heading p{color:var(--slate);margin:0;font-size:11px}.pending-summary{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:10px;padding:10px 14px;display:flex}.pending-summary>span{width:32px;height:32px;color:var(--red);font:700 14px var(--display);background:#fdeaec;border-radius:8px;place-items:center;display:grid}.pending-summary>div{flex-direction:column;display:flex}.pending-summary b{font-size:9px}.pending-summary small{color:var(--muted);margin-top:3px;font-size:7.5px}.approval-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px;display:grid}.approval-stats article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:11px;padding:13px 14px;display:flex}.approval-stats article>svg{width:31px;height:31px;color:var(--blue);background:#eaf0fc;border-radius:8px;padding:8px}.approval-stats article:nth-child(2)>svg{color:#916500;background:#fff4d8}.approval-stats article:nth-child(3)>svg{color:var(--green);background:#e8f7ef}.approval-stats article:nth-child(4)>svg{color:var(--red);background:#fdeaec}.approval-stats article>div{flex-direction:column;display:flex}.approval-stats span{font:500 8px var(--mono);color:var(--muted);text-transform:uppercase}.approval-stats b{font:700 19px var(--display);margin-top:3px}.approvals-list-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.approvals-list-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.approval-filters{flex-wrap:wrap;gap:5px;display:flex}.approval-filters button{color:var(--slate);background:0 0;border-radius:6px;padding:7px 10px;font-size:8.5px;font-weight:600}.approval-filters button.active{color:var(--blue);background:#eaf0fc}.approval-filters em{background:var(--red);color:#fff;border-radius:10px;margin-left:5px;padding:1px 5px;font-size:7px;font-style:normal}.approval-search{border:1px solid var(--line);color:var(--muted);background:#f9fbfe;border-radius:7px;align-items:center;gap:7px;min-width:210px;padding:7px 9px;display:flex}.approval-search svg{width:13px}.approval-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:8.5px}.approval-list-item{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(240px,1fr) 185px 125px;align-items:center;gap:18px;padding:15px 16px;display:grid}.approval-list-item:last-child{border:0}.approval-list-item:hover{background:#fbfcff}.approval-thumbnail{background:linear-gradient(145deg,#eaf0fc,#dbe5f7);border-radius:8px;place-items:center;height:82px;display:grid;position:relative;overflow:hidden}.approval-thumbnail.thumb-1{background:linear-gradient(145deg,#edf1f8,#d4dbe8)}.approval-thumbnail.thumb-2{background:linear-gradient(145deg,#f2e8e8,#e7d7d6)}.approval-thumbnail.thumb-3{background:linear-gradient(145deg,#e4f0ec,#ccdfd8)}.approval-thumbnail>em{color:var(--slate);font:600 6.5px var(--mono);background:#fff;border-radius:4px;padding:3px 5px;font-style:normal;position:absolute;top:6px;right:6px}.mini-sign{color:#fff;background:linear-gradient(135deg,#0b3fae,#082d80);border:3px solid #fff;justify-content:center;align-items:center;gap:6px;width:105px;height:38px;display:flex;box-shadow:0 5px 12px #183b7430}.mini-sign>i{background:radial-gradient(circle at 30% 28%,#fff,#5f89df);border-radius:50%;width:18px;height:18px;display:block}.mini-sign>span{border-left:1px solid #ffffff4d;flex-direction:column;padding-left:6px;display:flex}.mini-sign b{font:700 7px var(--display);letter-spacing:1.2px}.mini-sign small{color:#ff9da7;letter-spacing:.5px;font-size:3px}.approval-item-main{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.approval-id{font:600 7.5px var(--mono);color:var(--blue);text-transform:uppercase}.approval-item-main h2{font:700 12px var(--display);margin:5px 0 4px}.approval-item-main p{color:var(--muted);margin:0;font-size:8px}.approval-list-status{font:600 7px var(--mono);white-space:nowrap;color:#896000;background:#fff4d8;border-radius:20px;align-items:center;gap:5px;padding:5px 7px;display:inline-flex}.approval-list-status svg{width:10px}.approval-list-status.status-approved{color:var(--green);background:#e8f7ef}.approval-list-status.status-changes-requested{color:var(--red);background:#fdeaec}.approval-item-meta{grid-template-columns:1fr 1fr;gap:12px;display:grid}.approval-item-meta>div{flex-direction:column;display:flex}.approval-item-meta span{font:500 7px var(--mono);color:var(--muted);text-transform:uppercase}.approval-item-meta b{margin-top:4px;font-size:8.5px}.review-proof-link{color:var(--blue);border:1px solid #cbd6e8;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:8px 9px;font-size:8px;font-weight:700;display:flex}.review-proof-link svg{width:12px}.review-proof-link svg:last-child{margin-left:auto}.approval-list-item:first-child .review-proof-link{background:var(--blue);border-color:var(--blue);color:#fff}.approval-empty{text-align:center;color:var(--muted);padding:50px}.approval-empty svg{width:24px}.approval-empty b{color:var(--ink);margin-top:8px;font-size:11px;display:block}.approval-empty p{font-size:8px}@media (max-width:1100px){.approval-list-item{grid-template-columns:130px minmax(220px,1fr) 130px}.approval-item-meta{display:none}.approval-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.approvals-list-heading{align-items:flex-start}.approvals-list-heading h1{font-size:25px}.pending-summary{padding:8px}.pending-summary>div{display:none}.approval-stats{grid-template-columns:1fr 1fr;gap:8px}.approval-stats article{padding:10px}.approval-stats b{font-size:16px}.approvals-list-card>header{flex-direction:column;align-items:stretch}.approval-filters{flex-wrap:nowrap;overflow-x:auto}.approval-filters button{white-space:nowrap}.approval-search{width:100%;min-width:0}.approval-list-item{grid-template-columns:92px 1fr;gap:11px;padding:12px}.approval-thumbnail{height:76px}.mini-sign{width:75px;height:29px}.mini-sign>i{width:13px;height:13px}.mini-sign b{font-size:5px}.approval-item-main{display:block}.approval-item-main h2{font-size:10.5px}.approval-list-status{margin-top:7px}.review-proof-link{grid-column:1/-1}.review-proof-link svg:last-child{margin-left:0}}.employee-detail-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.employee-detail-heading>div:first-child>span{font:500 9px var(--mono);color:var(--slate);text-transform:uppercase}.employee-detail-heading>div:first-child>span b{color:var(--red)}.employee-detail-heading h1{font:700 30px var(--display);letter-spacing:-.6px;margin:6px 0 0}.employee-detail-heading>div:last-child{align-items:center;gap:9px;display:flex}.employee-live{border:1px solid var(--line);font:600 8px var(--mono);color:var(--slate);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:9px 11px;display:flex}.employee-live i{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}.employee-detail-heading button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.employee-detail-heading button svg{width:13px}.employee-profile-card{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:20px 22px;display:grid}.employee-avatar-large{background:linear-gradient(145deg,var(--blue-light),var(--blue-dark));color:#fff;width:62px;height:62px;font:700 20px var(--display);border-radius:13px;place-items:center;display:grid;box-shadow:0 8px 18px #0b3fae25}.employee-identity>span{font:600 7.5px var(--mono);color:var(--blue);letter-spacing:.8px}.employee-identity h2{font:700 22px var(--display);margin:4px 0 2px}.employee-identity>p{font:500 9px var(--mono);color:var(--slate);margin:0}.employee-identity>div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.employee-identity em{font:600 7.5px var(--mono);border-radius:20px;align-items:center;gap:5px;padding:6px 8px;font-style:normal;display:inline-flex}.employee-identity em svg{width:11px;height:11px}.employee-identity .clocked{color:var(--green);background:#e8f7ef}.employee-identity .location{color:#39628d;background:#e9f0fb}.employee-identity .busy{color:#896000;background:#fff4d8}.employee-identity .tasks{color:var(--blue);background:#eaf0fc}.employee-kpis{align-items:center;gap:28px;display:flex}.employee-kpis>div{text-align:center;flex-direction:column;display:flex}.employee-kpis b{font:700 25px var(--display)}.employee-kpis span{font:500 7.5px var(--mono);color:var(--muted);margin-top:3px}.employee-detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:start;gap:18px;display:grid}.employee-log-card,.employee-week-card,.employee-skills-card,.employee-current-card{border:1px solid var(--line);background:#fff;border-radius:13px}.employee-log-card{padding:20px 22px}.employee-log-card>header,.employee-week-card>header,.employee-skills-card>header,.employee-current-card>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.employee-log-card h2,.employee-week-card h2,.employee-skills-card h2,.employee-current-card h2{font:700 15px var(--display);margin:0}.employee-log-card>header>div{gap:4px;display:flex}.employee-log-card>header button{color:var(--muted);background:0 0;border-radius:5px;padding:5px 7px;font-size:7.5px;font-weight:600}.employee-log-card>header button.active{color:var(--red);background:#fdeaec}.employee-log-list{margin-top:15px}.employee-log-list article{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;display:grid}.employee-log-list article:last-child{border:0}.log-icon{width:36px;height:36px;color:var(--blue);background:#eaf0fc;border-radius:8px;place-items:center;display:grid}.log-icon svg{width:14px}.log-green{color:var(--green);background:#e8f7ef}.log-red{color:var(--red);background:#fdeaec}.log-amber{color:#896000;background:#fff4d8}.employee-log-list p{color:#334057;margin:0;font-size:10px}.employee-log-list p b{color:var(--ink)}.employee-log-list small{font:500 8px var(--mono);color:var(--muted);margin-top:4px;display:block}.employee-log-list time{font:500 8px var(--mono);color:var(--muted)}.employee-detail-side{flex-direction:column;gap:18px;display:flex}.employee-week-card,.employee-skills-card,.employee-current-card{padding:19px}.employee-week-card header,.employee-skills-card header,.employee-current-card header{margin-bottom:13px}.employee-week-card header>span{font:500 7.5px var(--mono);color:var(--muted)}.employee-week-card>div{border-bottom:1px solid var(--line);color:var(--slate);justify-content:space-between;align-items:center;padding:10px 0;font-size:9.5px;display:flex}.employee-week-card>div:last-child{border:0}.employee-week-card b{color:var(--ink);font-size:9.5px}.employee-week-card b.positive{color:var(--green)}.employee-skills-card header svg{width:16px;color:var(--blue)}.employee-skill-list{flex-wrap:wrap;gap:6px;display:flex}.employee-skill-list span{color:var(--blue);font:600 7.5px var(--mono);background:#eaf0fc;border-radius:20px;padding:6px 8px}.employee-skill-list span:nth-child(2n){color:#38658d;background:#e9f0f8}.employee-skills-card>p{color:var(--slate);margin:13px 0 0;font-size:8.5px;line-height:1.6}.employee-current-card header>span{color:var(--green);font:600 6.5px var(--mono);background:#e8f7ef;border-radius:20px;padding:4px 7px}.employee-current-card>b{font-size:10px}.employee-current-card>p{color:var(--muted);margin:4px 0 12px;font-size:8px}.employee-current-card>div{background:#f6f8fc;border-radius:7px;justify-content:space-between;align-items:center;padding:9px;display:flex}.employee-current-card>div span{font:500 7.5px var(--mono);color:var(--muted)}.employee-current-card strong{font:700 14px var(--mono);color:var(--blue)}@media (max-width:1100px){.employee-profile-card{grid-template-columns:62px 1fr}.employee-kpis{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-around;padding-top:14px}.employee-detail-grid{grid-template-columns:1fr}.employee-detail-side{grid-template-columns:1fr 1fr;display:grid}.employee-current-card{grid-column:1/-1}}@media (max-width:760px){.employee-detail-heading{align-items:flex-start}.employee-detail-heading h1{font-size:25px}.employee-live{display:none}.employee-profile-card{grid-template-columns:48px 1fr;gap:11px;padding:15px}.employee-avatar-large{width:48px;height:48px;font-size:16px}.employee-identity h2{font-size:18px}.employee-identity>p{font-size:7.5px}.employee-identity>div{grid-column:1/-1}.employee-kpis{gap:10px}.employee-kpis b{font-size:20px}.employee-log-card{padding:15px}.employee-log-list article{grid-template-columns:31px 1fr}.log-icon{width:31px;height:31px}.employee-log-list time{text-align:left;grid-column:2}.employee-detail-side{display:flex}.employee-week-card,.employee-skills-card,.employee-current-card{padding:15px}}.attendance-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.attendance-heading>div:first-child>span{font:500 9px var(--mono);color:var(--slate)}.attendance-heading>div:first-child>span b{color:var(--red)}.attendance-heading h1{font:700 30px var(--display);letter-spacing:-.6px;margin:6px 0 4px}.attendance-heading p{color:var(--slate);margin:0;font-size:10px}.attendance-heading>div:last-child{align-items:center;gap:8px;display:flex}.attendance-heading button,.back-register{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:9px 11px;font-size:8.5px;font-weight:700;display:flex}.attendance-heading button svg{width:13px}.date-nav svg{width:11px!important}.attendance-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.attendance-summary article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.attendance-summary article>svg{width:36px;height:36px;color:var(--green);background:#e8f7ef;border-radius:8px;padding:10px}.attendance-summary article.amber>svg{color:#896000;background:#fff4d8}.attendance-summary article.blue>svg{color:var(--blue);background:#eaf0fc}.attendance-summary article.gray>svg{color:var(--slate);background:#edf0f5}.attendance-summary article>div{flex-direction:column;display:flex}.attendance-summary b{font:700 26px var(--display)}.attendance-summary span{font:600 8px var(--mono);color:var(--muted);text-transform:uppercase;margin-top:3px}.attendance-register{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.attendance-register>header{padding:16px 18px 0}.attendance-register>header>div:first-child{justify-content:space-between;align-items:center;display:flex}.attendance-register h2,.day-log-card h2,.location-log-card h2,.weekly-attendance h2{font:700 15px var(--display);margin:0}.attendance-register>header>div:first-child>span{font:600 7px var(--mono);color:var(--green);align-items:center;gap:5px;display:flex}.attendance-register>header>div:first-child>span i{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.attendance-tools{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.attendance-tools>div{gap:4px;display:flex}.attendance-tools button{color:var(--muted);background:0 0;border-radius:5px;padding:6px 8px;font-size:7.5px;font-weight:600}.attendance-tools button.active{color:var(--blue);background:#eaf0fc}.attendance-tools label{border:1px solid var(--line);background:#f8faff;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;display:flex}.attendance-tools label svg{width:12px;color:var(--muted)}.attendance-tools input{background:0 0;border:0;outline:0;min-width:130px;font-size:8px}.attendance-table-wrap{overflow:auto}.attendance-table{margin-top:12px}.attendance-table th{padding:10px 13px}.attendance-table td{padding:12px 13px}.attendance-table td:first-child a{align-items:center;gap:9px;display:flex}.attendance-avatar{background:var(--blue);color:#fff;border-radius:7px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:700;display:grid}.attendance-table td:first-child a>span:last-child{flex-direction:column;display:flex}.attendance-table td:first-child b{margin:0;font-size:9.5px}.attendance-table td:first-child small{color:var(--muted);margin-top:2px;font-size:7px}.att-mono{font:500 8.5px var(--mono)}.att-pill,.loc-pill{font:600 7px var(--mono);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.att-clocked-in{color:var(--green);background:#e8f7ef}.att-on-break{color:#896000;background:#fff4d8}.att-not-in{color:var(--slate);background:#edf0f5}.loc-pill{color:var(--blue);background:#eaf0fc}.loc-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.loc-off{color:var(--slate);background:#edf0f5}.attendance-view{border:1px solid var(--line);width:28px;height:28px;color:var(--blue);border-radius:6px;place-items:center;display:grid}.attendance-view svg{width:12px}.attendance-register>footer{border-top:1px solid var(--line);font:500 7.5px var(--mono);color:var(--muted);padding:11px 16px}.attendance-register>footer b{color:var(--ink)}.attendance-person{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;margin-bottom:16px;padding:18px 20px;display:grid}.attendance-person>span{background:linear-gradient(145deg,var(--blue-light),var(--blue-dark));color:#fff;width:56px;height:56px;font:700 18px var(--display);border-radius:12px;place-items:center;display:grid}.attendance-person>div:nth-child(2)>small{font:600 7px var(--mono);color:var(--blue)}.attendance-person h2{font:700 19px var(--display);margin:3px 0 2px}.attendance-person p{color:var(--muted);margin:0;font-size:8px}.attendance-person>div:nth-child(2)>div{gap:6px;margin-top:8px;display:flex}.attendance-person em{color:var(--green);font:600 7px var(--mono);background:#e8f7ef;border-radius:20px;align-items:center;gap:4px;padding:5px 7px;font-style:normal;display:flex}.attendance-person em:last-child{color:var(--blue);background:#eaf0fc}.attendance-person em svg{width:10px}.person-hours{text-align:right;flex-direction:column;display:flex}.person-hours b{font:700 20px var(--display)}.person-hours span{font:500 7.5px var(--mono);color:var(--muted);margin-top:3px}.attendance-detail-summary{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px;display:grid}.attendance-detail-summary article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.attendance-detail-summary article>svg{width:31px;height:31px;color:var(--blue);background:#eaf0fc;border-radius:7px;padding:8px}.attendance-detail-summary article>span{font:600 7px var(--mono);color:var(--muted);text-transform:uppercase;flex-direction:column;display:flex}.attendance-detail-summary b{font:700 15px var(--display);color:var(--ink);text-transform:none;margin-top:3px}.attendance-detail-summary small{text-transform:none;margin-top:2px;font-size:6.5px}.attendance-detail-grid{grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px;display:grid}.day-log-card,.location-log-card,.weekly-attendance{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.day-log-card>header,.location-log-card>header,.weekly-attendance>header{justify-content:space-between;align-items:center;display:flex}.day-log-card header>div>span,.weekly-attendance header>div>span{font:600 7px var(--mono);color:var(--blue)}.day-log-card h2,.weekly-attendance h2{margin-top:4px}.day-timeline{margin-top:17px}.day-timeline article{grid-template-columns:12px 42px 1fr;gap:9px;padding-bottom:17px;display:grid;position:relative}.day-timeline article:before{content:"";background:var(--line);width:1px;position:absolute;top:11px;bottom:-2px;left:5px}.day-timeline article:last-child:before{display:none}.day-timeline i{z-index:1;background:#d8deea;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 3px #fff}.day-timeline .done i{background:var(--green)}.day-timeline .current i{background:var(--blue);box-shadow:0 0 0 3px #eaf0fc}.day-timeline time{font:600 7.5px var(--mono);color:var(--muted)}.day-timeline b{font-size:9px}.day-timeline p{color:var(--muted);margin:3px 0 0;font-size:7.5px}.location-log-card header svg{width:16px;color:var(--blue)}.location-log-card>div{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 0;display:flex}.location-log-card>div>i{background:var(--blue);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #eaf0fc}.location-log-card>div>i.field{background:#d39b11;box-shadow:0 0 0 4px #fff4d8}.location-log-card>div>span{flex-direction:column;display:flex}.location-log-card b{font-size:8.5px}.location-log-card small{font:500 7px var(--mono);color:var(--muted);margin-top:3px}.location-log-card>p{color:var(--slate);margin:12px 0 0;font-size:7.5px;line-height:1.6}.weekly-attendance{padding:0;overflow:hidden}.weekly-attendance>header{padding:16px 18px}.weekly-attendance>header>span{font:600 7.5px var(--mono);color:var(--green)}.weekly-attendance table{min-width:780px}.weekly-attendance td{padding:11px 14px;font-size:8.5px}.weekly-attendance td b{font-size:8.5px}.week-status{color:var(--green);font:600 7px var(--mono);background:#e8f7ef;border-radius:20px;padding:4px 7px}.week-status.late{color:#896000;background:#fff4d8}@media (max-width:1100px){.attendance-summary,.attendance-detail-summary{grid-template-columns:repeat(2,1fr)}.attendance-detail-grid{grid-template-columns:1fr}}@media (max-width:760px){.attendance-heading{align-items:flex-start}.attendance-heading h1{font-size:25px}.attendance-heading>div:last-child{flex-direction:column;align-items:flex-end}.date-nav{display:none!important}.attendance-summary{grid-template-columns:1fr 1fr;gap:8px}.attendance-summary article{gap:9px;padding:12px}.attendance-summary article>svg{width:30px;height:30px}.attendance-summary b{font-size:21px}.attendance-tools{flex-direction:column;align-items:stretch}.attendance-tools>div{overflow-x:auto}.attendance-tools button{white-space:nowrap}.attendance-tools label{width:100%}.attendance-tools input{flex:1}.attendance-person{grid-template-columns:45px 1fr;padding:14px}.attendance-person>span{width:45px;height:45px}.person-hours{border-top:1px solid var(--line);text-align:left;grid-column:1/-1;padding-top:10px}.attendance-detail-summary{grid-template-columns:1fr 1fr;gap:8px}.attendance-detail-summary article{padding:10px}.day-log-card,.location-log-card{padding:14px}}.clients-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.clients-heading>div>span{font:500 9px var(--mono);color:var(--slate)}.clients-heading>div>span b{color:var(--red)}.clients-heading h1{font:700 30px var(--display);letter-spacing:-.6px;margin:6px 0 4px}.clients-heading p{color:var(--slate);margin:0;font-size:10px}.client-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.client-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:13px;padding:16px 18px;display:flex}.client-stats article>svg{width:35px;height:35px;color:var(--blue);background:#eaf0fc;border-radius:8px;padding:9px}.client-stats article:nth-child(2)>svg{color:var(--green);background:#e8f7ef}.client-stats article:nth-child(3)>svg{color:#896000;background:#fff4d8}.client-stats article>div{flex-direction:column;display:flex}.client-stats b{font:700 24px var(--display)}.client-stats span{font:600 7.5px var(--mono);color:var(--muted);text-transform:uppercase;margin-top:2px}.credentials-card{background:linear-gradient(110deg,#edf9f3,#fff);border:1px solid #bfe7d1;border-radius:12px;grid-template-columns:42px minmax(220px,1fr) auto auto;align-items:center;gap:13px;margin-bottom:17px;padding:14px 44px 14px 15px;display:grid;position:relative}.credentials-icon{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.credentials-icon svg{width:18px}.credentials-card small{font:600 7px var(--mono);color:var(--green);letter-spacing:.7px}.credentials-card h2{font:700 13px var(--display);margin:3px 0}.credentials-card p{color:var(--slate);margin:0;font-size:8px}.credentials-values{flex-wrap:wrap;gap:7px;display:flex}.credentials-values span{font:600 7.5px var(--mono);background:#fff;border:1px solid #dcebe3;border-radius:7px;align-items:center;gap:5px;padding:7px 8px;display:flex}.credentials-values svg{width:11px;color:var(--green)}.credentials-card>button:not(.credentials-close){background:var(--ink);color:#fff;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:7.5px;font-weight:700;display:flex}.credentials-card>button svg{width:12px}.credentials-close{color:var(--muted);background:0 0;padding:3px;position:absolute;top:9px;right:10px}.credentials-close svg{width:13px}.clients-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.clients-card>header{justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.clients-card>header>div{align-items:baseline;gap:8px;display:flex}.clients-card h2{font:700 15px var(--display);margin:0}.clients-card>header span{font:500 7.5px var(--mono);color:var(--muted)}.clients-card>header label{border:1px solid var(--line);background:#f8faff;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;display:flex}.clients-card>header label svg{width:13px;color:var(--muted)}.clients-card>header input{background:0 0;border:0;outline:0;width:205px;font-size:8px}.clients-table-wrap{overflow:auto}.clients-table{min-width:820px}.clients-table th{padding:10px 15px}.clients-table td{padding:12px 15px}.client-cell{align-items:center;gap:9px;display:flex}.client-cell>span{background:linear-gradient(145deg,var(--blue-light),var(--blue-dark));color:#fff;width:34px;height:34px;font:700 9px var(--display);border-radius:8px;place-items:center;display:grid}.client-cell b,.clients-table td>b{margin:0;font-size:9.5px}.client-cell small,.clients-table td>small{margin-top:3px;font-size:7px}.clients-table td>strong{font:700 11px var(--mono);color:var(--ink)}.client-status{font:600 7px var(--mono);border-radius:20px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.client-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.client-status.active{color:var(--green);background:#e8f7ef}.client-status.invited{color:#896000;background:#fff4d8}.client-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0b1225a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.client-modal{background:#fff;border-radius:15px;width:min(560px,100%);max-height:calc(100vh - 30px);overflow:auto;box-shadow:0 25px 70px #07102b55}.client-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:21px 23px 17px;display:flex}.client-modal>header small{font:600 7.5px var(--mono);color:var(--red);letter-spacing:.8px}.client-modal h2{font:700 22px var(--display);margin:5px 0 3px}.client-modal>header p{color:var(--slate);margin:0;font-size:8.5px}.client-modal>header button{border:1px solid var(--line);width:30px;height:30px;color:var(--slate);background:#fff;border-radius:7px;place-items:center;display:grid}.client-modal>header button svg{width:14px}.client-modal form{grid-template-columns:1fr 1fr;gap:14px;padding:20px 23px 23px;display:grid}.client-modal form>label{color:#364157;font-size:8.5px;font-weight:600}.client-modal form>label>span{margin-bottom:6px;display:block}.client-modal input{border:1px solid var(--line);border-radius:7px;outline:0;width:100%;padding:10px;font-size:9px}.client-modal input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e8efff}.password-field{grid-column:1/-1}.password-field>div{display:flex}.password-field>div input{border-radius:7px 0 0 7px}.password-field>div button{color:var(--blue);background:#eaf0fc;border:1px solid #cfdaef;border-left:0;border-radius:0 7px 7px 0;padding:0 13px;font-size:7.5px;font-weight:700}.password-field small{color:var(--muted);margin-top:5px;font-size:7px;display:block}.client-modal-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:2px;padding-top:16px;display:flex}.client-modal-actions svg{width:13px}@media (max-width:1000px){.credentials-card{grid-template-columns:42px 1fr auto}.credentials-values{grid-column:2}.credentials-card>button:not(.credentials-close){grid-area:1/3/3}}@media (max-width:760px){.clients-heading{align-items:flex-start}.clients-heading h1{font-size:25px}.clients-heading .btn{padding:9px 11px}.client-stats{grid-template-columns:1fr}.client-stats article{padding:12px}.credentials-card{grid-template-columns:38px 1fr;padding:13px 38px 13px 13px}.credentials-icon{width:38px;height:38px}.credentials-values{grid-column:1/-1}.credentials-card>button:not(.credentials-close){grid-area:auto/1/auto/-1;justify-content:center}.clients-card>header{flex-direction:column;align-items:stretch}.clients-card>header label input{width:100%}.client-modal form{grid-template-columns:1fr;padding:17px}.password-field,.client-modal-actions{grid-column:1}.client-modal>header{padding:18px 17px}.client-modal-actions .btn{flex:1;padding-inline:8px}}.web-notices{z-index:99999;pointer-events:none;gap:12px;width:min(390px,100vw - 32px);display:grid;position:fixed;top:24px;right:24px}.web-notice{pointer-events:auto;color:#162033;background:#fff;border:1px solid #dce3ed;border-left:4px solid #2878ff;border-radius:12px;grid-template-columns:24px 1fr 28px;align-items:start;gap:12px;padding:16px;animation:.22s ease-out web-notice-in;display:grid;box-shadow:0 18px 50px #0f1f372e}.web-notice svg{color:#2878ff;width:21px;height:21px}.web-notice b{font-size:14px;display:block}.web-notice p{color:#617087;margin:3px 0 0;font-size:13px;line-height:1.35}.web-notice button{color:#748197;cursor:pointer;background:0 0;border:0;padding:2px}.web-notice-success{border-left-color:#19a56f}.web-notice-success>svg{color:#19a56f}.web-notice-error{border-left-color:#e5484d}.web-notice-error>svg{color:#e5484d}.web-notice-warning{border-left-color:#e59b18}.web-notice-warning>svg{color:#e59b18}@keyframes web-notice-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:600px){.web-notices{top:16px;right:16px}}.web-dialog-backdrop{z-index:100000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07102bb3;place-items:center;padding:20px;animation:.18s ease-out web-dialog-fade;display:grid;position:fixed;inset:0}.web-dialog{color:#162033;background:#fff;border:1px solid #dce3ed;border-radius:18px;grid-template-columns:52px 1fr;gap:16px;width:min(480px,100%);padding:24px;animation:.2s ease-out web-dialog-in;display:grid;position:relative;box-shadow:0 30px 90px #030c2059}.web-dialog-icon{color:#2878ff;background:#eaf1ff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.web-dialog-icon svg{width:25px}.web-dialog-copy{padding-right:25px}.web-dialog-copy small{font:700 9px var(--mono,monospace);letter-spacing:1px;color:#2878ff}.web-dialog-copy h2{font:700 21px var(--display,sans-serif);color:#162033;margin:5px 0 7px}.web-dialog-copy p{color:#617087;margin:0;font-size:13px;line-height:1.55}.web-dialog-close{color:#748197;cursor:pointer;background:#f2f5fa;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:16px;right:16px}.web-dialog-close svg{width:16px}.web-dialog-actions{border-top:1px solid #e3e8f0;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:18px;display:flex}.web-dialog-actions button{cursor:pointer;border:0;border-radius:9px;min-width:105px;padding:11px 17px;font-size:13px;font-weight:800}.web-dialog-cancel{color:#536176;background:#eef2f7}.web-dialog-confirm{color:#fff;background:#2878ff;box-shadow:0 8px 20px #2878ff40}.web-dialog-danger .web-dialog-icon{color:#e5484d;background:#ffebed}.web-dialog-danger .web-dialog-copy small{color:#e5484d}.web-dialog-danger .web-dialog-confirm{background:#e5484d;box-shadow:0 8px 20px #e5484d40}.web-dialog-warning .web-dialog-icon{color:#d98d08;background:#fff4db}.web-dialog-warning .web-dialog-copy small{color:#d98d08}.web-dialog-warning .web-dialog-confirm{background:#d98d08;box-shadow:0 8px 20px #d98d0840}@keyframes web-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes web-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:600px){.web-dialog{grid-template-columns:42px 1fr;gap:12px;padding:19px}.web-dialog-icon{width:42px;height:42px}.web-dialog-copy h2{font-size:18px}.web-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.web-dialog-actions button{min-width:0}}.notification-inbox{z-index:300;background:#fff;border:1px solid #dce3ed;border-radius:14px;width:min(410px,100vw - 32px);position:absolute;top:70px;right:28px;overflow:hidden;box-shadow:0 24px 70px #12223a33}.notification-inbox header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.notification-inbox header>div{align-items:center;gap:10px;display:flex}.notification-inbox header span{display:grid}.notification-inbox header small{color:#718096;font-size:11px}.notification-inbox header button,.notification-inbox footer button{cursor:pointer;background:0 0;border:0}.notification-inbox-list{max-height:390px;overflow:auto}.notification-inbox-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f2f6;grid-template-columns:8px 1fr;gap:8px;width:100%;padding:13px 17px;display:grid}.notification-inbox-list>button.unread{background:#f5f9ff}.notification-inbox-list>button>i{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:6px}.notification-inbox-list>button.unread>i{background:#2878ff}.notification-inbox-list b{font-size:13px}.notification-inbox-list p{color:#607087;margin:3px 0;font-size:12px;line-height:1.35}.notification-inbox-list small{color:#8a95a6;font-size:10px}.notification-empty{color:#718096;place-items:center;gap:8px;padding:35px;display:grid}.notification-inbox footer{background:#f8fafc;padding:10px 15px}.notification-inbox footer button{color:#285fa8;align-items:center;gap:7px;font-size:12px;display:flex}@media (max-width:760px){.notification-inbox{top:64px;right:16px}}.employee-admin-stats{grid-template-columns:repeat(5,1fr);gap:13px;margin:0 0 18px;display:grid}.employee-admin-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:16px;display:grid}.employee-admin-stats svg{width:42px;height:42px;color:var(--blue);background:#eaf0fc;border-radius:9px;grid-row:span 2;padding:11px}.employee-admin-stats b{font:700 24px var(--display);line-height:1}.employee-admin-stats span{font:600 7.5px var(--mono);color:var(--muted);text-transform:uppercase}.employee-admin-stats .green svg{color:var(--green);background:#e8f7ef}.employee-admin-stats .amber svg{color:#896000;background:#fff4d8}.employee-admin-stats .red svg{color:var(--red);background:#fdeaec}.employee-admin-stats .blue svg{color:#39628d;background:#e9f0fb}.employee-add-trigger{align-items:center;gap:7px;display:flex!important}.employee-create-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:18px;padding:18px 20px}.employee-create-card>header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.employee-create-card>header>svg{width:42px;height:42px;color:var(--blue);background:#eaf0fc;border-radius:10px;padding:11px}.employee-create-card h2{font:700 16px var(--display);margin:0}.employee-create-card p{color:var(--muted);margin:3px 0 0;font-size:9px}.employee-form-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.employee-form-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.employee-search{border:1px solid var(--line);background:#f8faff;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex}.employee-search svg{width:14px;color:var(--muted)}.employee-search input{background:0 0;border:0;outline:0;min-width:210px;font-size:9px}.employee-admin-table-wrap{overflow:auto}.employee-admin-table{min-width:1120px}.employee-admin-table th{padding:10px 13px}.employee-admin-table td{border-top:1px solid var(--line);vertical-align:middle;padding:13px}.employee-admin-table td>small,.employee-admin-table td small{color:var(--muted);margin-top:4px;font-size:7.5px;display:block}.employee-admin-table td>b{font-size:9.5px}.employee-admin-person{align-items:center;gap:10px;display:flex}.employee-admin-person>span{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:35px;height:35px;font-size:9px;font-weight:800;display:grid}.employee-admin-person b{font-size:10px}.employee-admin-person small{align-items:center;gap:4px;display:flex!important}.employee-admin-person small svg{width:10px}.employee-mini-pill,.employee-status{font:700 7px var(--mono);text-transform:uppercase;border-radius:20px;padding:5px 8px;display:inline-flex}.employee-mini-pill.green{color:var(--green);background:#e8f7ef}.employee-mini-pill.gray{color:var(--slate);background:#edf0f5}.employee-status-active{color:var(--green);background:#e8f7ef}.employee-status-suspended{color:var(--red);background:#fdeaec}.employee-status-invited{color:#896000;background:#fff4d8}.employee-actions{gap:6px;display:flex}.employee-actions a,.employee-actions button{border:1px solid var(--line);width:30px;height:30px;color:var(--blue);background:#fff;border-radius:7px;place-items:center;display:grid}.employee-actions button:last-child,.employee-danger-action{color:var(--red)!important}.employee-actions svg{width:13px}.employee-actions button:disabled{opacity:.45}.employee-danger-action{background:#fff8f9!important;border-color:#ffd5d9!important}.employee-detail-grid-lower{margin-top:18px}@media (max-width:1200px){.employee-admin-stats{grid-template-columns:repeat(3,1fr)}.employee-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.employee-admin-stats{grid-template-columns:1fr 1fr}.employee-form-grid{grid-template-columns:1fr}.employee-search input{width:100%;min-width:0}.employee-create-card{padding:15px}.employee-detail-heading>div:last-child{flex-wrap:wrap}}.employee-profile-card-pro{border-left:4px solid var(--blue);box-shadow:0 18px 45px #0b2d5c0b}.employee-workload-strip{grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 18px;display:grid}.employee-workload-strip article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:3px 11px;padding:15px;display:grid}.employee-workload-strip svg{width:34px;height:34px;color:var(--blue);background:#eaf0fc;border-radius:8px;grid-row:span 3;padding:8px}.employee-workload-strip span{font:700 7px var(--mono);text-transform:uppercase;color:var(--muted);letter-spacing:.8px}.employee-workload-strip b{font:700 20px var(--display);line-height:1.1}.employee-workload-strip small{font:500 7.5px var(--mono);color:var(--slate)}.employee-detail-grid-pro{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr)}.employee-log-card>header>span{font:700 7px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.employee-task-board{padding:0;overflow:hidden}.employee-task-board>header{border-bottom:1px solid var(--line);padding:19px 21px}.employee-task-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(180px,.9fr) auto auto;align-items:center;gap:13px;padding:15px 21px;display:grid}.employee-task-list article.active{border-left:4px solid var(--blue);background:#f7fbff;padding-left:17px}.employee-task-list article:last-child{border-bottom:0}.employee-task-list b{font:700 12px var(--display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-task-list span,.employee-task-list small{font:600 8px var(--mono);color:var(--muted);margin-top:4px;display:block}.employee-task-list em{font:600 8px var(--mono);color:var(--green);text-overflow:ellipsis;white-space:nowrap;max-width:340px;margin-top:5px;font-style:normal;display:block;overflow:hidden}.employee-task-list strong{color:#496073;font:800 7px var(--mono);text-transform:uppercase;white-space:nowrap;background:#eef3fb;border-radius:20px;padding:6px 8px}.employee-task-list a{border:1px solid var(--line);font:800 7px var(--mono);color:var(--blue);text-transform:uppercase;background:#fff;border-radius:7px;padding:7px 9px}.employee-current-card-pro>div+div{margin-top:7px}.employee-week-card header svg,.employee-photo-card header svg{width:15px;color:var(--blue)}.employee-week-card p,.employee-task-list p,.employee-log-list>p{color:var(--muted);margin:8px 0 0;font-size:9px}.employee-photo-card b{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.employee-register-list article,.employee-event-feed article{grid-template-columns:36px minmax(0,1fr) 74px}.employee-event-feed p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-blue{color:var(--blue);background:#eaf0fc}.log-slate{color:var(--slate);background:#edf0f5}@media (max-width:1200px){.employee-workload-strip{grid-template-columns:repeat(2,1fr)}.employee-task-list article{grid-template-columns:minmax(0,1fr) auto}.employee-task-list article>div:nth-child(2){grid-area:2/1/auto/-1}.employee-task-list a{grid-area:1/2}}@media (max-width:760px){.employee-workload-strip,.employee-detail-grid-pro,.employee-task-list article{grid-template-columns:1fr}.employee-task-list a,.employee-task-list article>div:nth-child(2){grid-area:auto}.employee-register-list article,.employee-event-feed article{grid-template-columns:31px 1fr}.employee-event-feed p{white-space:normal}}.employee-modal select{border:1px solid var(--line);background:#fff;border-radius:7px;outline:0;width:100%;padding:10px;font-size:9px}.employee-modal select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e8efff}.employee-modal .password-field input{border-radius:7px}.employee-modal .password-field small{color:var(--muted);margin-top:5px;font-size:7px;display:block}.employee-credentials-card{background:linear-gradient(110deg,#edf5ff,#fff)}.crm-sidebar{overflow-y:auto}.crm-sidebar-profile{background:#ffffff06;border-top:1px solid #2f3a50;border-bottom:1px solid #202a3e;border-radius:12px;margin-top:auto;margin-bottom:10px;padding:14px 10px}.crm-sidebar-profile>span{box-shadow:0 8px 22px #2f6be047}.crm-sidebar-profile b{color:#fff;font-size:12px}.crm-sidebar-profile small{color:#aeb8ca}.logout{color:#fff;background:linear-gradient(135deg,#24324f,#172237);border:1px solid #ffffff29;border-radius:10px;justify-content:center;width:100%;min-height:42px;margin:0;padding:11px 12px;font-size:12px;font-weight:800;box-shadow:0 10px 24px #0000002e}.logout svg{color:#ff6b7a;width:16px}.logout:hover{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;border-color:#0000;transform:translateY(-1px)}.request-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.request-heading span{font:500 13px var(--mono);color:#485574}.request-heading span b{color:var(--red);font-weight:500}.request-heading h1{font:800 29px var(--display);letter-spacing:-.6px;margin:20px 0 0}.request-clock{border:1px solid var(--line);font:700 14px var(--mono);color:#465170;background:#fff;border-radius:10px;align-items:center;gap:9px;padding:12px 17px;display:flex}.request-clock i{background:var(--red);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #fdeaec}.request-layout{grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr);align-items:start;gap:24px;display:grid}.request-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:30px 32px}.request-card h2{font:800 20px var(--display);letter-spacing:-.2px;margin:0 0 26px}.request-main-card{padding-bottom:34px}.request-card label{margin-bottom:22px;display:block}.request-card label>span,.request-section-title{font:800 13px var(--mono);color:#4b5877;letter-spacing:-.1px;margin-bottom:10px;display:block}.request-card input,.request-card select,.request-card textarea{width:100%;color:var(--ink);background:#fff;border:1.5px solid #cfd8ea;border-radius:10px;outline:0;padding:15px 17px;font-size:18px;transition:all .16s}.request-card input::placeholder,.request-card textarea::placeholder{color:#747985}.request-card input:focus,.request-card select:focus,.request-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e8efff}.request-card textarea{resize:vertical;min-height:100px}.request-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.request-toggle{text-align:left;width:100%;color:var(--ink);background:#eaf1ff;border-radius:10px;align-items:center;gap:14px;margin:2px 0 22px;padding:18px 20px;display:flex}.request-toggle i{background:#cfd8ea;border-radius:20px;flex:none;width:46px;height:28px;position:relative}.request-toggle i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .16s;position:absolute;top:4px;left:4px}.request-toggle.active i{background:var(--blue)}.request-toggle b{font-size:16px;display:block}.request-toggle small{color:#4c5a7a;font:500 12px var(--mono);margin-top:5px;display:block}.request-section-title{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:2px;color:#71809d;margin-top:28px;padding-top:20px}.request-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.request-actions .btn-primary{background:var(--blue);box-shadow:0 10px 22px #2f6be02e}.request-actions .btn-primary:hover{background:var(--blue-dark)}.request-actions>span{font:700 12px var(--mono);color:var(--green)}.request-side{flex-direction:column;gap:24px;display:flex}.request-upload{text-align:center;border:1.5px dashed #c7d2e8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:24px;position:relative;margin:0 0 16px!important;display:flex!important}.request-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.request-upload svg{color:#5f6c87;width:25px;height:25px;margin-bottom:22px}.request-upload span{font:500 12px var(--mono)!important;color:#71809d!important;margin-top:12px!important}.request-file-list{gap:11px;display:grid}.request-file-list p{color:var(--muted);margin:0;font-size:12px}.request-file-list article{border:1.5px solid #cfd8ea;border-radius:13px;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;padding:14px 18px;display:grid}.request-file-list article>div{color:#fff;width:58px;height:52px;font:800 12px var(--mono);background:#225d91;border-radius:9px;place-items:center;display:grid}.request-file-list article:nth-child(2n)>div{background:var(--red)}.request-file-list b{margin-bottom:6px;font-size:17px;display:block}.request-file-list small{font:500 12px var(--mono);color:#485574}.request-file-list em{color:#0b8c43;font-style:normal;font:800 11px var(--mono);background:#def7e9;border-radius:7px;padding:7px 12px}.request-timeline{gap:28px;margin-top:8px;display:grid;position:relative}.request-timeline:before{content:"";background:#d5ddeb;width:2px;position:absolute;top:17px;bottom:17px;left:12px}.request-timeline article{grid-template-columns:30px 1fr;align-items:start;gap:14px;display:grid;position:relative}.request-timeline i{z-index:1;background:#fff;border:2px solid #cfd8ea;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 5px #fff}.request-timeline .active i{background:var(--red);border-color:var(--red);box-shadow:0 0 0 7px #ffe3e6}.request-timeline small{font:500 12px var(--mono);color:#4f5e7d;grid-column:2;margin-top:-8px;display:block}@media (max-width:1100px){.request-layout{grid-template-columns:1fr}.request-side{grid-template-columns:1fr 1fr;display:grid}.request-main-card{grid-column:1/-1}}@media (max-width:760px){.request-heading{display:block}.request-clock{margin-top:14px;display:inline-flex}.request-heading h1{margin-top:12px;font-size:25px}.request-card{padding:20px}.request-form-grid,.request-side{grid-template-columns:1fr}.request-card input,.request-card select,.request-card textarea{font-size:15px}.request-file-list article{grid-template-columns:48px 1fr}.request-file-list em{grid-column:2;justify-self:start}.request-actions{flex-wrap:wrap}.request-actions .btn{flex:1}}.request-heading{margin-bottom:18px}.request-heading span{font-size:10px}.request-heading h1{margin-top:14px;font-size:27px}.request-clock{padding:9px 13px;font-size:12px}.request-layout{gap:18px}.request-card{border-radius:13px;padding:24px}.request-card h2{margin-bottom:22px;font-size:17px}.request-card label{margin-bottom:17px}.request-card label>span,.request-section-title{margin-bottom:7px;font-size:10px}.request-card input,.request-card select,.request-card textarea{border-radius:8px;padding:12px 13px;font-size:13px}.request-card textarea{min-height:88px}.request-form-grid{gap:14px}.request-toggle{border-radius:8px;margin-bottom:17px;padding:14px 15px}.request-toggle i{width:38px;height:23px}.request-toggle i:after{width:17px;height:17px;top:3px;left:3px}.request-toggle.active i:after{left:18px}.request-toggle b{font-size:13px}.request-toggle small{font-size:9px}.request-section-title{margin-top:20px;padding-top:16px}.request-actions .btn{min-width:112px;padding:11px 17px;font-size:11px}.request-upload{border-radius:12px;min-height:150px;margin-bottom:13px!important}.request-upload svg{width:20px;height:20px;margin-bottom:15px}.request-upload b{font-size:13px}.request-upload span{margin-top:9px!important;font-size:9px!important}.request-file-list article{border-radius:10px;grid-template-columns:46px 1fr auto;padding:11px 13px}.request-file-list article>div{border-radius:8px;width:46px;height:42px;font-size:10px}.request-file-list b{margin-bottom:4px;font-size:12px}.request-file-list small{font-size:9px}.request-file-list em{padding:5px 9px;font-size:9px}.request-file-list p{font-size:10px}.request-timeline{gap:20px}.request-timeline:before{left:10px}.request-timeline article{grid-template-columns:26px 1fr;gap:10px}.request-timeline i{width:20px;height:20px}.request-timeline b{font-size:13px}.request-timeline small{margin-top:-5px;font-size:9px}.request-inbox-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.request-inbox-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px 17px}.request-inbox-stats span{font:700 8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);display:block}.request-inbox-stats b{font:800 25px var(--display);color:var(--ink);margin-top:8px;display:block}.request-inbox-card,.job-panel{border:1px solid var(--line);background:#fff;border-radius:13px}.request-inbox-card{overflow:hidden}.request-inbox-card>header,.job-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;display:flex}.request-inbox-card h2,.job-panel h2{font:800 16px var(--display);letter-spacing:-.2px;margin:0}.request-inbox-card header span,.job-panel header span,.job-panel header a{font:700 9px var(--mono);color:var(--muted)}.job-panel header a{color:var(--red)}.request-inbox-list{display:grid}.request-inbox-item{border-bottom:1px solid #edf0f6;grid-template-columns:minmax(0,1fr) 150px 190px;align-items:center;gap:18px;padding:16px 20px;transition:all .15s;display:grid}.request-inbox-item:hover{background:#f8fbff}.request-inbox-item:last-child{border-bottom:0}.request-inbox-item span{font:700 8.5px var(--mono);letter-spacing:.7px;color:var(--blue)}.request-inbox-item h2{font:800 15px var(--display);margin:4px 0}.request-inbox-item p,.request-inbox-item small{color:var(--muted);margin:0;font-size:10px}.request-inbox-item b{font-size:12px}.request-inbox-item>div{gap:4px;display:grid}.request-state{color:var(--blue);font:800 8px var(--mono);text-transform:uppercase;background:#edf3ff;border-radius:999px;justify-self:start;padding:5px 9px;font-style:normal}.state-submitted,.state-under_review{color:#8a6200;background:#fff4d8}.state-quoted,.state-awaiting_approval{color:var(--blue);background:#e9f0ff}.state-approved,.state-in_production{color:var(--green);background:#e8f7ef}.state-cancelled{color:var(--red);background:#fdeaec}.job-detail-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.job-detail-heading>div:first-child span{font:500 12px var(--mono);color:#485574}.job-detail-heading>div:first-child b{color:var(--red);font-weight:500}.job-detail-heading h1{font:800 28px var(--display);letter-spacing:-.6px;margin:16px 0 0}.job-detail-heading>div:last-child{align-items:center;gap:10px;display:flex}.job-detail-heading em{font:800 10px var(--mono);color:var(--blue);background:#eaf1ff;border-radius:999px;padding:8px 12px;font-style:normal}.job-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(340px,.9fr);align-items:start;gap:22px;display:grid}.job-detail-layout main,.job-detail-layout aside{gap:18px;display:grid}.job-detail-rows{padding:8px 20px 16px}.job-detail-rows>div{border-bottom:1px solid #edf0f6;grid-template-columns:190px 1fr;gap:18px;padding:12px 0;display:grid}.job-detail-rows>div:last-child{border-bottom:0}.job-detail-rows span{color:#55607b;font-size:12px}.job-detail-rows b{text-align:right;justify-self:end;font-size:12px;line-height:1.45}.green{color:var(--green)!important}.job-files{gap:10px;padding:0 20px 20px;display:grid}.job-files article{background:#effcf4;border:1.5px solid #b9eccb;border-radius:12px;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;padding:12px;display:grid}.job-files article>div:not(.job-file-actions){background:var(--red);color:#fff;width:45px;height:42px;font:800 10px var(--mono);border-radius:9px;place-items:center;display:grid}.job-files b{font-size:12px;display:block}.job-files small{font:500 9px var(--mono);color:#4f5e7d;margin-top:4px;display:block}.job-files button{background:var(--blue);color:#fff;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800}.job-files p,.job-muted{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.job-panel>.job-muted{padding:0 20px 18px}.job-payment-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 18px;display:grid}.job-payment-grid article{border:1.5px solid var(--blue);background:#eef4ff;border-radius:10px;padding:15px}.job-payment-grid article.paid{border-color:var(--green);background:#ecfbf2}.job-payment-grid article.due{border-color:var(--red);background:#fff1f3}.job-payment-grid span{font:700 9px var(--mono);text-transform:uppercase;color:#65708a;display:block}.job-payment-grid b{font:800 22px var(--display);margin-top:10px;display:block}.job-price-form{grid-template-columns:1fr 140px auto;gap:9px;padding:0 20px 20px;display:grid}.job-price-form input,.job-chat-form textarea{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.job-price-form input:focus,.job-chat-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e8efff}.job-chat{gap:11px;max-height:390px;padding:3px 20px 18px;display:grid;overflow:auto}.job-chat article{background:#f8fbff;border:1px solid #e4eaf4;border-radius:13px 13px 13px 4px;max-width:86%;padding:11px 12px}.job-chat article.admin{background:#eef5ff;border-color:#d7e5ff;border-radius:13px 13px 4px;justify-self:end}.job-chat article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.job-chat small{font:500 8px var(--mono);color:var(--muted)}.job-chat p{color:#2f3a52;margin:7px 0 0;font-size:11px;line-height:1.55}.chat-files{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chat-files button{color:var(--blue);background:#fff;border:1px solid #cfd8ea;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.job-chat-form{border-top:1px solid var(--line);padding:14px 20px 20px}.job-chat-form div{align-items:center;gap:10px;margin-top:9px;display:flex}.job-chat-form label{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:800;position:relative;overflow:hidden}.job-chat-form input{opacity:0;position:absolute;inset:0}.job-chat-form span{color:var(--muted);flex:1;font-size:10px}.job-status-actions{gap:8px;padding:10px 20px 20px;display:grid}.job-status-actions button{color:var(--blue);background:#fff;border:1px solid #cfd8ea;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:800}.job-status-actions button:hover{border-color:var(--blue);background:#edf4ff}@media (max-width:1150px){.request-inbox-stats{grid-template-columns:repeat(2,1fr)}.job-detail-layout,.request-inbox-item{grid-template-columns:1fr}}@media (max-width:760px){.request-inbox-stats{grid-template-columns:1fr}.job-detail-heading,.job-detail-heading>div:last-child{display:block}.job-detail-heading .request-clock{margin-top:12px}.job-detail-heading em{margin-top:10px;display:inline-block}.job-detail-rows>div{grid-template-columns:1fr;gap:5px}.job-detail-rows b{text-align:left;justify-self:start}.job-payment-grid,.job-price-form{grid-template-columns:1fr}.job-chat article{max-width:100%}.job-chat-form div{flex-direction:column;align-items:stretch}.job-chat-form span{flex:auto}}.job-chat{scrollbar-width:thin;scrollbar-color:#b7c6df #eef3fb;background:linear-gradient(#f8fbff 0%,#fff 100%);align-content:start;min-height:430px;max-height:560px;padding:18px 24px 22px;overflow-y:auto}.job-chat::-webkit-scrollbar{width:10px}.job-chat::-webkit-scrollbar-track{background:#eef3fb;border-radius:999px}.job-chat::-webkit-scrollbar-thumb{background:#b7c6df;border:2px solid #eef3fb;border-radius:999px}.job-chat article{width:max-content;max-width:min(620px,78%);padding:13px 15px;box-shadow:0 8px 22px #0f1f370f}.job-chat article.admin-message{background:#fff;border-color:#dfe7f3;border-radius:15px 15px 15px 5px;justify-self:start}.job-chat article.client-message{background:#eaf3ff;border-color:#cdddf7;border-radius:15px 15px 5px;justify-self:end}.job-chat article.admin,.job-chat article.client{justify-self:initial}.job-chat article>div{min-width:260px}.job-chat b{font-size:11px}.job-chat small{font-size:8.5px}.job-chat p{font-size:12px;line-height:1.65}.job-chat-form textarea{resize:vertical;min-height:82px;max-height:150px;font-size:12px}.job-chat-form{background:#fff}@media (max-width:760px){.job-chat{min-height:340px;max-height:480px;padding:14px}.job-chat article{max-width:92%}.job-chat article>div{min-width:0}}.job-chat article.own-message{border-radius:15px 15px 5px;justify-self:end}.job-chat article.other-message{border-radius:15px 15px 15px 5px;justify-self:start}.job-chat article.admin-message.own-message{background:linear-gradient(135deg,var(--blue),#2467df);color:#fff;border-color:#1455c8;box-shadow:0 14px 34px #0b3fae2e}.job-chat article.admin-message.own-message p,.job-chat article.admin-message.own-message b{color:#fff}.job-chat article.admin-message.own-message small{color:#dbe7ff}.job-chat article.admin-message.other-message{background:#eef5ff;border-color:#cdddf7}.job-chat article.client-message.own-message{background:#eaf3ff;border-color:#cdddf7}.job-chat article.client-message.other-message{background:#fff;border-color:#dfe7f3}.chat-files-rich{gap:9px;margin-top:12px;display:grid}.chat-files-rich .chat-attachment{width:min(420px,100%);max-width:100%;color:var(--ink);background:#ffffffeb;border:1px solid #cfd8eae6;border-radius:12px;grid-template-columns:46px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:8px;display:grid;position:relative;overflow:hidden}.chat-attachment.image{grid-template-columns:minmax(150px,260px) minmax(0,1fr) 34px;align-items:end}.chat-image-preview{background:#e8eef8;border:0;border-radius:10px;grid-row:1/3;width:100%;height:150px;padding:0;display:block;position:relative;overflow:hidden}.chat-image-preview img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.chat-image-preview:hover img{transform:scale(1.03)}.chat-file-icon{width:46px;height:46px;color:var(--blue);background:#eef4ff;border-radius:10px;place-items:center;display:grid}.chat-file-meta{min-width:0}.chat-file-meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--ink)!important;font-size:10.5px!important;display:block!important}.chat-file-meta small{color:#68758f!important;margin-top:4px!important;font-size:8px!important;display:block!important}.chat-download{border-radius:9px;place-items:center;width:34px;height:34px;display:grid;color:var(--blue)!important;background:#fff!important;border:1px solid #cfdaef!important;padding:0!important}.chat-download:hover{border-color:var(--blue)!important;background:#edf4ff!important}.job-chat article.admin-message.own-message .chat-files-rich .chat-attachment{background:#fffffff5;border-color:#ffffff73}@media (max-width:760px){.chat-attachment.image{grid-template-columns:1fr 34px}.chat-image-preview{grid-column:1/-1;height:170px}.chat-file-meta{grid-column:1}.chat-download{grid-column:2}}.job-detail-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;display:grid}.job-detail-summary article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;display:flex}.job-detail-summary article>svg{width:36px;height:36px;color:var(--blue);background:#eaf0fc;border-radius:9px;padding:9px}.job-detail-summary article:nth-child(2)>svg{color:var(--green);background:#e8f7ef}.job-detail-summary article:nth-child(3)>svg{color:#896000;background:#fff4d8}.job-detail-summary article:nth-child(4)>svg{color:var(--red);background:#fdeaec}.job-detail-summary div{flex-direction:column;display:flex}.job-detail-summary span{font:600 7.5px var(--mono);color:var(--muted);text-transform:uppercase}.job-detail-summary b{font:700 20px var(--display);margin-top:3px}.job-detail-summary small{font:500 7px var(--mono);color:var(--slate);margin-top:2px}.job-detail-group{padding:0 20px 18px}.job-detail-group-header{font:800 11px var(--display);letter-spacing:-.2px;color:var(--ink);text-transform:capitalize;align-items:center;gap:8px;margin:18px 0 12px;display:flex}.job-detail-group-header>i{background:var(--blue);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.job-detail-group-header:first-child{margin-top:8px}.job-detail-grid{background:#f8fbff;border:1px solid #edf0f6;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:hidden}.job-detail-grid .job-detail-field{border-bottom:1px solid #edf0f6;border-right:1px solid #edf0f6;grid-template-columns:140px 1fr;align-items:center;gap:12px;padding:11px 14px;display:grid}.job-detail-grid .job-detail-field:nth-child(2n){border-right:0}.job-detail-grid .job-detail-field:nth-last-child(-n+2):nth-child(odd),.job-detail-grid .job-detail-field:nth-last-child(-n+2):nth-child(odd)~.job-detail-field:nth-last-child(-n+2){border-bottom:0}.job-detail-grid .job-detail-field:only-child{border-bottom:0;border-right:0}.job-detail-field span{font:600 8.5px var(--mono);color:#6b7691;text-transform:uppercase;letter-spacing:.3px}.job-detail-field b{color:var(--ink);text-align:right;justify-self:end;font-size:11.5px;line-height:1.45}.job-detail-field b.green{color:var(--green)}.job-detail-field.full-width{grid-column:1/-1;border-right:0!important}.job-detail-field.full-width b{text-align:left;justify-self:start}.job-detail-select{width:100%;color:var(--ink);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2356607a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center/14px no-repeat;border:1.5px solid #d5deed;border-radius:8px;outline:none;padding:10px 12px;font-size:11.5px;transition:all .15s}.job-detail-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e8efff}.job-detail-select:disabled{opacity:.5;cursor:not-allowed;background:#f4f7fc}.stage-cards{gap:14px;padding:0 20px 18px;display:grid}.stage-card{background:#fff;border:1.5px solid #d5deed;border-radius:12px;padding:16px;transition:all .15s}.stage-card.active{border-color:var(--blue);background:#f4f8ff}.stage-card.locked{opacity:.72;background:#f8f9fb;border-color:#e2e7f1}.stage-card.completed{border-color:var(--green);background:#f0faf4}.stage-card header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.stage-card header b{font:800 14px var(--display);letter-spacing:-.2px}.stage-card header small{font:700 8px var(--mono);text-transform:uppercase;border-radius:20px;padding:5px 10px}.stage-card.active header small{color:var(--blue);background:#eaf1ff}.stage-card.locked header small{color:#7b8497;background:#edf0f6}.stage-card.completed header small{color:var(--green);background:#e8f7ef}.stage-card .stage-info{gap:6px;display:grid}.stage-card .stage-info em{color:#4f5e7d;align-items:center;gap:6px;font-size:10.5px;font-style:normal;display:flex}.stage-card .stage-info em svg{width:13px;color:var(--blue)}.stage-card .stage-employee{background:#f8fbff;border:1px solid #e2e7f1;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.stage-card .stage-employee span{background:var(--blue);color:#fff;width:34px;height:34px;font:700 10px var(--display);border-radius:8px;place-items:center;display:grid}.stage-card .stage-employee div{flex:1}.stage-card .stage-employee small{color:var(--muted);font-size:8.5px}.stage-card .stage-meta{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.stage-card .stage-meta span{font:600 7.5px var(--mono);color:var(--muted);background:#fff;border:1px solid #e2e7f1;border-radius:6px;padding:5px 8px}@media (max-width:1100px){.job-detail-summary{grid-template-columns:repeat(2,1fr)}.job-detail-grid{grid-template-columns:1fr}.job-detail-grid .job-detail-field{border-right:0}.job-detail-grid .job-detail-field:nth-last-child(2):nth-child(odd){border-bottom:1px solid #edf0f6}}@media (max-width:760px){.job-detail-summary{grid-template-columns:1fr 1fr;gap:8px}.job-detail-summary article{padding:12px}.job-detail-summary b{font-size:17px}.job-detail-grid .job-detail-field{grid-template-columns:1fr;gap:4px}.job-detail-field b{text-align:left;justify-self:start}.job-detail-layout{grid-template-columns:1fr}.job-detail-heading,.job-detail-heading>div:last-child{display:block}.job-detail-heading .request-clock{margin-top:12px}.job-detail-heading em{margin-top:10px;display:inline-block}.stage-card header{flex-wrap:wrap}.stage-card header b{font-size:13px}}.red{color:var(--red)!important}.finance-progress{background:#edf2fb;border:1px solid #dce5f3;border-radius:999px;height:32px;margin:0 20px 18px;position:relative;overflow:hidden}.finance-progress i{background:linear-gradient(90deg,var(--green),#5bd18e);border-radius:999px;position:absolute;inset:0 auto 0 0}.finance-progress span{z-index:1;height:100%;font:800 9px var(--mono);color:#23304a;text-transform:uppercase;place-items:center;display:grid;position:relative}.finance-admin-panel{border-top:1px solid var(--line);background:#fbfdff;padding:16px 20px 20px}.finance-form{margin:0;grid-template-columns:1.4fr .65fr .55fr auto!important;padding:0!important}.finance-form label{gap:6px;margin:0;display:grid}.finance-form label span,.finance-tools b{font:800 8px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#6a7690}.finance-tools form{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:12px;display:grid}.finance-tools form>b{grid-column:1/-1}.finance-tools input{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.finance-tools form:nth-child(2)>div{gap:6px;display:flex}.finance-tools form:nth-child(2)>div button{color:var(--blue);white-space:nowrap;background:#fff;border:1px solid #cfd8ea;border-radius:8px;padding:10px 11px;font-size:10px;font-weight:800}.finance-tools form:nth-child(2)>div button:hover{background:#edf4ff}.payment-history{border-top:1px solid var(--line);padding:15px 20px 20px}.payment-history header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.payment-history header b{font:800 12px var(--display)}.payment-history header span{font:700 8px var(--mono);color:var(--muted)}.payment-history article{border-bottom:1px solid #edf0f6;grid-template-columns:110px 110px 1fr;align-items:center;gap:10px;padding:10px 0;display:grid}.payment-history article:last-child{border-bottom:0}.payment-history article span{font:800 8px var(--mono);text-transform:uppercase;color:#6a7690}.payment-history article b{font-size:12px}.payment-history article small{color:var(--muted);font-size:10px}.payment-history p{color:var(--muted);margin:0;font-size:11px}@media (max-width:1150px){.finance-form,.finance-tools,.finance-tools form,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr 1fr;display:grid}.payment-history article{grid-template-columns:1fr}}.assigned-crew-panel>header button{color:var(--red);font:800 10px var(--mono);background:0 0}.assigned-crew-list{gap:10px;padding:18px 20px 12px;display:grid}.assigned-crew-list article{background:#f8fbff;border:1.5px solid #cfd8ea;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.assigned-crew-list article.lead{border-color:var(--blue);background:#eaf1ff}.assigned-crew-list article>span{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:900;display:grid}.assigned-crew-list b{font-size:13px;display:block}.assigned-crew-list small{font:500 10px var(--mono);color:#52617b;margin-top:3px;display:block}.assigned-crew-list em{color:var(--muted);margin-top:3px;font-size:10px;font-style:normal;display:block}.assigned-crew-list strong{background:var(--blue);color:#fff;border-radius:999px;padding:7px 11px;font-size:10px}.assigned-crew-list p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.add-crew-button{width:calc(100% - 40px);color:var(--ink);background:#fff;border:1px solid #cfd8ea;border-radius:10px;margin:0 20px 18px;padding:12px;font-size:13px;font-weight:900}.add-crew-button:hover{border-color:var(--blue);background:#f4f8ff}.crew-assign-form{border:1px solid var(--line);background:#fbfdff;border-radius:12px;gap:10px;margin:0 20px 20px;padding:14px;display:grid}.crew-assign-form label{gap:6px;margin:0;display:grid}.crew-assign-form span{font:800 8px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#6a7690}.crew-assign-form input,.crew-assign-form select,.crew-assign-form textarea{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.crew-assign-form textarea{resize:vertical}.crew-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.crew-checks{flex-wrap:wrap;gap:12px;display:flex}.crew-checks label{color:#3b465e;grid-template-columns:auto;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.crew-checks input{width:auto}@media (max-width:760px){.crew-two{grid-template-columns:1fr}.assigned-crew-list article{grid-template-columns:38px 1fr}.assigned-crew-list strong{grid-column:2;justify-self:start}.assigned-crew-list article>span{width:38px;height:38px}}.auto-assign-preview{background:#fff;border:1px solid #dce5f3;border-radius:12px;gap:9px;padding:12px;display:grid}.auto-assign-preview header{justify-content:space-between;align-items:center;display:flex}.auto-assign-preview header b{font:800 13px var(--display)}.auto-assign-preview header span{font:800 9px var(--mono);color:var(--blue)}.auto-assign-preview article{background:#fff;border:1px solid #dfe6f2;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.auto-assign-preview article.best{border-color:var(--blue);background:#eaf1ff}.auto-assign-preview article.skip{opacity:.58;background:#f7f8fb}.auto-assign-preview article>span{color:#fff;background:#245f91;border-radius:9px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.auto-assign-preview b{font-size:12px}.auto-assign-preview small,.auto-assign-preview em{font:500 9px var(--mono);color:#52617b;margin-top:3px;display:block}.auto-assign-preview strong{color:#40506c;background:#edf1f7;border-radius:999px;padding:6px 9px;font-size:9px}.auto-assign-preview .best strong{background:var(--blue);color:#fff}.auto-assign-note{color:#3e506d;background:#f0f7ff;border-radius:9px;margin:0;padding:10px;font-size:10px;line-height:1.5}.super-settings-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.super-setting-card{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:22px;padding:22px;display:flex}.super-setting-card small{font:800 9px var(--mono);color:var(--blue);letter-spacing:1px}.super-setting-card h2{font:800 19px var(--display);margin:7px 0}.super-setting-card p,.super-setting-card li{color:var(--slate);font-size:12px;line-height:1.65}.super-setting-card ul{margin:0;padding-left:18px}.super-setting-card.muted{align-items:flex-start}.setting-switch{color:#52617b;background:#f2f5fa;border:1px solid #d5deed;border-radius:999px;align-items:center;gap:10px;min-width:130px;padding:8px 12px 8px 8px;font-size:12px;font-weight:900;display:flex}.setting-switch span{background:#c8d2e3;border-radius:999px;width:34px;height:22px;position:relative}.setting-switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .16s;position:absolute;top:3px;left:3px}.setting-switch.on{color:var(--green);background:#e9f8f0;border-color:#bce8ce}.setting-switch.on span{background:var(--green)}.setting-switch.on span:after{left:15px}@media (max-width:900px){.super-settings-grid{grid-template-columns:1fr}.super-setting-card{display:grid}.setting-switch{justify-self:start}}.assigned-crew-list article{grid-template-columns:44px 1fr auto auto}.assigned-crew-list article.unassigned{background:#fff;border-style:dashed}.assigned-crew-list article.unassigned>span{background:#94a3b8}.assigned-crew-list article>button{color:var(--blue);background:#fff;border:1px solid #cfd8ea;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.assigned-crew-list article>button:hover{border-color:var(--blue);background:#f0f6ff}@media (max-width:760px){.assigned-crew-list article{grid-template-columns:38px 1fr}.assigned-crew-list article>button{grid-column:2;justify-self:start}}.crew-form-summary{background:#fff;border:1px solid #dce5f3;border-radius:12px;padding:12px}.crew-form-summary>b{font:800 13px var(--display);color:var(--ink);margin-bottom:5px;display:block}.crew-form-summary p{color:#52617b;margin:0 0 10px;font-size:10.5px;line-height:1.55}.crew-form-summary dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.crew-form-summary div{background:#f8fbff;border:1px solid #edf1f7;border-radius:9px;padding:8px}.crew-form-summary dt{font:800 8px var(--mono);text-transform:uppercase;color:#7b879f;margin-bottom:4px}.crew-form-summary dd{color:#1d2a42;margin:0;font-size:10px;font-weight:800}@media (max-width:760px){.crew-form-summary dl{grid-template-columns:1fr}}.job-file-actions{align-items:center;gap:8px;display:flex}.job-file-actions button{white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:800;transition:all .15s}.job-file-actions button:first-child{border:1.5px solid var(--blue);color:var(--blue);background:#fff}.job-file-actions button:first-child:hover{background:var(--blue);color:#fff}.job-file-actions button:first-child.final-active{border-color:var(--green);background:var(--green);color:#fff}.job-file-actions button:first-child.final-active:hover{border-color:var(--red);background:var(--red)}.job-file-actions button:last-child{background:var(--blue);color:#fff}.job-file-actions button:last-child:hover{background:var(--blue-dark)}.job-file-actions button:disabled{opacity:.6;cursor:not-allowed}.job-panel{overflow:hidden;box-shadow:0 12px 34px #0f1f370b}.job-panel>header{background:linear-gradient(#fff,#fbfdff)}.job-panel>header h2{font-size:18px}.job-panel>header span{letter-spacing:.8px;text-transform:uppercase}.job-status-timeline{padding:18px 28px 12px;position:relative}.job-status-timeline:before{content:"";background:#dbe5f3;width:2px;position:absolute;top:34px;bottom:27px;left:35px}.job-status-timeline article{grid-template-columns:42px 1fr;align-items:center;gap:8px 12px;padding:0 0 20px;display:grid;position:relative}.job-status-timeline article i{z-index:1;background:var(--red);border:4px solid #fff;border-radius:50%;grid-row:1/3;width:26px;height:26px;position:relative;box-shadow:0 0 0 10px #ffe1e6}.job-status-timeline article b{font:800 15px var(--display);color:var(--ink)}.job-status-timeline article small{font:700 9px var(--mono);letter-spacing:.7px;color:#63708c;text-transform:uppercase;grid-column:2}.job-status-actions{gap:10px;padding:14px 20px 22px}.job-status-actions button{min-height:48px;color:var(--blue);background:#fff;border:1.5px solid #c8d6ef;border-radius:10px;font-size:12px;transition:all .15s;box-shadow:0 8px 20px #0f1f370a}.job-status-actions button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0b3fae1a}.stage-card{border-radius:14px;padding:18px 20px;position:relative;box-shadow:0 10px 24px #0f1f370a}.stage-card:before{content:"";background:#c8d4e7;width:4px;position:absolute;inset:0 auto 0 0}.stage-card.active:before{background:var(--blue)}.stage-card.completed:before{background:var(--green)}.stage-card.locked:before{background:#aab5c8}.stage-card header b{font-size:16px}.stage-card header small{padding:7px 12px}.stage-card .stage-employee{background:#fff;border-radius:12px;margin-top:8px;padding:13px 14px;box-shadow:inset 0 0 0 1px #edf1f7}.stage-card .stage-employee span{border-radius:11px;width:44px;height:44px;font-size:12px}.stage-card .stage-employee b{font-size:13px}.stage-card .stage-employee small{margin-top:4px;font-size:10px;line-height:1.35;display:block}.stage-card .stage-meta{gap:8px;margin-top:14px}.stage-card .stage-meta span{background:#fff;border-radius:8px;padding:7px 10px;font-size:8px}.stage-assignment-form{background:#fff;border:1.5px solid #d9e3f2;margin-top:-8px;padding:16px;box-shadow:0 12px 26px #0f1f370b}.stage-assignment-form label{gap:7px}.stage-assignment-form span{color:#53627d;font-size:8.5px}.stage-assignment-form input,.stage-assignment-form select,.stage-assignment-form textarea{color:#17223a;border:1.5px solid #d7e1f0;border-radius:10px;min-height:44px;font-size:12px;transition:all .15s}.stage-assignment-form textarea{min-height:86px}.stage-assignment-form input:focus,.stage-assignment-form select:focus,.stage-assignment-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e8efff}.stage-assignment-form button{border-radius:10px;min-height:46px;font-size:12px;font-weight:900}.job-detail-select{background-color:#f9fbff;background-position:right 14px center;border:1.5px solid #c9d6ea;border-radius:11px;min-height:48px;font-weight:800}.job-detail-select:hover:not(:disabled){border-color:var(--blue);background-color:#fff}.job-chat{background:linear-gradient(#f7faff 0%,#fff 100%);min-height:520px;padding:22px 24px}.job-chat article{border-radius:16px;box-shadow:0 12px 30px #0f1f3712}.job-chat article>div{border-bottom:1px solid #cfd8ea8c;min-width:240px;padding-bottom:7px}.job-chat article.admin-message.own-message>div{border-bottom-color:#ffffff40}.job-chat p{margin-top:9px}.job-chat-empty{text-align:center;background:#fff;border:1.5px dashed #cbd7eb;border-radius:14px;place-self:center;width:min(360px,100%);padding:28px;box-shadow:0 14px 34px #0f1f370b}.job-chat-empty b{font:800 16px var(--display);color:var(--ink);display:block}.job-chat-empty span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.job-chat-form{background:#fff;padding:16px 20px 20px}.job-chat-form textarea{border:1.5px solid #d7e1f0;border-radius:12px;font-size:13px}.job-chat-form label{border:1.5px solid #cbd7eb;border-radius:10px}.job-chat-form button{border-radius:10px;min-height:40px}@media (max-width:1150px){.job-detail-layout{grid-template-columns:1fr}}@media (max-width:760px){.job-panel>header{padding:15px}.job-panel>header h2{font-size:16px}.job-status-timeline{padding:16px 20px}.job-status-timeline:before{left:27px}.stage-card{padding:16px}.stage-assignment-form{margin:0 14px 18px}.job-chat{min-height:360px;padding:14px}.job-chat article{width:auto;max-width:94%}.job-chat article>div{min-width:0}.job-chat-form{padding:14px}}.job-panel .btn-primary{background:var(--blue);box-shadow:0 10px 24px #0b3fae2e}.job-panel .btn-primary:hover{background:var(--blue-dark)}.job-panel .btn-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed;transform:none}.job-panel>.job-chat-form:first-of-type{border-top:0;padding:18px 28px 24px}.job-panel>.job-chat-form:first-of-type>div{grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:14px;margin:0;display:grid}.job-panel>.job-chat-form:first-of-type label{min-height:52px;color:var(--blue);background:#fff;border:1.5px solid #c7d5ed;border-radius:11px;justify-content:center;align-items:center;padding:0 18px;font-size:12px;display:inline-flex;box-shadow:0 8px 20px #0f1f3709}.job-panel>.job-chat-form:first-of-type label:hover{border-color:var(--blue);background:#f6f9ff}.job-panel>.job-chat-form:first-of-type span{color:#7a849b;font-size:12px}.job-panel>.job-chat-form:first-of-type button{border-radius:11px;min-width:146px;min-height:52px;font-size:13px}.job-files{padding:0 28px 28px}.job-files article{border-color:#bce9ce;border-radius:14px;grid-template-columns:62px minmax(0,1fr) auto;gap:16px;padding:16px 18px}.job-files article>div:not(.job-file-actions){background:var(--blue);border-radius:12px;width:62px;height:58px}.job-files span{min-width:0}.job-files b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.job-files small{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.job-file-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;max-width:360px;display:flex}.job-file-actions button{border-radius:10px;min-height:42px;padding:9px 14px;line-height:1;box-shadow:0 8px 18px #0b3fae1f;background:var(--blue)!important;color:#fff!important;border:1.5px solid var(--blue)!important}.job-file-actions button:hover{background:var(--blue-dark)!important;border-color:var(--blue-dark)!important}.job-file-actions button:first-child:not(.final-active){color:var(--blue)!important;background:#fff!important}.job-file-actions button:first-child:not(.final-active):hover{color:var(--blue)!important;background:#edf4ff!important}.job-file-actions button:first-child.final-active{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.job-payment-grid article{border-width:1.5px;border-radius:12px;padding:22px}.job-payment-grid b{font-size:27px}.finance-form input,.finance-tools input{border:1.5px solid #d7e1f0;border-radius:11px;min-height:50px;font-size:13px}.finance-form .btn{border-radius:11px;min-height:84px;font-size:13px}.finance-tools form{background:#fff;border:1.5px solid #d9e3f2;border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 146px;gap:10px;padding:16px;box-shadow:0 10px 24px #0f1f3709}.finance-tools form>b{color:#56647f;font-size:9px}.finance-tools form .btn,.finance-tools form button{border-radius:10px;min-height:50px;font-size:12px}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.finance-tools form:nth-child(2)>div button{color:var(--blue);background:#fff;border:1.5px solid #c8d6ef;padding:0 12px}@media (max-width:1180px){.finance-form,.finance-tools,.finance-tools form,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-form .btn{min-height:50px}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr 1fr}}@media (max-width:760px){.job-panel>.job-chat-form:first-of-type{padding:15px}.job-panel>.job-chat-form:first-of-type>div{grid-template-columns:1fr}.job-panel>.job-chat-form:first-of-type button{width:100%}.job-files{padding:0 15px 18px}.job-files article{grid-template-columns:52px minmax(0,1fr)}.job-files article>div:not(.job-file-actions){width:52px;height:50px}.job-file-actions{grid-column:1/-1;justify-self:stretch;max-width:none}.job-file-actions button{flex:1}.job-payment-grid{grid-template-columns:1fr;padding:0 15px 18px}.finance-progress{margin:0 15px 18px}.finance-admin-panel{padding:18px 15px}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr}}.stage-toggle-button{width:100%;min-height:44px;color:var(--blue);background:#fff;border:1.5px solid #c7d6ee;border-radius:10px;margin-top:16px;font-size:12px;font-weight:900;transition:all .15s;box-shadow:0 8px 18px #0f1f3709}.stage-toggle-button:hover{border-color:var(--blue);background:#edf4ff}.stage-toggle-button:disabled{opacity:.55;cursor:not-allowed;color:#7d879c;background:#f3f6fb;border-color:#dde5f1}.stage-auto-result{background:#f8fbff;border:1px solid #dce5f3;border-radius:10px;gap:4px;margin-top:12px;padding:10px 12px;display:grid}.stage-auto-result b{font:800 10px var(--mono);text-transform:uppercase;letter-spacing:.5px}.stage-auto-result span{color:#4d5c78;font-size:10px;line-height:1.45}.stage-auto-result.success{background:#f1fbf5;border-color:#bfe7d0}.stage-auto-result.success b{color:var(--green)}.stage-auto-result.warning{background:#fff8ed;border-color:#ffd8ad}.stage-auto-result.warning b{color:#9a5f00}.stage-inline-action{border:1.5px solid var(--green);color:var(--green);background:#f0faf4;border-radius:9px;margin-top:14px;padding:10px 14px;font-size:11px;font-weight:900}.stage-inline-action:hover{background:#e4f6ec}.admin-task-detail{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.admin-task-main,.admin-task-side{gap:18px;display:grid}.admin-task-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-task-summary.compact{grid-template-columns:repeat(3,1fr);margin-top:14px}.admin-task-summary article{border:1px solid var(--line);background:#f8fbff;border-radius:10px;grid-template-columns:32px 1fr;align-items:center;gap:8px;padding:13px;display:grid}.admin-task-summary svg{width:32px;height:32px;color:var(--blue);background:#eaf0fc;border-radius:8px;grid-row:span 2;padding:8px}.admin-task-summary span{font:700 7.5px var(--mono);text-transform:uppercase;color:var(--muted)}.admin-task-summary b{font-size:11px;line-height:1.25}.admin-task-copy{background:#fff;border:1px solid #edf0f6;border-radius:10px;margin-top:14px;padding:14px}.admin-task-copy span,.admin-completion-review span{font:800 8px var(--mono);text-transform:uppercase;color:var(--blue);margin-bottom:8px;display:block}.admin-task-copy p,.admin-completion-review p{color:#3c465d;margin:0;font-size:12px;line-height:1.65}.admin-completion-review>article{background:#effcf4;border:1.5px solid #bce9ce;border-radius:12px;padding:15px}.admin-task-files{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-task-file-group{border:1px solid var(--line);background:#fbfdff;border-radius:12px;overflow:hidden}.admin-task-file-group header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.admin-task-file-group h3{font:800 13px var(--display);margin:0}.admin-task-file-group header span{font:800 8px var(--mono);color:var(--blue);background:#eaf1ff;border-radius:999px;padding:5px 8px}.admin-task-file-group>div{gap:8px;padding:12px;display:grid}.admin-task-file-group article{background:#fff;border:1px solid #e5ebf5;border-radius:10px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;display:grid}.admin-task-file-group article>div{background:var(--blue);color:#fff;width:46px;height:42px;font:800 8px var(--mono);border-radius:9px;place-items:center;display:grid}.admin-task-file-group b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.admin-task-file-group em{font:700 8px var(--mono);color:var(--blue);margin-top:3px;font-style:normal;display:block}.admin-task-file-group small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;display:block;overflow:hidden}.admin-task-file-group button{background:var(--blue);color:#fff;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.admin-task-file-group p{color:var(--muted);margin:0;padding:4px 2px;font-size:10px}.compact-rows{padding:0}.compact-rows>div{grid-template-columns:100px 1fr}@media (max-width:1100px){.admin-task-detail{grid-template-columns:1fr}.admin-task-summary,.admin-task-summary.compact{grid-template-columns:repeat(2,1fr)}.admin-task-files{grid-template-columns:1fr}}@media (max-width:760px){.admin-task-summary,.admin-task-summary.compact{grid-template-columns:1fr}.admin-task-file-group article{grid-template-columns:42px minmax(0,1fr)}.admin-task-file-group button{grid-column:1/-1}.compact-rows>div{grid-template-columns:1fr}}.attendance-management-page{gap:18px;display:grid}.attendance-admin-heading{align-items:center}.attendance-date-control{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.attendance-date-control svg{width:16px}.attendance-date-control input,.attendance-history-card input{font:800 11px var(--mono);color:var(--ink);background:0 0;border:0;outline:0}.attendance-admin-summary article.red>svg{color:var(--red);background:#fdeaec}.attendance-calendar-panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px 18px}.attendance-calendar-panel>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.attendance-calendar-panel h2{font:800 16px var(--display);margin:0}.attendance-calendar-panel header span{font:800 9px var(--mono);color:var(--blue)}.attendance-calendar-strip{grid-template-columns:repeat(14,minmax(70px,1fr));gap:8px;display:grid;overflow:auto}.attendance-calendar-strip button{text-align:left;background:#f8fbff;border:1px solid #dbe4f2;border-radius:10px;gap:4px;min-height:82px;padding:10px 8px;display:grid}.attendance-calendar-strip button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#eaf1ff}.attendance-calendar-strip span{font:800 8px var(--mono);color:var(--muted);text-transform:uppercase}.attendance-calendar-strip b{font:900 22px var(--display);color:var(--ink);line-height:1}.attendance-calendar-strip small{color:#61708c;font-size:8px}.attendance-admin-register>header{padding-bottom:14px}.attendance-admin-register .attendance-tools{grid-template-columns:auto auto minmax(240px,1fr);align-items:flex-start;display:grid}.attendance-admin-register .attendance-tools>div{border:1px solid var(--line);background:#f8fbff;border-radius:8px;flex-wrap:wrap;padding:4px}.attendance-admin-register .attendance-tools button{padding:7px 9px;font-size:8px}.attendance-admin-register .attendance-tools label{justify-self:end;min-width:min(360px,100%)}.attendance-admin-table{min-width:980px}.attendance-admin-table td{vertical-align:middle}.attendance-admin-table td b{margin:0}.attendance-location{font:800 8px var(--mono);color:var(--blue);align-items:center;gap:5px;display:inline-flex}.attendance-location svg{width:11px}.att-absent{color:var(--red);background:#fdeaec}.att-clocked-out{color:var(--slate);background:#edf0f5}.attendance-detail-person{margin-bottom:0}.attendance-history-card{overflow:hidden}.attendance-history-card>header input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 10px}.attendance-detail-workspace{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.attendance-event-panel{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.attendance-event-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.attendance-event-panel header span{font:800 8px var(--mono);color:var(--blue);text-transform:uppercase}.attendance-event-panel h2{font:800 16px var(--display);margin:4px 0 0}.attendance-event-panel header>b{font:900 14px var(--mono);color:var(--green);background:#e8f7ef;border-radius:999px;padding:8px 10px}.attendance-event-timeline{padding:16px 18px;display:grid}.attendance-event-timeline article{grid-template-columns:14px 62px 1fr;gap:10px;padding:0 0 18px;display:grid;position:relative}.attendance-event-timeline article:before{content:"";background:#dfe6f2;width:1px;position:absolute;top:13px;bottom:-2px;left:6px}.attendance-event-timeline article:last-child{padding-bottom:0}.attendance-event-timeline article:last-child:before{display:none}.attendance-event-timeline i{z-index:1;background:#8b96aa;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 4px #f0f3f8}.attendance-event-timeline .green i{background:var(--green);box-shadow:0 0 0 4px #e8f7ef}.attendance-event-timeline .amber i{background:#c48b00;box-shadow:0 0 0 4px #fff4d8}.attendance-event-timeline .blue i{background:var(--blue);box-shadow:0 0 0 4px #eaf0fc}.attendance-event-timeline time{font:800 9px var(--mono);color:#6a7690}.attendance-event-timeline b{font-size:12px}.attendance-event-timeline p{color:var(--muted);margin:4px 0 0;font-size:10px}.attendance-empty{margin:14px}@media (max-width:1180px){.attendance-calendar-strip{grid-template-columns:repeat(7,minmax(78px,1fr))}.attendance-admin-register .attendance-tools,.attendance-detail-workspace{grid-template-columns:1fr}}@media (max-width:760px){.attendance-admin-heading{align-items:flex-start}.attendance-date-control{justify-content:space-between;width:100%}.attendance-calendar-strip{grid-template-columns:repeat(7,minmax(64px,1fr))}.attendance-calendar-strip button{min-height:72px}.attendance-calendar-strip b{font-size:18px}.attendance-admin-register .attendance-tools label{justify-self:stretch;min-width:0}.attendance-history-card>header{flex-direction:column;align-items:flex-start;gap:12px}}.assigned-crew-panel .stage-assignment-form{border-radius:13px;margin:0 28px 4px;padding:18px}.job-file-actions{grid-template-columns:repeat(2,minmax(118px,max-content));justify-content:end;align-items:center;gap:10px;max-width:none;display:grid}.job-file-actions button{white-space:nowrap;width:100%}@media (max-width:1050px){.job-files article{grid-template-columns:62px minmax(0,1fr)}.job-file-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}}@media (max-width:760px){.assigned-crew-panel .stage-assignment-form{margin:0 14px 18px}.job-file-actions{grid-template-columns:1fr}.job-file-actions button{flex:auto}}.job-panel>.job-chat-form:first-of-type{padding:14px 28px 22px}.job-panel>.job-chat-form:first-of-type>div{grid-template-columns:230px minmax(160px,1fr) 150px}.job-panel>.job-chat-form:first-of-type label{border-radius:10px;min-height:48px;font-size:11px;font-weight:900}.job-panel>.job-chat-form:first-of-type span{font-size:11px}.job-panel>.job-chat-form:first-of-type button{border-radius:10px;min-width:0;min-height:48px;font-size:12px;font-weight:900}.job-files{gap:12px}.job-files article{border-radius:13px;grid-template-columns:56px minmax(0,1fr) 316px;min-height:104px;padding:14px 18px}.job-files article>div:not(.job-file-actions){border-radius:11px;width:56px;height:56px;font-size:9px}.job-files b{letter-spacing:-.15px;font-size:13px;line-height:1.25}.job-files small{letter-spacing:.2px;font-size:8.5px}.job-file-actions{grid-template-columns:150px 132px;gap:10px}.job-file-actions button{border-radius:10px;min-height:44px;padding:0 12px;font-size:10.5px;box-shadow:0 8px 18px #0b3fae17}.job-file-actions button:first-child{font-size:10.5px}.job-file-actions button:last-child{max-width:132px}@media (max-width:1050px){.job-files article{grid-template-columns:56px minmax(0,1fr)}.job-file-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.job-file-actions button:last-child{max-width:none}}@media (max-width:760px){.job-panel>.job-chat-form:first-of-type>div{grid-template-columns:1fr}.job-files article{min-height:0}.job-file-actions{grid-template-columns:1fr}}.job-payment-grid span{letter-spacing:.5px;font-size:8.5px}.job-payment-grid b{letter-spacing:-.5px;font-size:30px}.finance-progress{height:38px;margin:0 38px 30px}.finance-admin-panel{background:#fbfdff;padding:24px 38px 32px}.finance-form label span,.finance-tools b{letter-spacing:.8px;font-size:8px}.finance-form input,.finance-tools input{border-radius:10px;height:48px;min-height:48px;padding:0 15px;font-size:13px}.finance-form .btn{border-radius:10px;height:48px;min-height:48px;padding:0 18px;font-size:12px;box-shadow:0 10px 22px #0b3fae24}.finance-tools{grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.finance-tools form{background:#fff;border-radius:13px;align-items:end;gap:12px;padding:18px 22px;display:grid}.finance-tools form:first-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px}.finance-tools form>b{grid-column:1/-1;margin-bottom:2px}.finance-tools form .btn{white-space:nowrap;border-radius:10px;height:48px;min-height:48px;padding:0 14px;font-size:11.5px}.finance-tools form:nth-child(2)>div button{text-overflow:ellipsis;white-space:nowrap;border-radius:10px;height:48px;min-height:48px;padding:0 10px;font-size:10.5px;overflow:hidden}@media (max-width:1320px){.finance-form{grid-template-columns:1fr 150px 140px 140px!important}.finance-tools{grid-template-columns:1fr}.finance-tools form:first-child,.finance-tools form:nth-child(2){grid-template-columns:1fr 1fr 140px}}@media (max-width:820px){.job-payment-grid{grid-template-columns:1fr;padding:0 18px 18px}.finance-progress{margin:0 18px 22px}.finance-admin-panel{padding:20px 18px}.finance-form,.finance-tools form:first-child,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr}.finance-form .btn,.finance-tools form .btn{width:100%}}.finance-admin-panel{background:#fbfdff;gap:18px;padding:26px 38px 34px;display:grid}.finance-form{align-items:end;grid-template-columns:1.25fr .7fr .7fr!important;gap:14px 18px!important;padding:0!important;display:grid!important}.finance-form .btn{border-radius:9px;grid-column:3;justify-self:end;width:168px;height:44px;min-height:44px;font-size:11.5px}.finance-form input{border-radius:9px;height:46px;min-height:46px;font-size:12px}.finance-tools{gap:14px;margin-top:0;display:grid;grid-template-columns:1fr!important}.finance-tools form{border-radius:12px;align-items:end;gap:12px;padding:16px 20px;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr) 160px!important;display:grid!important}.finance-tools form>b{grid-column:1;align-self:center;margin:0;font-size:8px;line-height:1.2}.finance-tools form input{border-radius:9px;height:44px;min-height:44px;font-size:12px}.finance-tools form .btn{border-radius:9px;height:44px;min-height:44px;padding:0 12px;font-size:11px}.finance-tools form:nth-child(2){grid-template-columns:170px 130px minmax(260px,1fr) 170px!important}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr 1fr;gap:10px;min-width:0;display:grid}.finance-tools form:nth-child(2)>div button{text-overflow:clip;border-radius:9px;height:44px;min-height:44px;padding:0 10px;font-size:10.5px;overflow:visible}.payment-history article{grid-template-columns:140px 140px 1fr;padding:14px 0}@media (max-width:1100px){.finance-form{grid-template-columns:1fr 1fr!important}.finance-form label:first-child{grid-column:1/-1}.finance-form .btn{grid-column:1/-1;justify-self:stretch;width:100%}.finance-tools form,.finance-tools form:nth-child(2){grid-template-columns:1fr 1fr!important}.finance-tools form>b,.finance-tools form .btn,.finance-tools form:nth-child(2)>div{grid-column:1/-1}}@media (max-width:700px){.finance-admin-panel{padding:18px}.finance-form,.finance-tools form,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr}.payment-history article{grid-template-columns:1fr;gap:5px}}.employee-complete-form{max-width:1045px;box-shadow:0 14px 34px #0f1f370b;background:linear-gradient(#fbfdff,#fff)!important;border:1.5px solid #d8e3f2!important;border-radius:14px!important;margin:4px auto 10px!important;padding:22px!important}.employee-complete-form label{gap:8px!important}.employee-complete-form label span{letter-spacing:.8px;color:#53627d!important;font-size:8.5px!important}.employee-complete-form input[type=file]{color:#6d7891;cursor:pointer;background:#f7faff;border:1.5px dashed #bfd0ea;border-radius:12px;height:64px;padding:14px;font-size:12px}.employee-complete-form input[type=file]::file-selector-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;height:36px;margin-right:12px;padding:0 14px;font-size:11px;font-weight:900;box-shadow:0 8px 18px #0b3fae29}.employee-complete-form input[type=file]:hover{border-color:var(--blue);background:#f2f7ff}.employee-complete-form textarea{line-height:1.6;background:#fff!important;border:1.5px solid #d6e1f0!important;border-radius:12px!important;min-height:128px!important;padding:14px!important;font-size:12.5px!important}.employee-complete-form textarea:focus,.employee-complete-form input[type=file]:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px #e8efff!important}.employee-complete-form .btn{justify-self:end;width:210px;background:var(--blue)!important;border-radius:10px!important;min-height:46px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 10px 24px #0b3fae29!important}.employee-complete-form .btn:hover{background:var(--blue-dark)!important}.employee-complete-form .btn:disabled{opacity:.55;transform:none;box-shadow:none!important}@media (max-width:760px){.employee-complete-form{padding:16px!important}.employee-complete-form .btn{justify-self:stretch;width:100%}.employee-complete-form input[type=file]{height:auto}}.card:has(.employee-complete-form){padding:26px 28px 30px}.card:has(.employee-complete-form)>header{margin-bottom:22px}.card:has(.employee-complete-form)>header h2{font-size:18px}.employee-complete-form{grid-template-columns:minmax(260px,.42fr) minmax(360px,1fr);grid-template-areas:"upload note""upload action";gap:18px 22px;border-radius:15px!important;max-width:none!important;margin:0!important;padding:22px!important;display:grid!important}.employee-complete-form label:first-child{grid-area:upload;align-content:start}.employee-complete-form label:nth-child(2){grid-area:note}.employee-complete-form .btn{grid-area:action;place-self:start end;width:220px!important}.employee-complete-form input[type=file]{align-items:center;height:146px;display:flex;background:#f6f9ff!important;border:1.5px dashed #aecaef!important;padding:22px!important}.employee-complete-form input[type=file]::file-selector-button{border-radius:10px;height:42px;padding:0 18px}.employee-complete-form textarea{min-height:146px!important}@media (max-width:900px){.employee-complete-form{grid-template-columns:1fr;grid-template-areas:"upload""note""action"}.employee-complete-form .btn{justify-self:stretch;width:100%!important}}.employee-done-card>div{background:linear-gradient(#f0fbf5,#fff);border:1.5px solid #bfe9cf;border-radius:14px;padding:22px 24px;box-shadow:0 14px 34px #1f9d5714}.employee-done-card>div:before{content:"";background:var(--green);border-radius:12px;width:42px;height:42px;margin-bottom:14px;display:block;box-shadow:0 10px 24px #1f9d572e}.employee-done-card b{font:800 18px var(--display);color:var(--ink);display:block}.employee-done-card p{color:#52617b;max-width:680px;margin:8px 0 0;font-size:12px;line-height:1.6}.employee-done-card small{color:#53627d;border-top:1px solid #d9efdf;margin-top:14px;padding-top:12px;font-size:11px;line-height:1.6;display:block}.timer-page-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px;display:flex}.timer-page-heading span{font:600 10px var(--mono);letter-spacing:1px;color:#52617b}.timer-page-heading span b{color:var(--red)}.timer-page-heading h1{font:800 34px var(--display);letter-spacing:-.8px;margin:8px 0 4px}.timer-page-heading p{color:#65708a;margin:0;font-size:12px}.timer-presence{border:1px solid var(--line);color:#7d879b;min-height:52px;font:800 9px var(--mono);text-transform:uppercase;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 10px 24px #0f1f3709}.timer-presence i{background:#f1a9b2;border-radius:50%;width:9px;height:9px}.timer-presence.online i{background:var(--green);box-shadow:0 0 0 5px #e8f7ef}.timer-presence.break i{background:#b07a00;box-shadow:0 0 0 5px #fff4d8}.timer-presence b{color:var(--ink);text-transform:none;font-size:13px}.timer-shell{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:22px;display:grid}.timer-hero-card,.timer-side section,.timer-log-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 16px 40px #0f1f370b}.timer-hero-card{padding:26px}.timer-hero-card>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.timer-hero-card>header span{font:800 9px var(--mono);letter-spacing:.8px;color:var(--blue)}.timer-hero-card h2{font:800 21px var(--display);margin:5px 0}.timer-hero-card p{color:#68758f;margin:0;font-size:12px}.timer-status{color:#53627d;font:900 9px var(--mono);text-transform:uppercase;background:#eef3fb;border-radius:999px;padding:8px 12px;font-style:normal}.timer-status.status-in_progress,.timer-status.status-running{color:var(--green);background:#e8f7ef}.timer-status.status-paused{color:#8a6200;background:#fff4d8}.timer-face{text-align:center;background:linear-gradient(#f8fbff,#fff);border:1.5px solid #d9e3f2;border-radius:16px;place-items:center;margin-bottom:20px;padding:32px 18px;display:grid}.timer-face span{font:800 9px var(--mono);letter-spacing:1px;color:#5f6d86;text-transform:uppercase}.timer-face strong{font:900 clamp(54px,7vw,90px)var(--mono);letter-spacing:-3px;color:#0f1626;margin:10px 0}.timer-face small{color:#65708a;font-size:12px}.attendance-day-summary{grid-template-columns:repeat(5,1fr);gap:10px;margin:-4px 0 18px;display:grid}.attendance-day-summary article{background:#fbfdff;border:1px solid #dce6f4;border-radius:12px;padding:12px 13px}.attendance-day-summary span{font:900 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase;display:block}.attendance-day-summary b{font:900 12px var(--display);color:var(--ink);white-space:nowrap;margin-top:6px;display:block}.timer-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.timer-actions button,.attendance-actions button{min-height:52px;color:var(--blue);background:#fff;border:1.5px solid #c8d6ef;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;transition:all .15s;display:flex}.timer-actions button svg,.attendance-actions button svg{width:16px}.timer-actions button:hover:not(:disabled),.attendance-actions button:hover:not(:disabled){border-color:var(--blue);background:#edf4ff;transform:translateY(-1px)}.timer-actions button.start{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 24px #0b3fae29}.timer-actions button.pause{color:#8a6200;background:#fff4d8;border-color:#f1d38b}.timer-actions button.finish{color:var(--red);background:#fff1f3;border-color:#f3c5cc}.timer-actions button:disabled,.attendance-actions button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.attendance-actions{border-top:1px solid #edf1f7;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;padding-top:14px;display:grid}.timer-side{gap:18px;display:grid}.timer-side section{padding:18px;position:relative}.timer-side section:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:26px;position:absolute;bottom:18px;left:18px;right:18px}.timer-side header,.timer-log-card header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.timer-side h2,.timer-log-card h2{font:800 16px var(--display);margin:0}.timer-side header span,.timer-log-card header span{font:800 8px var(--mono);letter-spacing:.7px;color:#7c879d;text-transform:uppercase}.timer-side section:first-child{display:none}.timer-task-list,.timer-event-log{gap:9px;display:grid}.timer-event-log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c8e3 #f3f7fd;max-height:430px;padding:4px 12px 4px 0;overflow-y:auto}.timer-event-log::-webkit-scrollbar{width:8px}.timer-event-log::-webkit-scrollbar-track{background:#f3f7fd;border-radius:999px}.timer-event-log::-webkit-scrollbar-thumb{background:#b9c8e3;border:2px solid #f3f7fd;border-radius:999px}.timer-task-list button{text-align:left;color:var(--ink);background:#fbfdff;border:1.5px solid #dce5f3;border-radius:11px;padding:12px 13px}.timer-task-list button.active{border-color:var(--blue);background:#eef5ff;box-shadow:0 8px 20px #0b3fae14}.timer-task-list b{font-size:12px;display:block}.timer-task-list small{font:700 8px var(--mono);color:#68758f;margin-top:5px;display:block}.timer-task-list p,.timer-event-log p,.timer-log-table p{color:#7c879d;margin:0;font-size:12px;line-height:1.6}.timer-event-log article{border-bottom:1px solid #edf1f7;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.timer-event-log article:last-child{border-bottom:0}.timer-event-log i{background:var(--blue);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #edf4ff}.timer-event-log b{font-size:12px;display:block}.timer-event-log small{color:#72809a;margin-top:3px;font-size:10px;display:block}.timer-event-log time{font:900 9px var(--mono);color:#52617b}.timer-event-log .event-break i{background:#b07a00;box-shadow:0 0 0 5px #fff4d8}.timer-event-log .event-resume i,.timer-event-log .event-start i{background:var(--green);box-shadow:0 0 0 5px #e8f7ef}.timer-event-log .event-finish i{background:var(--red);box-shadow:0 0 0 5px #fff1f3}.timer-log-card{margin-top:22px;padding:20px 24px}.timer-log-table{display:grid}.timer-log-table>div{border-bottom:1px solid #edf1f7;grid-template-columns:minmax(0,1.3fr) 110px 110px 110px 120px;align-items:center;gap:16px;padding:14px 0;display:grid}.timer-log-table>div:first-child{padding-top:0}.timer-log-table>div b{font:800 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase}.timer-log-table span{font-size:12px}.timer-log-table strong{font:900 11px var(--mono);color:var(--blue)}@media (max-width:1100px){.timer-shell{grid-template-columns:1fr}.timer-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.timer-page-heading{display:grid}.timer-presence{justify-self:start}.timer-hero-card{padding:18px}.timer-hero-card>header{display:grid}.timer-face strong{font-size:48px}.attendance-day-summary{grid-template-columns:repeat(2,1fr)}.timer-actions,.attendance-actions{grid-template-columns:1fr}.timer-log-table>div{grid-template-columns:1fr;gap:5px}.timer-log-table>div:first-child{display:none}}.simple-timer-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px}.simple-timer-actions button{border-radius:12px;min-height:58px;font-size:13px}.simple-timer-actions button.start{font-size:14px}.simple-timer-actions button.finish{color:var(--red);background:#fff;border-color:#f3c5cc}.timer-notice{color:#4f6389;text-align:center;background:#f6f9ff;border:1px solid #cfe0ff;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:13px;font-weight:800}@media (max-width:1100px){.simple-timer-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.simple-timer-actions{grid-template-columns:1fr}.simple-timer-actions button{min-height:52px}}.task-attendance-shell .timer-side section:first-child{display:block}.task-attendance-brief p{color:#52617b;margin:0 0 14px;font-size:12px;line-height:1.6}.task-attendance-brief a{background:var(--blue);color:#fff;border-radius:9px;align-items:center;min-height:38px;padding:0 13px;font-size:11px;font-weight:900;display:inline-flex}.employee-task-attendance-link{background:#f8fbff;border:1.5px solid #d6e2f2;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:grid}.employee-task-attendance-link b{font:900 13px var(--display);color:var(--ink);display:block}.employee-task-attendance-link span{color:#68758f;margin-top:4px;font-size:11px;display:block}.employee-task-attendance-link button,.employee-task-attendance-link a,.task-work-start-btn,.task-work-end-btn{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:11px;font-weight:900;display:inline-flex}.employee-task-attendance-link a{color:var(--blue);background:#fff}.admin-task-control-actions{grid-template-columns:1fr;gap:10px;display:grid}.task-work-end-btn{color:var(--red);background:#fff;border-color:#f3c5cc}.employee-task-attendance-link button:disabled,.task-work-start-btn:disabled,.task-work-end-btn:disabled{opacity:.55;cursor:not-allowed}.admin-task-attendance-wrap table small{color:#738098;margin-top:4px;font-size:10px;display:block}.task-attendance-mini{color:#53627d;font:900 10px var(--mono);background:#eef3fb;border-radius:999px;padding:7px 10px;display:inline-flex}.task-attendance-mini.active{color:var(--green);background:#e8f7ef}.task-row-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:94px;display:flex}.task-open-link{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:58px;height:34px;font-size:11px;font-weight:800;display:inline-flex;color:var(--blue)!important}.task-row-actions button{width:34px;height:34px;color:var(--red);background:#fff8f9;border:1px solid #ffd5d9;border-radius:8px;place-items:center;display:grid}.task-row-actions button svg{width:14px}.task-row-actions button:disabled{opacity:.45}.admin-task-attendance-detail{gap:16px;display:grid}.task-attendance-event-list{background:#fbfdff;border:1px solid #e3eaf5;border-radius:12px;padding:4px 14px;display:grid}.task-attendance-event-list article{border-bottom:1px solid #edf1f7;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.task-attendance-event-list article:last-child{border-bottom:0}.task-attendance-event-list i{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #e8f7ef}.task-attendance-event-list .break i{background:#b07a00;box-shadow:0 0 0 5px #fff4d8}.task-attendance-event-list .finish i{background:var(--red);box-shadow:0 0 0 5px #fff1f3}.task-attendance-event-list b{font-size:12px;display:block}.task-attendance-event-list small{color:#72809a;margin-top:3px;font-size:10px;display:block}.task-attendance-event-list time{font:900 9px var(--mono);color:#52617b}.assigned-task-attendance-list,.employee-task-attendance-record{gap:14px;display:grid}.assigned-task-attendance-card{background:linear-gradient(#fbfdff,#fff);border:1.5px solid #dce6f4;border-radius:14px;padding:16px;box-shadow:0 12px 28px #0f1f3709}.assigned-task-attendance-card>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.task-attendance-state{color:#53627d;min-height:28px;font:900 8px var(--mono);text-transform:uppercase;white-space:nowrap;background:#edf2f8;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-style:normal;display:inline-flex}.task-attendance-state.running{color:var(--green);background:#e8f7ef}.task-attendance-state.on-break{color:#8a6200;background:#fff4d8}.task-attendance-state.completed{color:var(--red);background:#fff1f3}.task-attendance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.task-attendance-metrics article{background:#fff;border:1px solid #e2eaf6;border-radius:11px;min-width:0;padding:12px}.task-attendance-metrics span{font:900 8px var(--mono);letter-spacing:.7px;color:#7c879d;text-transform:uppercase;display:block}.task-attendance-metrics b{font:900 13px var(--mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;display:block;overflow:hidden}.task-attendance-event-list.compact{margin-top:12px;padding:0 12px}.task-attendance-event-list.compact article{padding:10px 0}.task-attendance-event-list p{color:#7c879d;margin:10px 0;font-size:11px}.employee-task-attendance-record .task-attendance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-task-attendance-actions{justify-content:flex-end;display:flex}.employee-task-attendance-actions a{border:1px solid var(--blue);min-height:40px;color:var(--blue);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 13px;font-size:11px;font-weight:900;display:inline-flex}@media (max-width:900px){.task-attendance-metrics,.employee-task-attendance-record .task-attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.employee-task-attendance-link{grid-template-columns:1fr}.employee-task-attendance-link button,.employee-task-attendance-link a{width:100%}.assigned-task-attendance-card>header{display:grid}.task-attendance-state{justify-self:start}.task-attendance-metrics,.employee-task-attendance-record .task-attendance-metrics{grid-template-columns:1fr}.task-attendance-event-list article{grid-template-columns:12px 1fr}.task-attendance-event-list time{grid-column:2}.employee-task-attendance-actions{justify-content:stretch}.employee-task-attendance-actions a{width:100%}}.employee-attendance-page{gap:20px;display:grid}.attendance-record-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.attendance-record-heading span{font:700 10px var(--mono);letter-spacing:1px;color:#52617b}.attendance-record-heading span b{color:var(--red)}.attendance-record-heading h1{font:900 34px var(--display);letter-spacing:-.8px;margin:8px 0 4px}.attendance-record-heading p{color:#65708a;margin:0;font-size:12px}.attendance-live-chip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:10px 14px;display:flex;box-shadow:0 10px 24px #0f1f3709}.attendance-live-chip i{background:#f1a9b2;border-radius:50%;width:9px;height:9px}.attendance-live-chip.online i{background:var(--green);box-shadow:0 0 0 5px #e8f7ef}.attendance-live-chip.break i{background:#b07a00;box-shadow:0 0 0 5px #fff4d8}.attendance-live-chip span{font:900 9px var(--mono);color:#7d879b;text-transform:uppercase}.attendance-live-chip b{font:900 14px var(--mono);color:var(--ink)}.attendance-record-hero{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);align-items:stretch;gap:22px;padding:26px;display:grid;box-shadow:0 16px 42px #0f1f370b}.attendance-record-hero>div:first-child>span{font:900 10px var(--mono);letter-spacing:1.2px;color:var(--blue)}.attendance-record-hero h2{font:900 27px var(--display);letter-spacing:-.5px;margin:8px 0}.attendance-record-hero p{color:#64708a;margin:0;font-size:13px}.attendance-hero-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.attendance-hero-metrics article{background:linear-gradient(#fbfdff,#fff);border:1px solid #dce6f4;border-radius:13px;padding:16px}.attendance-hero-metrics span,.attendance-record-summary span{font:900 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase;display:block}.attendance-hero-metrics b{font:900 15px var(--mono);color:var(--ink);margin-top:8px;display:block}.attendance-record-summary{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.attendance-record-summary article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 12px 28px #0f1f3709}.attendance-record-summary b{font:900 20px var(--mono);color:var(--ink);margin-top:8px;display:block}.attendance-record-summary small{color:#76829a;margin-top:6px;font-size:11px;display:block}.attendance-record-table-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px 26px;box-shadow:0 16px 42px #0f1f370b}.attendance-record-table-card>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.attendance-record-table-card header span{font:900 8px var(--mono);letter-spacing:1px;color:var(--blue)}.attendance-record-table-card h2{font:900 20px var(--display);margin:5px 0 0}.attendance-record-table-card header>b{font:900 9px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase}.attendance-record-table{display:grid}.attendance-record-table>div,.attendance-record-table article{grid-template-columns:minmax(170px,1.25fr) 115px 110px 150px 110px 150px;align-items:center;gap:16px;display:grid}.attendance-record-table>div{border-bottom:1px solid #edf1f7;padding:0 0 10px}.attendance-record-table>div b{font:900 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase}.attendance-record-table article{border-bottom:1px solid #edf1f7;padding:16px 0}.attendance-record-table article.active{background:linear-gradient(90deg,#f6fbff,#fff0);border-radius:12px;margin:0 -12px;padding-left:12px;padding-right:12px}.attendance-record-table span{color:var(--ink);font-size:12px}.attendance-record-table span strong{font:900 13px var(--display);color:var(--ink);display:block}.attendance-record-table span small{color:#7d879b;margin-top:4px;font-size:10px;display:block}.attendance-record-table article>strong{font:900 13px var(--mono);color:var(--blue)}.att-record-status{color:#53627d;font:900 8px var(--mono);text-transform:uppercase;background:#edf2f8;border-radius:999px;justify-self:start;padding:7px 10px;font-style:normal}.att-record-status.open{color:var(--green);background:#e8f7ef}.att-record-status.break{color:#8a6200;background:#fff4d8}.attendance-empty{color:#6f7b93;background:#fbfdff;border:1px dashed #cbd8eb;border-radius:12px;margin:0;padding:18px}@media (max-width:1100px){.attendance-record-hero{grid-template-columns:1fr}.attendance-record-summary{grid-template-columns:repeat(2,1fr)}.attendance-record-table-card{overflow:auto}.attendance-record-table{min-width:900px}}@media (max-width:760px){.attendance-record-heading{display:grid}.attendance-live-chip{justify-self:start}.attendance-record-heading h1{font-size:28px}.attendance-record-hero{padding:18px}.attendance-hero-metrics,.attendance-record-summary{grid-template-columns:1fr}.attendance-record-table-card{padding:18px}}.employee-calendar-page{gap:22px;display:grid}.employee-calendar-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.employee-calendar-heading>div:first-child>span{font:700 10px var(--mono);letter-spacing:1px;color:#52617b}.employee-calendar-heading span b{color:var(--red)}.employee-calendar-heading h1{font:900 34px var(--display);letter-spacing:-.8px;margin:8px 0 4px}.employee-calendar-heading p{color:#65708a;margin:0;font-size:12px}.calendar-top-actions{align-items:center;gap:10px;display:flex}.calendar-top-actions button,.calendar-live-clock{border:1px solid var(--line);min-height:42px;font:900 10px var(--mono);color:var(--blue);background:#fff;border-radius:11px;padding:0 14px;box-shadow:0 10px 24px #0f1f3709}.calendar-live-clock{color:var(--ink);align-items:center;gap:9px;display:flex}.calendar-live-clock i{background:var(--red);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #fff1f3}.calendar-week-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 16px 42px #0f1f370b}.calendar-week-card>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.calendar-week-card>header span{font:900 9px var(--mono);letter-spacing:1px;color:var(--blue)}.calendar-week-card h2{font:900 20px var(--display);margin:6px 0 0}.calendar-legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.calendar-legend span{align-items:center;gap:7px;display:flex;color:#52617b!important;letter-spacing:0!important}.calendar-legend i{border-radius:3px;width:9px;height:9px}.calendar-legend .assigned{background:var(--green)}.calendar-legend .handover{background:var(--red)}.employee-week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.employee-week-grid>article{background:#fff;border:1px solid #e1e8f4;border-radius:12px;grid-template-rows:auto 1fr;min-width:0;min-height:168px;padding:10px;display:grid}.employee-week-grid>article.has-assigned{background:#f4fbf7;border-color:#bfe9cf}.employee-week-grid>article.has-handover{border-color:var(--red);background:#fff1f3}.employee-week-grid>article.today{box-shadow:inset 0 0 0 2px #0b3fae26}.employee-week-grid>article>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.employee-week-grid>article>header span{font:900 9px var(--mono);color:#53627d}.employee-week-grid>article>header b{font:900 15px var(--display);color:var(--ink)}.employee-week-grid>article.has-assigned>header b{color:var(--green)}.employee-week-grid>article.has-handover>header b{color:var(--red)}.employee-week-grid>article>div{flex-direction:column;gap:7px;min-width:0;display:flex;overflow:hidden}.employee-week-grid p{color:#9aa4b6;text-align:center;margin:auto 0;font-size:11px}.calendar-task-chip{color:#fff;background:var(--green);border-radius:7px;min-width:0;max-width:100%;padding:7px 8px;display:block;overflow:hidden;box-shadow:0 6px 14px #0f1f3714}.calendar-task-chip b{font:900 10px var(--display);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;display:block;overflow:hidden}.calendar-task-chip small{font:800 7px var(--mono);color:#e8f7ef;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;display:block;overflow:hidden}.calendar-task-chip.assigned{background:var(--green)}.calendar-task-chip.handover{background:var(--red)}.calendar-task-chip.handover small{color:#ffe5e9}.calendar-summary-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.calendar-summary-row article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 12px 28px #0f1f3709}.calendar-summary-row span{font:900 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase;display:block}.calendar-summary-row b{font:900 25px var(--display);color:var(--ink);margin-top:8px;display:block}.calendar-empty{color:#6f7b93;margin:18px 0 0;font-size:12px}.calendar-agenda-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px 26px;box-shadow:0 16px 42px #0f1f370b}.calendar-agenda-card>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.calendar-agenda-card header span{font:900 8px var(--mono);letter-spacing:1px;color:var(--blue)}.calendar-agenda-card h2{font:900 19px var(--display);margin:5px 0 0}.calendar-agenda-card header>b{font:900 9px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase}.calendar-agenda-list{gap:10px;display:grid}.calendar-agenda-item{color:var(--ink);background:#fbfdff;border:1px solid #e1e8f4;border-radius:12px;grid-template-columns:120px minmax(0,1fr) 110px;align-items:center;gap:14px;padding:13px 14px;display:grid}.calendar-agenda-item time{font:900 11px var(--display)}.calendar-agenda-item time small{font:900 8px var(--mono);color:#7c879d;margin-top:4px;display:block}.calendar-agenda-item span{min-width:0}.calendar-agenda-item span b{font:900 13px var(--display);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.calendar-agenda-item span small{color:#71809a;margin-top:4px;font-size:10px;display:block}.calendar-agenda-item em{font:900 8px var(--mono);text-transform:uppercase;color:var(--green);background:#e8f7ef;border-radius:999px;justify-self:end;padding:7px 10px;font-style:normal}.calendar-agenda-item.handover em{color:var(--red);background:#fff1f3}.calendar-agenda-list p{color:#7c879d;margin:0;font-size:12px}@media (max-width:1100px){.employee-week-grid,.calendar-summary-row{grid-template-columns:repeat(2,1fr)}.employee-calendar-heading{align-items:flex-start}.calendar-top-actions{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:760px){.employee-calendar-heading{display:grid}.calendar-top-actions{justify-content:flex-start}.employee-calendar-heading h1{font-size:28px}.calendar-week-card,.calendar-agenda-card{padding:18px}.calendar-week-card>header,.calendar-agenda-card>header{display:grid}.employee-week-grid,.calendar-summary-row,.calendar-agenda-item{grid-template-columns:1fr}.calendar-agenda-item em{justify-self:start}}.employee-activity-page{gap:22px;display:grid}.activity-record-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.activity-record-heading span{font:700 10px var(--mono);letter-spacing:1px;color:#52617b}.activity-record-heading span b{color:var(--red)}.activity-record-heading h1{font:900 34px var(--display);letter-spacing:-.8px;margin:8px 0 4px}.activity-record-heading p{color:#65708a;margin:0;font-size:12px}.activity-live-chip{border:1px solid var(--line);min-height:52px;font:900 9px var(--mono);color:#7d879b;text-transform:uppercase;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 10px 24px #0f1f3709}.activity-live-chip i{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #e8f7ef}.activity-live-chip b{font:900 14px var(--mono);color:var(--ink);text-transform:none}.activity-summary-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.activity-summary-row article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 12px 28px #0f1f3709}.activity-summary-row span{font:900 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase;display:block}.activity-summary-row b{font:900 25px var(--display);color:var(--ink);margin-top:8px;display:block}.activity-summary-row small{color:#76829a;margin-top:6px;font-size:11px;display:block}.activity-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:22px;display:grid}.activity-timeline-card,.activity-side-panel section{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 16px 42px #0f1f370b}.activity-timeline-card{padding:22px 26px}.activity-timeline-card>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.activity-timeline-card header span,.activity-side-panel header span{font:900 8px var(--mono);letter-spacing:1px;color:var(--blue)}.activity-timeline-card h2,.activity-side-panel h2{font:900 20px var(--display);margin:5px 0 0}.activity-timeline-card header>b{font:900 9px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase}.activity-day-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c8e3 #f3f7fd;max-height:690px;padding-right:10px;overflow-y:auto}.activity-day-list::-webkit-scrollbar{width:8px}.activity-day-list::-webkit-scrollbar-track{background:#f3f7fd;border-radius:999px}.activity-day-list::-webkit-scrollbar-thumb{background:#b9c8e3;border:2px solid #f3f7fd;border-radius:999px}.activity-day-group{gap:10px;margin-bottom:18px;display:grid}.activity-day-group h3{z-index:1;font:900 11px var(--mono);letter-spacing:.7px;color:#53627d;text-transform:uppercase;background:#fff;margin:0;padding:10px 0;position:sticky;top:0}.activity-day-group>div{gap:10px;display:grid}.employee-activity-event{background:#fbfdff;border:1px solid #e1e8f4;border-radius:13px;grid-template-columns:14px minmax(0,1fr);gap:14px;padding:14px;display:grid}.employee-activity-event>i{background:var(--blue);border-radius:50%;width:11px;height:11px;margin-top:5px;box-shadow:0 0 0 5px #edf4ff}.employee-activity-event.start>i,.activity-latest.start i{background:var(--green);box-shadow:0 0 0 5px #e8f7ef}.employee-activity-event.break>i,.activity-latest.break i{background:#b07a00;box-shadow:0 0 0 5px #fff4d8}.employee-activity-event.finish>i,.activity-latest.finish i{background:var(--red);box-shadow:0 0 0 5px #fff1f3}.employee-activity-event header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.employee-activity-event b{font:900 14px var(--display);color:var(--ink);display:block}.employee-activity-event small{color:#71809a;margin-top:4px;font-size:10px;display:block}.employee-activity-event time{font:900 9px var(--mono);color:#52617b;white-space:nowrap}.employee-activity-event p{color:#7c879d;margin:9px 0 0;font-size:11px}.activity-detail-chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.activity-detail-chips em{max-width:100%;font:800 9px var(--mono);color:#53627d;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #dce6f4;border-radius:999px;padding:6px 9px;font-style:normal;overflow:hidden}.activity-side-panel{gap:18px;display:grid}.activity-side-panel section{padding:20px}.activity-side-panel header{margin-bottom:14px}.activity-latest{background:linear-gradient(#fbfdff,#fff);border:1px solid #e1e8f4;border-radius:14px;gap:10px;padding:18px;display:grid}.activity-latest i{background:var(--blue);border-radius:13px;width:38px;height:38px;box-shadow:0 10px 22px #0b3fae1f}.activity-latest b{font:900 16px var(--display);color:var(--ink)}.activity-latest p{color:#64708a;margin:0;font-size:12px;line-height:1.5}.activity-latest small{font:900 9px var(--mono);color:#7c879d;text-transform:uppercase}.activity-mix-list{gap:9px;display:grid}.activity-mix-list div{background:#fbfdff;border:1px solid #e1e8f4;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;display:flex}.activity-mix-list span{font:900 9px var(--mono);letter-spacing:.6px;color:#53627d;text-transform:uppercase}.activity-mix-list b{font:900 17px var(--display);color:var(--ink)}.activity-empty{color:#6f7b93;background:#fbfdff;border:1px dashed #cbd8eb;border-radius:12px;margin:0;padding:16px;font-size:12px}@media (max-width:1100px){.activity-layout{grid-template-columns:1fr}.activity-summary-row{grid-template-columns:repeat(2,1fr)}.activity-day-list{max-height:none;padding-right:0;overflow:visible}}@media (max-width:760px){.activity-record-heading{display:grid}.activity-live-chip{justify-self:start}.activity-record-heading h1{font-size:28px}.activity-summary-row{grid-template-columns:1fr}.activity-timeline-card,.activity-side-panel section{padding:18px}.employee-activity-event header{display:grid}.employee-activity-event time{justify-self:start}}.client-settings-page{gap:20px;display:grid}.client-settings-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.client-settings-heading span{font:700 10px var(--mono);letter-spacing:1px;color:#52617b}.client-settings-heading span b{color:var(--red)}.client-settings-heading h1{font:900 34px var(--display);letter-spacing:-.8px;margin:8px 0 4px}.client-settings-heading p{color:#65708a;margin:0;font-size:12px}.client-settings-badge{color:var(--green);font:900 9px var(--mono);text-transform:uppercase;background:#effbf4;border:1px solid #cde8d8;border-radius:12px;align-items:center;gap:9px;padding:12px 14px;display:flex}.client-settings-badge svg{width:16px}.client-settings-hero{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;display:grid;box-shadow:0 16px 42px #0f1f370b}.client-settings-avatar{background:var(--blue);color:#fff;width:72px;height:72px;font:900 20px var(--display);border-radius:18px;place-items:center;display:grid;box-shadow:0 12px 28px #0b3fae2e}.client-settings-hero span{font:900 9px var(--mono);letter-spacing:.9px;color:var(--blue);text-transform:uppercase}.client-settings-hero h2{font:900 25px var(--display);margin:6px 0 4px}.client-settings-hero p{color:#64708a;margin:0;font-size:12px}.client-settings-status{text-align:right;background:#fbfdff;border:1px solid #dce6f4;border-radius:13px;padding:13px 16px}.client-settings-status b{font:900 13px var(--display);color:var(--ink);display:block}.client-settings-status small{font:800 8px var(--mono);color:#7c879d;text-transform:uppercase;margin-top:5px;display:block}.client-settings-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:20px;display:grid}.client-settings-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:0 16px 42px #0f1f370b}.client-settings-card>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.client-settings-card header span{font:900 8px var(--mono);letter-spacing:1px;color:var(--blue)}.client-settings-card h2{font:900 20px var(--display);margin:5px 0 0}.client-settings-card header>svg{width:20px;color:var(--blue)}.client-settings-form header button{background:var(--blue);color:#fff;border-radius:11px;align-items:center;gap:8px;padding:12px 15px;font-size:12px;font-weight:900;display:flex;box-shadow:0 10px 24px #0b3fae29}.client-settings-form header button svg{width:16px}.client-settings-form header button:disabled{opacity:.6;cursor:not-allowed}.client-settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.client-settings-grid label{gap:7px;display:grid}.client-settings-grid label.wide{grid-column:1/-1}.client-settings-grid span{font:900 8px var(--mono);letter-spacing:.8px;color:#6a7690;text-transform:uppercase}.client-settings-grid input,.client-settings-grid textarea{width:100%;color:var(--ink);background:#fff;border:1.5px solid #d7e1f0;border-radius:11px;outline:0;padding:12px 13px;font-size:12px}.client-settings-grid textarea{resize:vertical;line-height:1.55}.client-settings-grid input:focus,.client-settings-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e8efff}.client-settings-grid input:disabled{color:#7b879c;background:#f5f8fd}.client-settings-notice{color:var(--red);background:#fff1f3;border:1px solid #f3c5cc;border-radius:11px;margin:14px 0 0;padding:12px 13px;font-size:12px;font-weight:800}.client-settings-notice.ok{color:var(--green);background:#effbf4;border-color:#bce8ce}.client-settings-side{gap:16px;display:grid}.settings-info-list,.settings-action-list,.settings-pref-list{gap:10px;display:grid}.settings-info-list div{background:#fbfdff;border:1px solid #e1e8f4;border-radius:11px;padding:12px}.settings-info-list span{font:900 8px var(--mono);letter-spacing:.8px;color:#7c879d;text-transform:uppercase;display:block}.settings-info-list b{color:var(--ink);word-break:break-word;margin-top:6px;font-size:12px;line-height:1.45;display:block}.settings-action-list button{color:#40506c;text-align:left;background:#fbfdff;border:1px solid #dce6f4;border-radius:11px;align-items:center;gap:9px;padding:12px;font-size:12px;font-weight:900;display:flex}.settings-action-list svg{width:16px;color:var(--blue)}.settings-pref-list label{color:#40506c;background:#fbfdff;border:1px solid #dce6f4;border-radius:11px;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:800;display:flex}.settings-pref-list input{accent-color:var(--blue)}.client-settings-actions{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.client-settings-actions article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:13px;padding:18px;display:flex;box-shadow:0 12px 28px #0f1f3709}.client-settings-actions svg{width:34px;height:34px;color:var(--blue);background:#eaf1ff;border-radius:10px;flex:none;padding:9px}.client-settings-actions b{font:900 13px var(--display);color:var(--ink);display:block}.client-settings-actions span{color:#64708a;margin-top:5px;font-size:11px;line-height:1.5;display:block}.settings-empty{color:#6f7b93;background:#fbfdff;border:1px dashed #cbd8eb;border-radius:12px;margin:0;padding:18px}@media (max-width:1050px){.client-settings-layout,.client-settings-actions{grid-template-columns:1fr}.client-settings-heading{align-items:flex-start}}@media (max-width:700px){.client-settings-heading,.client-settings-hero{display:grid}.client-settings-heading h1{font-size:28px}.client-settings-badge{justify-self:start}.client-settings-hero{grid-template-columns:1fr}.client-settings-status{text-align:left}.client-settings-grid{grid-template-columns:1fr}.client-settings-card>header{display:grid}.client-settings-form header button{justify-self:start}}.system-settings-page{gap:20px;display:grid}.settings-control-hero{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.settings-control-hero article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f1f3709}.settings-control-hero article:before{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.settings-control-hero article.on:before{background:var(--green)}.settings-control-hero svg{width:38px;height:38px;color:var(--blue);background:#eaf1ff;border-radius:10px;margin-bottom:14px;padding:10px}.settings-control-hero article.on svg{color:var(--green);background:#e8f7ef}.settings-control-hero span{font:900 8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#7a859a;display:block}.settings-control-hero b{font:900 20px var(--display);color:var(--ink);margin-top:7px;display:block}.settings-control-hero p{color:#65708a;margin:7px 0 0;font-size:11px;line-height:1.55}.system-settings-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-auto-flow:dense;align-items:start;gap:18px;display:grid}.settings-panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px;box-shadow:0 14px 34px #0f1f370a}.settings-panel.primary{grid-row:auto}.settings-panel>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.settings-panel header span{font:900 8px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--blue)}.settings-panel h2{font:900 20px var(--display);letter-spacing:-.25px;margin:6px 0 0}.settings-panel header>svg{width:22px;color:var(--blue)}.settings-panel p{color:#5d6983;margin:0 0 16px;font-size:12px;line-height:1.7}.settings-rule-list{gap:10px;display:grid}.settings-rule-list div{color:#40506c;background:#fbfdff;border:1px solid #e2eaf5;border-radius:11px;align-items:center;gap:9px;padding:12px;font-size:12px;font-weight:800;display:flex}.settings-rule-list svg{width:16px;color:var(--green);flex:none}.settings-toggle-list{gap:10px;display:grid}.settings-toggle-list button{text-align:left;background:#fbfdff;border:1px solid #e0e8f4;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.settings-toggle-list b{color:var(--ink);font-size:12px;display:block}.settings-toggle-list small{color:#66718a;margin-top:4px;font-size:10px;line-height:1.45;display:block}.settings-toggle-list i{color:#53627d;font-style:normal;font:900 8px var(--mono);text-transform:uppercase;background:#edf1f7;border-radius:999px;padding:6px 9px}.settings-toggle-list i.on{color:var(--green);background:#e8f7ef}.settings-info-list.strong div{padding:13px 14px}.settings-info-list.strong b{font-size:13px}.settings-panel .btn{margin-top:14px}@media (max-width:1100px){.settings-control-hero{grid-template-columns:repeat(2,1fr)}.system-settings-grid{grid-template-columns:1fr}}@media (max-width:700px){.settings-control-hero{grid-template-columns:1fr}.settings-panel{padding:18px}.settings-panel>header{display:grid}.settings-toggle-list button{align-items:flex-start}.setting-switch{justify-self:start}}.admin-task-heading{margin-bottom:22px}.admin-task-layout .request-main-card{min-height:auto}.admin-task-card select,.admin-task-card input,.admin-task-card textarea{min-height:48px;border:1.5px solid #d7e1f0!important;border-radius:11px!important;font-size:13px!important}.admin-task-card textarea{min-height:150px;line-height:1.6}.admin-task-card select:focus,.admin-task-card input:focus,.admin-task-card textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px #e8efff!important}.admin-task-card select:disabled{color:#8994aa;cursor:not-allowed;background:#f4f7fc}.admin-task-mode{background:#f6f9ff;border:1px solid #d7e1f0;border-radius:13px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:6px;display:grid}.admin-task-mode button{color:#52617b;background:0 0;border-radius:9px;min-height:42px;font-size:12px;font-weight:900}.admin-task-mode button.active{color:var(--blue);background:#fff;border:1px solid #d8e3f3;box-shadow:0 8px 18px #0f1f3714}.admin-task-mode.client-mode{background:#fbfdff;margin-top:2px;margin-bottom:12px}.admin-task-reuse-note{color:var(--green);background:#effbf4;border:1px solid #cde8d8;border-radius:11px;margin:-2px 0 14px;padding:11px 13px;font-size:11px;font-weight:800;line-height:1.45}.admin-task-toggles{grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 18px;display:grid}.admin-task-toggles button{text-align:left;color:var(--ink);background:#fff;border:1.5px solid #d7e1f0;border-radius:13px;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex}.admin-task-toggles button:hover{border-color:var(--blue);background:#f7faff}.admin-task-toggles button.active{border-color:var(--blue);background:#eaf1ff;box-shadow:0 10px 24px #0b3fae14}.admin-task-toggles button.danger{background:#fff1f3;border-color:#f4c3cc}.admin-task-toggles svg{width:20px;height:20px;color:var(--blue);flex:none}.admin-task-toggles .danger svg{color:var(--red)}.admin-task-toggles b{font-size:12px;display:block}.admin-task-toggles small{color:#6d7891;margin-top:3px;font-size:10px;line-height:1.35;display:block}.admin-task-upload{color:var(--blue);cursor:pointer;background:#f7faff;border:1.5px dashed #b8c9e8;border-radius:13px;grid-template-columns:42px 1fr;align-items:center;gap:10px;position:relative;padding:16px!important;display:grid!important}.admin-task-upload>span{grid-column:1/-1}.admin-task-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-task-upload svg{background:var(--blue);color:#fff;border-radius:11px;width:42px;height:42px;padding:11px;box-shadow:0 10px 22px #0b3fae29}.admin-task-upload b{color:var(--ink);font-size:13px;display:block}.admin-task-upload small{color:#6d7891;margin-top:4px;font-size:11px;display:block}.admin-task-upload:hover{border-color:var(--blue);background:#eef5ff}.admin-task-file-list{gap:9px;margin:-4px 0 14px;display:grid}.admin-task-file-list article{background:#fff;border:1px solid #dfe7f3;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:10px;display:grid}.admin-task-file-list article>div{background:var(--blue);color:#fff;width:44px;height:40px;font:900 10px var(--mono);border-radius:9px;place-items:center;display:grid}.admin-task-file-list b{font-size:12px;display:block}.admin-task-file-list small{color:#6d7891;margin-top:3px;font-size:10px;display:block}.admin-task-file-list button{color:var(--red);background:#fff1f3;border:1px solid #f3c5cc;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:900}.admin-task-side .request-card{overflow:hidden}.admin-task-preview{gap:10px;display:grid}.admin-task-preview article{background:#fbfdff;border:1px solid #dfe7f3;border-radius:12px;padding:13px}.admin-task-preview span{font:900 8px var(--mono);letter-spacing:.8px;color:var(--blue);text-transform:uppercase;display:block}.admin-task-preview b{font:900 14px var(--display);color:var(--ink);margin-top:7px;line-height:1.35;display:block}.admin-task-preview small{color:#6d7891;margin-top:5px;font-size:10px;line-height:1.45;display:block}.admin-task-side .request-timeline article.active b{color:var(--green)}.custom-task-row{background:linear-gradient(90deg,#f8fbff,#fff)}.custom-task-badge{vertical-align:middle;color:var(--blue);font:900 8px var(--mono);text-transform:uppercase;letter-spacing:.5px;background:#eaf1ff;border-radius:999px;margin-left:8px;padding:3px 7px;font-style:normal;display:inline-flex}.detail-custom-badge{color:var(--blue);font:900 9px var(--mono);letter-spacing:.7px;text-transform:uppercase;background:#eaf1ff;border:1px solid #cddcf7;border-radius:999px;align-items:center;padding:9px 12px;display:inline-flex}@media (max-width:1000px){.admin-task-toggles{grid-template-columns:1fr}}@media (max-width:1180px){.app-shell .main{margin-left:0}.crm-sidebar{transition:transform .2s;transform:translate(-102%);box-shadow:22px 0 50px #0812243d}.crm-sidebar.crm-sidebar-open{transform:translate(0)}.close-nav{background:#ffffff12;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.scrim{z-index:25;background:#080f1e75;position:fixed;inset:0}.mobile-header{z-index:22;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;height:64px;padding:0 18px;display:grid;position:sticky;top:0}.mobile-header>button,.mobile-header .icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#fff;border-radius:10px;place-items:center;display:grid}.mobile-brand{justify-self:center;max-width:min(190px,54vw)}.mobile-brand-frame{display:block}.mobile-brand-logo{object-fit:contain;max-height:42px;display:block}.top-strip{display:none}.content{max-width:100%;padding:22px 18px 38px;overflow:hidden}.notification-inbox{z-index:40;width:auto;max-width:none;position:fixed;top:72px;left:14px;right:14px}}.premium-pay-banner{background:#fff;border:1px solid #dce6f4;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding:24px 28px;display:flex;box-shadow:0 18px 45px #0c203e0f}.premium-pay-banner span{font:900 10px var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:#0b63ce;display:block}.premium-pay-banner h2{font:900 30px var(--display);letter-spacing:-.5px;color:#081f43;margin:6px 0 5px}.premium-pay-banner p{color:#65718a;margin:0;font-size:13px;line-height:1.55}.premium-pay-banner>b{font:900 31px var(--display);color:#0d8f57;white-space:nowrap}.premium-order-summary{box-shadow:0 18px 45px #0c203e0f;border:1px solid #dce6f4!important}.premium-pay-status,.premium-pay-warning,.premium-paid,.premium-wallet-note,.premium-cart-note{border-radius:11px;margin-top:14px;padding:12px 13px;font-size:12px;font-weight:800;line-height:1.45}.premium-pay-status{color:#24466f;background:#f3f8ff;border:1px solid #cfe0f8}.premium-pay-warning{color:#8a5a13;background:#fff8ec;border:1px solid #f2d3aa}.premium-paid{color:#157343;background:#effbf4;border:1px solid #bfe8d0}.premium-wallet-note{color:#66718a;background:#fbfdff;border:1px solid #e1e8f4;font-weight:700}.premium-wallets,.premium-card-fields{gap:10px;margin-top:18px;display:grid}.premium-wallets>span,.premium-card-fields>span{font:900 9px var(--mono);letter-spacing:.9px;text-transform:uppercase;color:#52617b}.paypal-field{background:#fff;border:1.5px solid #d8e2f0;border-radius:10px;min-height:46px;padding:10px}.premium-card-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.premium-card-submit{justify-content:center;width:100%;margin-top:4px}.premium-cart-empty{text-align:center;background:#fbfdff;border:1px dashed #cbd8eb;border-radius:14px;padding:28px}.premium-cart-empty h3{font:900 23px var(--display);margin:0 0 7px}.premium-cart-empty p{color:#66718a;margin:0 0 16px}.premium-cart-note{color:#24466f;background:#f3f8ff;border:1px solid #cfe0f8}.premium-cart-clear{color:#bd2132;background:#fff1f3;border:1px solid #f3c5cc;border-radius:10px;margin-top:10px;padding:10px 13px;font-size:12px;font-weight:900}.cart-total li span:last-child{font-weight:900}.coupon-admin-page{gap:20px;display:grid}.coupon-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.coupon-heading span{font:800 10px var(--mono);letter-spacing:1px;color:#65718a}.coupon-heading span b{color:var(--red)}.coupon-heading h1{font:900 34px var(--display);letter-spacing:-.7px;margin:7px 0 4px}.coupon-heading p{color:#65718a;margin:0;font-size:12.5px}.coupon-heading button{color:#34425d;background:#fff;border:1px solid #dce6f4;border-radius:11px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:900;display:flex}.coupon-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.coupon-stats article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 12px 28px #0f1f3709}.coupon-stats svg{width:36px;height:36px;color:var(--blue);background:#eaf1ff;border-radius:10px;margin-bottom:13px;padding:9px}.coupon-stats span{font:900 8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#7c879d;display:block}.coupon-stats b{font:900 22px var(--display);margin-top:6px;display:block}.coupon-layout{grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr);align-items:start;gap:18px;display:grid}.coupon-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:0 14px 34px #0f1f370a}.coupon-card header{margin-bottom:16px}.coupon-card header span{font:900 8px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--blue)}.coupon-card h2{font:900 20px var(--display);margin:6px 0 0}.coupon-form{gap:13px;display:grid}.coupon-form label{gap:7px;display:grid}.coupon-form label span{font:900 8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#6c7890}.coupon-form input,.coupon-form select{width:100%;color:var(--ink);background:#fff;border:1.5px solid #d8e2f0;border-radius:11px;outline:0;padding:12px 13px;font-size:12px}.coupon-form input:focus,.coupon-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e8efff}.coupon-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coupon-notice{color:#24466f;background:#f3f8ff;border:1px solid #cfe0f8;border-radius:11px;margin:0;padding:12px;font-size:12px;font-weight:800}.coupon-list{gap:12px;display:grid}.coupon-list article{background:#fbfdff;border:1px solid #e1e8f4;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px;display:grid}.coupon-list b{font:900 15px var(--display);letter-spacing:.2px}.coupon-list p{color:#40506c;margin:4px 0;font-size:12px}.coupon-list small{color:#7c879d;font:800 9px var(--mono);text-transform:uppercase;display:block}.coupon-list button{color:#34425d;background:#fff;border:1px solid #dce6f4;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;font-weight:900;display:flex}.coupon-list button svg{width:16px}.coupon-list button.danger{color:var(--red);padding:10px}@media (max-width:900px){.premium-pay-banner,.coupon-heading{display:grid}.premium-pay-banner>b{font-size:25px}.coupon-stats,.coupon-layout,.coupon-list article,.premium-card-row{grid-template-columns:1fr}}.request-inbox-row{grid-template-columns:minmax(0,1fr) 34px}.request-inbox-row>a{color:inherit;grid-template-columns:minmax(0,1fr) 150px 190px;align-items:center;gap:18px;display:grid}.request-inbox-row>a:hover{color:inherit}.request-delete-button{width:32px;height:32px;color:var(--red);background:#fff8f9;border:1px solid #ffd5d9;border-radius:7px;place-items:center;display:grid}.request-delete-button svg{width:14px}.request-delete-button:disabled{opacity:.45}@media (max-width:1150px){.request-inbox-row>a{grid-template-columns:1fr}}@media (max-width:760px){.request-inbox-row{grid-template-columns:1fr auto;align-items:start}.request-delete-button{margin-top:6px}}@media (max-width:980px){.page-header,.clients-heading,.employee-detail-heading,.attendance-admin-heading,.timer-page-heading,.attendance-record-heading,.activity-record-heading,.client-settings-heading,.admin-task-heading{align-items:start;gap:14px;display:grid!important}.page-header>div:last-child,.clients-heading>div:last-child,.employee-detail-heading>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.page-header h1,.clients-heading h1,.employee-detail-heading h1,.attendance-admin-heading h1,.timer-page-heading h1,.attendance-record-heading h1,.activity-record-heading h1,.client-settings-heading h1{letter-spacing:-.4px;font-size:28px;line-height:1.08}.stat-grid,.client-stats,.employee-admin-stats,.settings-control-hero,.attendance-admin-stats,.attendance-record-summary,.activity-summary-row,.client-settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid,.form-layout,.detail-grid,.timer-layout,.timer-shell,.activity-layout,.client-settings-layout,.system-settings-grid,.admin-task-layout,.job-detail-layout,.employee-detail-grid,.employee-detail-grid-pro{grid-template-columns:1fr!important}.form-layout .span-2,.form-layout .form-actions{grid-column:auto}.form-field:has(textarea){grid-column:auto}.file-grid,.photo-grid,.people-grid,.meta-grid,.attendance-day-summary,.attendance-hero-metrics,.employee-workload-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.table-wrap,.clients-table-wrap,.employee-admin-table-wrap,.attendance-table-wrap{border:1px solid var(--line);-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;margin-left:0;margin-right:0;overflow-x:auto}table,.clients-table,.employee-admin-table{min-width:760px}.card,.job-panel,.request-card,.client-account-detail,.settings-panel,.client-settings-card,.employee-log-card,.employee-week-card,.employee-skills-card,.employee-current-card{border-radius:12px}.timer-face strong{letter-spacing:-2px;font-size:52px}}@media (max-width:760px){html,body{max-width:100%;overflow-x:hidden}.app-shell,.app-shell *{min-width:0}.crm-sidebar{width:min(86vw,318px);padding:20px 16px 16px}.crm-sidebar-brand{margin:-20px -16px 18px;padding:16px}.crm-sidebar nav a{min-height:44px;font-size:13px}.content{padding:18px 14px 34px}.mobile-header{height:60px;padding:0 14px}.page-header h1,.clients-heading h1,.employee-detail-heading h1,.attendance-admin-heading h1,.timer-page-heading h1,.attendance-record-heading h1,.activity-record-heading h1,.client-settings-heading h1,.admin-task-heading h1{font-size:25px}.page-header p,.clients-heading p,.attendance-admin-heading p,.client-settings-heading p,.timer-page-heading p,.activity-record-heading p{font-size:12px;line-height:1.55}.btn,.job-status-actions button,.stage-toggle-button,.timer-actions button,.attendance-actions button{width:100%;min-height:46px}.page-header>div:last-child,.clients-heading>div:last-child,.employee-detail-heading>div:last-child,.job-status-actions,.timer-actions,.attendance-actions,.simple-timer-actions{width:100%;grid-template-columns:1fr!important;display:grid!important}.stat-grid,.client-stats,.employee-admin-stats,.settings-control-hero,.attendance-admin-stats,.attendance-record-summary,.activity-summary-row,.client-settings-actions,.file-grid,.photo-grid,.people-grid,.meta-grid,.attendance-day-summary,.attendance-hero-metrics,.employee-workload-strip{grid-template-columns:1fr!important}.card{margin-bottom:14px;padding:16px}.card>header,.job-panel>header,.request-card>header,.employee-log-card>header,.attendance-record-table-card>header,.activity-timeline-card>header,.client-settings-card>header,.settings-panel>header{align-items:start;gap:8px;display:grid}.card>header h2,.job-panel>header h2,.employee-log-card h2,.client-settings-card h2,.settings-panel h2{font-size:16px}.form-grid,.client-settings-grid,.employee-form-grid,.client-detail-grid,.finance-form,.finance-tools form,.finance-tools form:nth-child(2),.admin-task-mode,.admin-task-file-list article{grid-template-columns:1fr!important}.form-actions,.employee-form-actions,.client-modal-actions{grid-template-columns:1fr!important;display:grid!important}.form-field input,.form-field select,.form-field textarea,.crew-assign-form input,.crew-assign-form select,.crew-assign-form textarea,.client-settings-grid input,.client-settings-grid textarea,.admin-task-card select,.admin-task-card input,.admin-task-card textarea{min-height:46px;font-size:16px!important}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:28px 18px}.role-tabs{grid-template-columns:1fr}.client-account-detail,.client-modal,.settings-panel,.client-settings-card,.employee-profile-card,.employee-log-card,.employee-week-card,.employee-skills-card,.employee-current-card{padding:16px}.client-account-detail>header,.client-settings-hero,.employee-profile-card{text-align:left;grid-template-columns:1fr!important;display:grid!important}.employee-profile-card{gap:14px}.employee-avatar-large,.client-settings-avatar{border-radius:14px;width:56px;height:56px;font-size:17px}.employee-kpis{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding-top:12px;display:grid!important}.employee-kpis>div{background:#fbfdff;border:1px solid #edf1f7;border-radius:10px;padding:10px}.employee-task-list article,.assigned-crew-list article,.auto-assign-preview article,.job-files article,.file-card{gap:9px;grid-template-columns:1fr!important}.employee-task-list article.active{padding-left:17px}.employee-task-list a,.assigned-crew-list strong,.assigned-crew-list article>button,.job-file-actions{grid-column:auto;justify-self:start}.stage-cards,.assigned-crew-panel .stage-cards{padding:0 14px 18px}.stage-card{padding:15px 16px}.stage-card header{gap:8px;display:grid}.stage-card header small{justify-self:start}.stage-card .stage-employee{grid-template-columns:40px 1fr;padding:11px;display:grid}.stage-card .stage-employee span{width:40px;height:40px}.stage-meta{grid-template-columns:1fr!important;display:grid!important}.stage-toggle-button{margin-top:10px}.stage-assignment-form,.crew-assign-form{margin:0 14px 18px;padding:14px}.auto-assign-preview header{gap:5px;display:grid}.auto-assign-preview strong{justify-self:start}.job-detail-heading{display:grid!important}.job-detail-summary,.job-panel>.job-chat-form:first-of-type>div{grid-template-columns:1fr!important}.job-panel>.job-chat-form:first-of-type button,.job-panel>.job-chat-form:first-of-type label{width:100%;min-width:0}.job-files{padding:0 14px 18px}.job-files b,.job-files small,.employee-task-list b,.employee-task-list em,.assigned-crew-list em{white-space:normal}.job-file-actions{width:100%;max-width:none;display:grid}.job-file-actions button{width:100%}.job-chat{min-height:320px;padding:12px}.job-chat article{width:100%;max-width:100%}.finance-admin-panel,.payment-history{padding:16px}.payment-history article{grid-template-columns:1fr!important}.attendance-admin-toolbar,.daily-register-toolbar,.attendance-filter-row{gap:10px;grid-template-columns:1fr!important;display:grid!important}.attendance-table-wrap,.attendance-admin-table,.attendance-record-table,.timer-log-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.attendance-record-table>div{display:none}.attendance-record-table article,.timer-log-table>div,.activity-mix-list div,.login-audit-list>div{gap:6px;grid-template-columns:1fr!important}.employee-log-list article,.employee-register-list article,.employee-event-feed article{grid-template-columns:32px minmax(0,1fr)!important}.employee-log-list time{grid-column:2;justify-self:start}.timer-hero-card,.timer-log-card,.attendance-record-hero,.attendance-record-table-card,.activity-timeline-card{padding:16px}.timer-hero-card>header,.timer-page-heading,.attendance-record-heading,.activity-record-heading{display:grid}.timer-face{padding:22px 12px}.timer-face strong{letter-spacing:-1px;font-size:42px}.timer-event-log article,.employee-activity-event header{grid-template-columns:1fr!important}.client-modal-backdrop{padding:14px}.client-modal{width:100%;max-height:calc(100vh - 28px);overflow:auto}}@media (max-width:430px){.content{padding-left:10px;padding-right:10px}.mobile-brand{max-width:48vw}.page-header h1,.clients-heading h1,.employee-detail-heading h1,.timer-page-heading h1,.attendance-record-heading h1,.activity-record-heading h1,.client-settings-heading h1{font-size:22px}.stat-card,.client-stats article,.employee-admin-stats article,.settings-control-hero article,.employee-workload-strip article{padding:13px}.employee-kpis{grid-template-columns:1fr}.notification-inbox{left:8px;right:8px}}.job-files article{grid-template-columns:minmax(0,1fr) 316px}.job-files article>span{padding-left:4px}.job-files article>div:not(.job-file-actions){display:none}.assigned-crew-panel .stage-cards{gap:14px;padding:0 28px 28px}.assigned-crew-panel .stage-card{background:linear-gradient(#fff,#fbfdff);border-color:#d8e3f2;min-height:0;padding:22px 24px 20px}.assigned-crew-panel .stage-card:before{border-radius:5px 0 0 5px;width:5px}.assigned-crew-panel .stage-card.locked{opacity:1;background:#f8fafc;border-color:#dde5f0}.assigned-crew-panel .stage-card header{margin-bottom:16px}.assigned-crew-panel .stage-card header b{font-size:18px;line-height:1.2}.assigned-crew-panel .stage-card header small{color:#2d3850;background:#f0f4fa}.assigned-crew-panel .stage-card .stage-info{gap:10px}.assigned-crew-panel .stage-card .stage-info em{color:#50607c;font-size:12px;line-height:1.45}.assigned-crew-panel .stage-card .stage-info em svg{width:15px;height:15px}.assigned-crew-panel .stage-meta{margin-top:18px}.assigned-crew-panel .stage-meta span{background:#f9fbff;border-radius:10px;padding:9px 12px;font-size:9px}.assigned-crew-panel .stage-toggle-button{background:#fff;border-radius:12px;min-height:50px;margin:0 0 12px;font-size:14px}@media (max-width:1050px){.job-files article{grid-template-columns:minmax(0,1fr)}.job-file-actions{grid-column:auto}}@media (max-width:760px){.assigned-crew-panel .stage-cards{padding:0 14px 18px}.assigned-crew-panel .stage-card{padding:18px}.job-files article>span{padding-left:0}}.crm-state{text-align:center;color:#586782;background:linear-gradient(#fbfdff,#fff);border:1.5px dashed #cfdbef;border-radius:14px;align-content:center;place-items:center;gap:8px;min-height:178px;padding:26px 24px;display:grid}.crm-state>svg{width:34px;height:34px;color:var(--blue);background:#eaf1ff;border-radius:10px;padding:7px}.crm-state b{font:900 16px var(--display);color:var(--ink)}.crm-state p{color:#66738d;max-width:430px;margin:0;font-size:12px;line-height:1.6}.crm-loading-state>svg{animation:1s linear infinite crm-spin}.crm-loading-state span{background:linear-gradient(90deg,#edf2fb,#f8fbff,#edf2fb) 0 0/220% 100%;border-radius:999px;width:min(420px,80%);height:9px;animation:1.25s ease-in-out infinite crm-shimmer;display:block}.crm-loading-state span:nth-of-type(2){width:min(330px,70%)}.crm-loading-state span:nth-of-type(3){width:min(250px,58%)}.crm-empty-state>svg{color:#53627d;background:#eef3fb}.crm-error-state{background:#fff8f9;border-color:#f4c3cc}.crm-error-state>svg{color:var(--red);background:#fff1f3}.crm-state .btn{margin-top:6px}@keyframes crm-spin{to{transform:rotate(360deg)}}@keyframes crm-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.crm-list-toolbar{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px;margin:0 0 16px;display:grid}.crm-list-search{background:#fbfdff;border:1.5px solid #d7e2f1;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.crm-list-search svg,.crm-list-filters>svg{color:#75839c;flex:none}.crm-list-search input{width:100%;color:var(--ink);font:700 11px var(--body);background:0 0;border:0;outline:0}.crm-list-search input::placeholder{color:#8792a7}.crm-list-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;min-height:42px;display:flex}.crm-list-filters button,.client-filter-row button{color:#52617b;min-height:32px;font:900 8px var(--mono);text-transform:uppercase;background:#fff;border:1px solid #d7e2f1;border-radius:999px;padding:0 11px;transition:all .15s}.crm-list-filters button:hover,.client-filter-row button:hover{border-color:var(--blue);color:var(--blue);background:#f4f8ff}.crm-list-filters button.active,.client-filter-row button.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 18px #004bb424}.crm-list-count{color:#75839c;font:800 8px var(--mono);text-transform:uppercase;letter-spacing:.7px;grid-column:1/-1}.request-inbox-card>.crm-list-toolbar{border-bottom:1px solid #edf1f7;margin:0;padding:0 20px 16px}.request-inbox-card>.crm-state{margin:16px 20px}.client-filter-row{border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:12px;padding:0 19px 14px;display:flex}.client-filter-row>span{color:#75839c;font:800 8px var(--mono);text-transform:uppercase;letter-spacing:.7px}.client-filter-row>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.client-empty-row{text-align:center;color:#69768e;place-items:center;gap:5px;min-height:120px;display:grid}.client-empty-row b{font:900 14px var(--display);color:var(--ink)}.client-empty-row small{color:#69768e;font-size:11px}@media (max-width:760px){.crm-list-toolbar{grid-template-columns:1fr}.crm-list-filters{justify-content:flex-start}.client-filter-row{flex-direction:column;align-items:flex-start}.client-filter-row>div{justify-content:flex-start}.clients-card>header label{width:100%}}.job-panel,.job-panel *{min-width:0}.job-detail-layout{grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)}.job-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 24px 20px}.job-payment-grid article{align-content:center;min-height:104px;padding:19px 20px;display:grid}.job-payment-grid b{overflow-wrap:anywhere;font-size:clamp(21px,2.2vw,28px);line-height:1.05}.finance-progress{margin:0 24px 22px}.finance-admin-panel{gap:14px;padding:20px 24px 24px}.finance-form{align-items:end;grid-template-columns:minmax(0,1fr) minmax(112px,.45fr) minmax(112px,.45fr)!important;gap:12px!important}.finance-form .btn{grid-column:auto;justify-self:stretch;width:100%;height:46px;min-height:46px}.finance-form input,.finance-tools input{width:100%;height:46px;min-height:46px}.finance-tools{gap:12px;grid-template-columns:1fr!important}.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){border-radius:12px;align-items:end;gap:10px;padding:14px;overflow:hidden;grid-template-columns:128px minmax(0,1fr) minmax(0,1fr) 142px!important}.finance-tools form>b{color:#52617b;background:#f8fbff;border:1px solid #e0e8f4;border-radius:10px;grid-column:auto;align-self:center;padding:10px 12px;line-height:1.25}.finance-tools form:nth-child(2)>div button{white-space:normal;height:46px;min-height:46px;padding:0 8px;font-size:10px;line-height:1.2}.finance-tools form .btn{width:100%;height:46px;min-height:46px}.payment-history{padding:18px 24px 24px}@media (max-width:1380px){.job-detail-layout{grid-template-columns:1fr}}@media (max-width:900px){.job-payment-grid{grid-template-columns:1fr;padding:0 18px 18px}.finance-progress{margin:0 18px 20px}.finance-admin-panel{padding:18px}.finance-form,.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-form label:first-child,.finance-form .btn,.finance-tools form>b,.finance-tools form .btn,.finance-tools form:nth-child(2)>div{grid-column:auto}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr}.payment-history{padding:16px 18px 20px}}.job-panel>header{min-height:72px;padding:21px 26px}.job-panel>header h2{letter-spacing:-.35px;font-size:20px}.job-panel>header span{color:#75839b;font-size:9px}.job-payment-grid{gap:16px;padding:0 30px 22px}.job-payment-grid article{border-radius:14px;min-height:112px;padding:24px 28px}.job-payment-grid span{letter-spacing:.65px;color:#56647e;font-size:8.5px}.job-payment-grid b{letter-spacing:-.7px;margin-top:11px;font-size:clamp(25px,2.4vw,34px)}.finance-progress{background:#edf3fb;border-color:#d8e3f2;height:40px;margin:0 30px 28px;box-shadow:inset 0 1px 2px #0f1f370a}.finance-progress span{letter-spacing:.7px;font-size:8.5px}.finance-admin-panel{background:linear-gradient(#fbfdff,#f7faff);border-top:1px solid #dce5f1;padding:26px 30px 30px}.finance-form label span,.finance-tools b{font:900 8.5px var(--mono);letter-spacing:1.1px;color:#66738d;text-transform:uppercase;margin:0 0 8px;display:block}.finance-form input,.finance-tools input{background:#fff;border:1.5px solid #d3dfef;border-radius:11px;height:54px;min-height:54px;padding:0 18px;font-size:13px;box-shadow:0 4px 12px #0f1f3706}.finance-form input:focus,.finance-tools input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e7efff}.finance-form .btn{border-radius:11px;grid-column:auto;width:100%;height:54px;min-height:54px;font-size:12.5px;box-shadow:0 12px 24px #0b3fae2e}.finance-tools{gap:14px;margin-top:0}.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){background:#fff;border:1.5px solid #dbe5f3;border-radius:14px;align-items:end;gap:12px;padding:18px 20px;box-shadow:0 12px 28px #0f1f370b;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr) 176px!important}.finance-tools form>b{color:#40506c;background:0 0;border:0;grid-column:auto;align-self:center;margin:0;padding:0;line-height:1.45}.finance-tools form>b:before{content:"";background:var(--blue);border-radius:999px;width:28px;height:3px;margin-bottom:10px;display:block}.finance-tools form:first-child>b:before{background:var(--green)}.finance-tools form .btn{border-radius:11px;height:54px;min-height:54px;font-size:12px;box-shadow:0 12px 24px #0b3fae29}.finance-tools form:nth-child(2)>div button{height:54px;min-height:54px;color:var(--blue);white-space:nowrap;background:#fff;border:1.5px solid #c9d7ee;border-radius:11px;padding:0 14px;font-size:10.5px;font-weight:900;line-height:1.1}.finance-tools form:nth-child(2)>div button:hover{border-color:var(--blue);background:#eef5ff}.payment-history{background:#fff;padding:22px 30px 32px}.payment-history header{margin-bottom:20px}.payment-history header b{font-size:14px}.payment-history header span{letter-spacing:.6px;font-size:8.5px}.payment-history p{color:#8390a6;font-size:12px}@media (max-width:1280px){.finance-form{grid-template-columns:minmax(0,1fr) minmax(160px,.34fr) 180px!important}.finance-form label:first-child{grid-column:1/-1}.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){grid-template-columns:140px minmax(0,1fr) minmax(0,1fr) 164px!important}}@media (max-width:980px){.job-panel>header{padding:18px}.job-payment-grid{grid-template-columns:1fr;padding:0 18px 18px}.finance-progress{margin:0 18px 20px}.finance-admin-panel{padding:18px}.finance-form,.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-form label:first-child,.finance-form .btn,.finance-tools form>b,.finance-tools form .btn,.finance-tools form:nth-child(2)>div{grid-column:auto}.finance-tools form>b:before{margin-bottom:8px}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr 1fr}.payment-history{padding:18px}}@media (max-width:560px){.finance-tools form:nth-child(2)>div{grid-template-columns:1fr}.finance-tools form:nth-child(2)>div button{white-space:normal}}.job-status-timeline{padding:22px 28px 18px}.job-status-timeline:before{background:linear-gradient(#c9d8f3,#e3eaf6);width:2px;top:42px;bottom:42px;left:40px}.job-status-timeline article{grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding:0 0 24px}.job-status-timeline article:last-child{padding-bottom:2px}.job-status-timeline article i{color:#fff;background:#dbe6f7;border:5px solid #fff;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 0 9px #edf3ff}.job-status-timeline article.completed i{background:var(--blue);box-shadow:0 0 0 9px #e6efff}.job-status-timeline article.current i{background:var(--blue);box-shadow:0 0 0 9px #dbe8ff,0 10px 22px #0b3fae2e}.job-status-timeline article.current i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px}.job-status-timeline article.upcoming i{background:#c9d4e5;box-shadow:0 0 0 9px #f2f5fa}.job-status-timeline article.cancelled i{background:var(--red);box-shadow:0 0 0 9px #ffe6ea}.job-status-timeline article b{font-size:15px;line-height:1.2}.job-status-timeline article.current b{color:var(--blue)}.job-status-timeline article.upcoming b{color:#7b879b}.job-status-timeline article small{letter-spacing:.8px;color:#6c7890;font-size:8.5px}.job-status-timeline article.upcoming small{color:#9aa5b7}.job-status-actions{padding:8px 28px 26px}.job-status-actions button{min-height:52px;color:var(--blue);background:#fff;border-color:#bfd0ee;border-radius:12px;font-size:12px}.job-status-actions button:first-child{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 12px 24px #0b3fae29}.job-status-actions button:first-child:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.job-status-actions:empty{display:none}@media (max-width:760px){.job-status-timeline{padding:18px}.job-status-timeline:before{left:32px}.job-status-timeline article{grid-template-columns:42px minmax(0,1fr)}.job-status-actions{padding:6px 18px 20px}}.btn-spinner{animation:.8s linear infinite crm-spin}.stage-assignment-form.is-saving{pointer-events:none;position:relative}.stage-assignment-form.is-saving input,.stage-assignment-form.is-saving select,.stage-assignment-form.is-saving textarea{color:#53627d;background:#f8fbff}.stage-assignment-form.is-saving button{pointer-events:auto}.finance-admin-panel{--finance-label-col:220px;--finance-action-col:240px;--finance-control-h:58px}.finance-form{grid-template-columns:var(--finance-label-col)minmax(0,1fr)minmax(0,1fr)var(--finance-action-col)!important;gap:16px!important}.finance-form label:first-child{grid-column:1/-1}.finance-form label:nth-of-type(2){grid-column:1/span 2}.finance-form label:nth-of-type(3){grid-column:3}.finance-form .btn{width:100%;height:var(--finance-control-h);min-height:var(--finance-control-h);grid-column:4}.finance-form input,.finance-tools input,.finance-tools form input{height:var(--finance-control-h);min-height:var(--finance-control-h)}.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){align-items:end;grid-template-columns:var(--finance-label-col)minmax(0,1fr)minmax(0,1fr)var(--finance-action-col)!important;gap:16px!important}.finance-tools form>b{grid-column:1;align-self:center}.finance-tools form input:first-of-type{grid-column:2}.finance-tools form input:nth-of-type(2){grid-column:3}.finance-tools form .btn{width:100%;height:var(--finance-control-h);min-height:var(--finance-control-h);grid-column:4}.finance-tools form:nth-child(2)>div{grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.finance-tools form:nth-child(2)>div button{height:var(--finance-control-h);min-height:var(--finance-control-h)}@media (max-width:1400px){.finance-admin-panel{--finance-label-col:150px;--finance-action-col:230px}.finance-tools form:nth-child(2){grid-template-columns:var(--finance-label-col)minmax(0,.62fr)minmax(278px,1.18fr)var(--finance-action-col)!important}.finance-tools form:nth-child(2)>div{grid-template-columns:minmax(122px,1fr) minmax(144px,1.08fr);gap:10px}.finance-tools form:nth-child(2)>div button{white-space:nowrap;text-overflow:clip;padding:0 8px;font-size:9px;overflow:visible}}@media (max-width:1220px){.finance-admin-panel{--finance-label-col:180px;--finance-action-col:210px}}@media (max-width:980px){.finance-form,.finance-tools form,.finance-tools form:first-child,.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-form label:first-child,.finance-form label:nth-of-type(2),.finance-form label:nth-of-type(3),.finance-form .btn,.finance-tools form>b,.finance-tools form input:first-of-type,.finance-tools form input:nth-of-type(2),.finance-tools form .btn,.finance-tools form:nth-child(2)>div{grid-column:auto}}.finance-tools form:nth-child(2){grid-template-columns:150px minmax(150px,.55fr) minmax(360px,1.35fr) 220px!important;overflow:visible!important}.finance-tools form:nth-child(2)>div{overflow:visible;grid-template-columns:minmax(150px,1fr) minmax(170px,1.08fr)!important;gap:14px!important}.finance-tools form:nth-child(2)>div button{width:100%;min-width:0;white-space:nowrap!important;text-overflow:clip!important;padding:0 12px!important;font-size:10px!important;overflow:visible!important}.finance-tools form:nth-child(2) .btn{width:100%}@media (max-width:1280px){.finance-tools form:nth-child(2){grid-template-columns:140px minmax(140px,.5fr) minmax(330px,1.35fr) 210px!important}.finance-tools form:nth-child(2)>div{grid-template-columns:minmax(140px,1fr) minmax(160px,1.08fr)!important}.finance-tools form:nth-child(2)>div button{font-size:9.5px!important}}@media (max-width:980px){.finance-tools form:nth-child(2){grid-template-columns:1fr!important}.finance-tools form:nth-child(2)>div{grid-template-columns:1fr 1fr!important}}@media (max-width:560px){.finance-tools form:nth-child(2)>div{grid-template-columns:1fr!important}}.finance-tools .finance-tool-form.paid-total-form{grid-template-columns:minmax(150px,220px) minmax(320px,1fr)!important;gap:14px!important;display:grid!important;overflow:hidden!important}.finance-tools .finance-tool-form.paid-total-form .finance-quick-actions{grid-column:2!important;grid-template-columns:minmax(130px,1fr) minmax(150px,1fr)!important;gap:12px!important;display:grid!important}.finance-tools .finance-tool-form.paid-total-form .btn{grid-column:1/-1!important;justify-self:end!important;width:min(260px,100%)!important;max-width:260px!important}@media (max-width:760px){.finance-tools .finance-tool-form.paid-total-form{grid-template-columns:1fr!important}.finance-tools .finance-tool-form.paid-total-form .finance-quick-actions,.finance-tools .finance-tool-form.paid-total-form .btn{grid-column:auto!important}.finance-tools .finance-tool-form.paid-total-form .btn{width:100%!important;max-width:none!important}}.finance-tools{grid-template-columns:1fr!important;gap:12px!important;margin-top:0!important;display:grid!important}.finance-tool{background:#fff;border:1.5px solid #dbe5f3;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px #0f1f370b}.finance-tool-toggle{width:100%;min-height:76px;color:var(--ink);text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.finance-tool-toggle span{gap:5px;display:grid}.finance-tool-toggle b{font:900 10px var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:#40506c}.finance-tool-toggle b:before{content:"";background:var(--blue);border-radius:999px;width:34px;height:4px;margin-bottom:10px;display:block}.finance-tool:first-child .finance-tool-toggle b:before{background:var(--green)}.finance-tool-toggle small{color:#7a879c;font-size:11px;line-height:1.45}.finance-tool-toggle em{min-width:92px;min-height:38px;color:var(--blue);background:#f8fbff;border:1.5px solid #c8d8f1;border-radius:10px;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid}.finance-tool.open .finance-tool-toggle{background:#fbfdff;border-bottom:1px solid #edf1f7}.finance-tool-form{align-items:center;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 220px!important;gap:14px!important;padding:16px 20px 20px!important;display:grid!important;overflow:visible!important}.finance-tool-form input{background:#fff;border:1.5px solid #d3dfef;border-radius:11px;width:100%;padding:0 18px;font-size:13px;grid-column:auto!important;height:54px!important;min-height:54px!important}.finance-tool-form .btn{border-radius:11px;width:100%;grid-column:auto!important;height:54px!important;min-height:54px!important}.paid-total-form{grid-template-columns:minmax(160px,.65fr) minmax(330px,1.35fr) 220px!important}.finance-quick-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.finance-quick-actions button{height:54px;min-height:54px;color:var(--blue);white-space:nowrap;background:#fff;border:1.5px solid #c9d7ee;border-radius:11px;padding:0 14px;font-size:11px;font-weight:900}.finance-quick-actions button:hover{border-color:var(--blue);background:#eef5ff}@media (max-width:980px){.finance-tool-form,.paid-total-form{grid-template-columns:1fr!important}.finance-quick-actions{grid-template-columns:1fr 1fr!important}}@media (max-width:560px){.finance-tool-toggle{display:grid}.finance-tool-toggle em{justify-self:start}.finance-quick-actions{grid-template-columns:1fr!important}}.finance-tool-form.paid-total-form{grid-template-columns:minmax(150px,210px) minmax(320px,1fr) minmax(190px,220px)!important}.finance-tool-form.paid-total-form .btn{min-width:0}@media (max-width:1180px){.finance-tool-form.paid-total-form{grid-template-columns:minmax(150px,220px) minmax(320px,1fr)!important}.finance-tool-form.paid-total-form .btn{justify-self:end;max-width:260px;grid-column:1/-1!important}}@media (max-width:760px){.finance-tool-form.paid-total-form{grid-template-columns:1fr!important}.finance-tool-form.paid-total-form .btn{max-width:none}}.app-shell .btn-primary,.app-shell .sign-in{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;box-shadow:0 10px 24px #0b3fae2e!important}.app-shell .btn-primary:hover,.app-shell .sign-in:hover{background:var(--blue-dark)!important;border-color:var(--blue-dark)!important}.app-shell .btn-danger,.app-shell .timer-actions button.finish,.app-shell .simple-timer-actions button.finish,.app-shell .task-work-end-btn,.app-shell .admin-task-file-list button{color:var(--blue)!important;background:#eef5ff!important;border-color:#c8d8f1!important}.app-shell .btn-danger:hover,.app-shell .timer-actions button.finish:hover,.app-shell .simple-timer-actions button.finish:hover,.app-shell .task-work-end-btn:hover,.app-shell .admin-task-file-list button:hover{border-color:var(--blue)!important;background:#e3edff!important}.app-shell .job-panel header a,.app-shell .assigned-crew-panel>header button,.app-shell .timer-page-heading span b,.app-shell .attendance-record-heading span b,.app-shell .employee-calendar-heading span b,.app-shell .activity-record-heading span b,.app-shell .client-settings-heading span b{color:var(--blue)!important}.app-shell .role-admin{color:#b9d0ff!important;background:#153d88!important}.app-shell .crm-sidebar nav a em,.app-shell .icon-btn i{background:var(--blue)!important}.app-shell .admin-task-toggles button.danger{background:#eef5ff!important;border-color:#c8d8f1!important}.app-shell .admin-task-toggles .danger svg{color:var(--blue)!important}@media (max-width:760px){html,body{max-width:100%;overflow-x:hidden}.app-shell{min-width:0;display:block;overflow-x:hidden}.app-shell .main{width:100%;min-width:0;margin-left:0;overflow-x:hidden}.top-strip{display:none!important}.mobile-header{z-index:25;background:#fff;border-bottom:1px solid #dce5f1;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:10px;min-height:82px;padding:10px 16px;position:sticky;top:0;display:grid!important}.mobile-header .mobile-brand{justify-content:center;align-items:center;width:auto!important;min-width:0!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:flex!important}.mobile-header .mobile-brand-frame{justify-content:center;align-items:center;background:0 0!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;display:flex!important}.mobile-header .brand-logo,.mobile-header .mobile-brand-logo{justify-self:center;width:min(230px,100%);height:auto;max-height:54px;display:block}.mobile-header>button,.mobile-header>.icon-btn{width:48px;height:48px;color:var(--ink);box-shadow:none;background:#fff;border:1px solid #d7e1f0;border-radius:13px;place-items:center;display:grid}.mobile-header svg{width:22px;height:22px}.content{width:100%;max-width:none;padding:28px 14px 32px;overflow:hidden}.page-header,.clients-heading,.employee-detail-heading,.attendance-heading,.attendance-admin-heading,.attendance-record-heading,.employee-calendar-heading,.activity-record-heading,.client-settings-heading,.timer-page-heading,.request-heading,.job-detail-heading,.admin-task-heading{grid-template-columns:1fr!important;align-items:start!important;gap:14px!important;margin:0 0 22px!important;padding:0!important;display:grid!important}.page-header>div,.clients-heading>div,.employee-detail-heading>div,.attendance-heading>div,.attendance-admin-heading>div,.attendance-record-heading>div,.employee-calendar-heading>div,.activity-record-heading>div,.client-settings-heading>div,.timer-page-heading>div,.request-heading>div,.job-detail-heading>div,.admin-task-heading>div{min-width:0}.page-header h1,.clients-heading h1,.employee-detail-heading h1,.attendance-heading h1,.attendance-admin-heading h1,.attendance-record-heading h1,.employee-calendar-heading h1,.activity-record-heading h1,.client-settings-heading h1,.timer-page-heading h1,.request-heading h1,.job-detail-heading h1,.admin-task-heading h1{overflow-wrap:anywhere;letter-spacing:-.35px!important;font-size:clamp(25px,7vw,31px)!important;line-height:1.12!important}.page-header p,.clients-heading p,.employee-detail-heading p,.attendance-heading p,.attendance-admin-heading p,.attendance-record-heading p,.employee-calendar-heading p,.activity-record-heading p,.client-settings-heading p,.timer-page-heading p,.request-heading p,.job-detail-heading p,.admin-task-heading p{max-width:100%!important;font-size:14px!important;line-height:1.55!important}.page-header .btn,.clients-heading .btn,.employee-detail-heading .btn,.attendance-heading .btn,.attendance-admin-heading .btn,.attendance-record-heading .btn,.employee-calendar-heading .btn,.activity-record-heading .btn,.client-settings-heading .btn,.timer-page-heading .btn,.request-heading .btn,.job-detail-heading .btn,.admin-task-heading .btn{border-radius:11px;width:100%;min-height:54px;font-size:13px}.card,.clients-card,.job-panel,.employee-create-card,.client-account-detail,.calendar-week-card,.calendar-agenda-card,.assigned-task-attendance-card,.request-card,.attendance-register,.attendance-calendar-panel,.client-settings-card,.settings-panel{border-radius:14px;width:100%;max-width:100%;overflow:hidden}.card{margin-bottom:16px;padding:16px}.card>header{grid-template-columns:1fr;gap:8px;margin-bottom:14px;display:grid}.card>header h2{font-size:18px;line-height:1.2}.dashboard-grid,.form-layout,.detail-grid,.timer-layout,.report-grid,.client-settings-grid,.job-detail-layout{grid-template-columns:1fr!important;gap:16px!important}.stat-grid,.client-stats,.employee-admin-stats,.task-attendance-metrics,.task-attendance-metrics.employee-task-attendance-metrics{grid-template-columns:1fr!important;gap:12px!important}.stat-card,.client-stats article,.employee-admin-stats article{border-radius:13px;min-height:88px;padding:16px 18px}.employee-admin-stats article{grid-template-columns:56px 1fr}.employee-admin-stats svg,.client-stats article>svg{width:48px;height:48px}.employee-admin-stats b,.client-stats b,.stat-card strong{font-size:28px}.btn,.employee-add-trigger{white-space:normal;text-align:center;border-radius:11px;min-height:48px}.search,.employee-search,.clients-card>header label,.attendance-filter-search,.attendance-date-card,.search input,.employee-search input,.clients-card>header input{width:100%!important;min-width:0!important}.table-wrap,.clients-table-wrap,.employee-admin-table-wrap,.attendance-table-wrap,[class$=-table-wrap]{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:14px;width:100%;margin:0!important;overflow-x:auto!important}.table-wrap::-webkit-scrollbar{display:none}.clients-table-wrap::-webkit-scrollbar{display:none}.employee-admin-table-wrap::-webkit-scrollbar{display:none}.attendance-table-wrap::-webkit-scrollbar{display:none}[class$=-table-wrap]::-webkit-scrollbar{display:none}.filter-tabs::-webkit-scrollbar{display:none}.attendance-status-tabs::-webkit-scrollbar{display:none}.attendance-location-tabs::-webkit-scrollbar{display:none}.calendar-top-actions::-webkit-scrollbar{display:none}.employee-week-grid::-webkit-scrollbar{display:none}.table-wrap table,.clients-table,.employee-admin-table,.attendance-table{width:max-content!important;min-width:640px!important}.clients-card>header,.employee-admin-card>header,.attendance-table-card>header{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important;display:grid!important}.clients-table th,.clients-table td,.employee-admin-table th,.employee-admin-table td,.attendance-table th,.attendance-table td{vertical-align:middle;padding:14px 16px!important;font-size:12px!important}.client-cell,.employee-admin-person,.attendance-employee-cell{align-items:center;min-width:210px}.client-cell b,.employee-admin-person b,.attendance-employee-cell b{line-height:1.25;font-size:13px!important}.client-cell small,.employee-admin-person small,.attendance-employee-cell small{white-space:normal;line-height:1.45;font-size:10px!important}.filter-tabs,.attendance-status-tabs,.attendance-location-tabs,.calendar-top-actions{width:100%;padding-bottom:2px;gap:8px!important;display:flex!important;overflow-x:auto!important}.filter-tabs button,.attendance-status-tabs button,.attendance-location-tabs button,.calendar-top-actions button{flex:none;min-width:max-content}.calendar-week-card{padding:18px 14px!important}.calendar-week-card>header{grid-template-columns:1fr;gap:12px;display:grid!important}.employee-week-grid{gap:10px;padding-bottom:8px;overflow-x:auto;display:flex!important}.employee-week-grid>article{flex:0 0 88px;min-height:110px}.calendar-legend{justify-content:flex-start}.attendance-date-control{grid-template-columns:1fr auto!important;gap:10px!important;width:100%!important;display:grid!important}.attendance-date-control input{width:100%!important;min-width:0!important}.attendance-calendar-panel{padding:18px 14px!important}.attendance-calendar-strip{scrollbar-width:none;padding-bottom:8px;grid-template-columns:none!important;gap:10px!important;display:flex!important;overflow-x:auto!important}.attendance-calendar-strip::-webkit-scrollbar{display:none}.attendance-calendar-strip button{flex:0 0 88px!important;min-width:88px!important}.attendance-tools,.attendance-tools>div{width:100%;min-width:0!important}.job-chat-form,.request-upload,.admin-task-upload{width:100%}.job-chat-form{grid-template-columns:1fr!important;gap:12px!important;display:grid!important}.job-chat-form label,.job-chat-form .btn{width:100%;min-height:56px}.job-files{gap:12px;display:grid}.job-files article{min-width:0;overflow:hidden;grid-template-columns:1fr!important;gap:14px!important;padding:18px!important;display:grid!important}.job-files article>span{min-width:0;padding:0!important}.job-files article b{white-space:normal;overflow-wrap:anywhere;font-size:15px}.job-file-actions{gap:10px;width:100%;grid-template-columns:1fr 1fr!important;display:grid!important}.job-file-actions button{white-space:normal!important;border-radius:10px!important;width:100%!important;min-height:46px!important;position:static!important}.job-payment-grid{grid-template-columns:1fr!important;padding:0 16px 16px!important}.job-payment-grid article{min-height:104px;padding:22px!important}.finance-progress{margin:0 16px 18px!important}.finance-admin-panel{padding:16px!important}.finance-tool-form,.paid-total-form,.finance-tools .finance-tool-form.paid-total-form{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}.finance-quick-actions,.finance-tools .finance-tool-form.paid-total-form .finance-quick-actions{grid-column:auto!important;grid-template-columns:1fr!important}.finance-tool-form .btn,.finance-tools .finance-tool-form.paid-total-form .btn{justify-self:stretch!important;width:100%!important;max-width:none!important}.employee-detail-profile,.employee-detail-metrics,.settings-card,.super-admin-card{width:100%;max-width:100%;overflow:hidden}.employee-detail-profile{padding:22px 18px!important}.employee-detail-profile>header,.employee-profile-summary{text-align:left;grid-template-columns:1fr!important;gap:14px!important;display:grid!important}.employee-detail-actions{width:100%;grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.employee-detail-actions button,.employee-detail-actions a{width:100%;min-height:50px}.employee-detail-metrics{grid-template-columns:1fr!important}.employee-detail-metrics article{text-align:center}.employee-mini-pill,.employee-status,.client-status,.status{white-space:normal;line-height:1.25}.assigned-task-attendance-card>header,.employee-task-attendance-link{grid-template-columns:1fr!important;align-items:start!important}.employee-task-attendance-link button,.employee-task-attendance-link a{width:100%}.crm-sidebar{width:min(300px,86vw);transition:transform .2s;transform:translate(-110%)}.crm-sidebar.crm-sidebar-open,.app-shell.nav-open .crm-sidebar{transform:translate(0)!important}}@media (max-width:480px){.content{padding-inline:12px}.mobile-header{grid-template-columns:50px minmax(0,1fr) 50px;padding-inline:12px}.mobile-header>button,.mobile-header>.icon-btn{width:46px;height:46px}.mobile-header .brand-logo,.mobile-header .mobile-brand-logo{width:min(210px,100%);max-height:48px}.page-header h1,.clients-heading h1,.employee-detail-heading h1,.attendance-heading h1,.attendance-admin-heading h1,.attendance-record-heading h1,.employee-calendar-heading h1,.activity-record-heading h1,.client-settings-heading h1,.timer-page-heading h1,.request-heading h1,.job-detail-heading h1,.admin-task-heading h1{font-size:25px!important}.card,.clients-card,.job-panel{border-radius:13px}.table-wrap table,.clients-table,.employee-admin-table,.attendance-table{min-width:560px!important}.job-file-actions{grid-template-columns:1fr!important}}