@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Malayalam:wght@400;500;600;700&display=swap');
#signIn{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:linear-gradient(145deg,#f3f8f6,#edf3f7);place-items:center}#signIn[open]{display:grid}#signIn::backdrop{background:#eaf0f2}#signIn form{width:min(420px,100%);margin:auto;padding:34px;border:1px solid #e8edef;border-radius:18px;background:#fff;box-shadow:0 18px 55px #182d3b18}#signIn .login-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px}#signIn .login-logo{width:42px;height:42px;border-radius:12px;background:#14875f;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}#signIn .login-brand b,#signIn .login-brand small{display:block}#signIn .login-brand b{font-size:16px;color:#1b2636}#signIn .login-brand small{margin-top:3px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#83908d}#signIn .eyebrow{margin:0 0 7px;color:#14875f;font-weight:600}#signIn h1{margin:0;font-size:28px;letter-spacing:-.6px;color:#1b2636}#signIn .login-subtitle{margin:8px 0 24px;color:#7d8795;font-size:13px;line-height:1.55}#signIn label{display:block;margin:0 0 15px;color:#394655;font-size:12px;font-weight:600}#signIn input{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#1b2636;font:13px 'DM Sans','Noto Sans Malayalam',sans-serif;outline:none}#signIn input:focus{border-color:#14875f;box-shadow:0 0 0 3px #14875f18}#signIn .login-submit{width:100%;height:44px;margin-top:5px;font-size:13px}#signIn .login-reset{display:block;margin:14px auto 0;font-size:11px}#signIn .login-status{min-height:18px;margin:10px 0 0;color:#b3483e;font-size:11px;line-height:1.5;text-align:center}#signIn .login-status:empty{display:none}#signIn .login-help{margin:17px 0 0;padding-top:15px;border-top:1px solid #edf0f2;color:#9099a5;font-size:10px;line-height:1.5;text-align:center}@media(max-width:520px){#signIn{padding:16px}#signIn form{padding:25px 21px}}
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
body.cloud-pending .main,body.cloud-pending .sidebar{visibility:hidden}
#signIn .login-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin:0 0 23px;border-radius:9px;background:#f2f5f5}#signIn .login-mode{height:34px;border:0;border-radius:6px;background:transparent;color:#76818d;font:600 11px 'DM Sans',sans-serif;cursor:pointer}#signIn .login-mode.active{background:white;color:#16835d;box-shadow:0 1px 4px #142c3414}#signIn .google-login{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:43px;margin-top:10px;font-size:12px}#signIn .google-g{font-weight:700;font-size:16px;color:#4285f4}#signIn .visitor-link{display:block;margin:12px auto 0;font-size:11px;color:#667482}#signIn .login-reset{margin-top:13px}#signIn [hidden]{display:none!important}.visitor-home{min-height:100vh;width:100%;padding:24px;place-items:center;background:linear-gradient(145deg,#f3f8f6,#edf3f7)}.visitor-home:not([hidden]){display:grid}.visitor-card{width:min(520px,100%);padding:36px;border:1px solid #e8edef;border-radius:18px;background:#fff;box-shadow:0 18px 55px #182d3b18}.visitor-card .login-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px}.visitor-card .login-logo{width:42px;height:42px;border-radius:12px;background:#14875f;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}.visitor-card .login-brand b,.visitor-card .login-brand small{display:block}.visitor-card .login-brand b{font-size:16px}.visitor-card .login-brand small{margin-top:3px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#83908d}.visitor-card .eyebrow{color:#14875f;font-weight:600}.visitor-card h1{margin:0;font-size:28px;color:#1b2636}.visitor-card .login-subtitle{margin:9px 0 20px;color:#7d8795;font-size:13px;line-height:1.6}.visitor-features{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px}.visitor-features span{padding:11px 12px;border:1px solid #e9edef;border-radius:8px;color:#526070;font-size:12px}.visitor-card .login-submit{width:100%;height:44px;font-size:13px}.visitor-login{width:100%;height:42px;margin-top:10px;font-size:12px}body.guest-mode .sidebar,body.guest-mode .main{display:none!important}@media(max-width:520px){.visitor-home{padding:16px}.visitor-card{padding:25px 21px}}
.heading-actions{display:flex;gap:8px}
:root{--navy:#111b2b;--ink:#1b2636;--muted:#7d8795;--line:#e9edf1;--bg:#E2E7D3;--green:#14875f;--green-bg:#e7f5ef;--blue:#4382d5;--violet:#7566c8;--amber:#df9a30}*{box-sizing:border-box}body{display:flex;align-items:stretch;margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans Malayalam',sans-serif;font-size:14px}.sidebar{width:248px;min-height:100vh;position:relative;left:auto;top:auto;flex:0 0 248px;background:var(--navy);color:#eaf0f7;padding:25px 16px 15px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 27px}.brand-mark{width:36px;height:36px;border-radius:11px;background:#19a477;color:white;display:grid;place-items:center;font-weight:700;font-size:19px}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#8b9aaa;font:600 9px 'DM Sans';letter-spacing:1.25px;margin-top:3px}.store-switch{display:flex;align-items:center;gap:10px;border:1px solid #344153;border-radius:10px;padding:11px;margin-bottom:23px}.store-icon{display:grid;place-items:center;background:#29394a;border-radius:8px;width:33px;height:33px;font-size:19px}.store-switch small,.store-switch b{display:block}.store-switch small{font-size:10px;color:#9eabba}.store-switch b{font-size:12px;margin-top:3px}.chevron{margin-left:auto;color:#adb7c2}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aeb9c5;padding:11px 12px;border-radius:8px;text-align:left;display:flex;align-items:center;gap:12px;font:500 13px 'DM Sans','Noto Sans Malayalam';cursor:pointer}.nav-item>span{font-size:17px;width:17px;text-align:center}.nav-item.active{background:#263648;color:#fff}.nav-item i{font-style:normal;background:#ef9e61;color:#172433;font-size:10px;border-radius:10px;padding:2px 6px;margin-left:auto}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #344254;background:#192536;border-radius:10px;padding:14px;margin-bottom:14px}.help-icon{width:23px;height:23px;border:1px solid #708094;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-bottom:10px}.help-card b{font-size:12px}.help-card p{font-size:10px;color:#98a5b4;margin:5px 0 12px}.help-card button{width:100%;border:0;border-radius:6px;padding:8px;background:#28384a;color:#e8edf2;font-size:11px;text-align:left}.help-card button span{float:right}.profile{display:flex;align-items:center;gap:9px;padding:12px 2px 0;border-top:1px solid #344254}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#dce8e5;color:#20745a;flex:none}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:10px;color:#8c9baa;margin-top:2px}.profile button{margin-left:auto;background:none;color:#c8d0d9;border:0;font-size:19px}.main{margin-left:0;min-height:100vh;flex:1;min-width:0;padding:0 38px;max-width:1800px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:11px;color:#9099a5}.crumb span{padding:0 9px;color:#bdc4cb}.crumb b{color:#3a4655;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.date-chip{border:1px solid var(--line);background:white;padding:8px 10px;border-radius:7px;font-size:11px;color:#606a77;white-space:nowrap}.icon-button{position:relative;border:0;background:none;color:#657181;font-size:20px}.icon-button em{position:absolute;right:4px;top:3px;width:6px;height:6px;background:#ed786c;border:1px solid white;border-radius:50%}.page{padding:27px 0 0}.hidden{display:none!important}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:10px;color:#85909e;margin:0 0 6px}.heading h1{font-size:24px;letter-spacing:-.5px;margin:0;font-weight:600}.subhead{margin:7px 0 0;color:var(--muted);font-size:12px}.primary,.secondary{border:0;border-radius:7px;padding:10px 13px;font:600 11px 'DM Sans','Noto Sans Malayalam';cursor:pointer}.primary{background:#13885f;color:white}.primary:hover{background:#0f7652}.secondary{background:white;border:1px solid #e1e6ea;color:#475464}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card,.panel{background:white;border:1px solid #edf0f2;border-radius:10px}.stat-card{padding:14px 15px;min-height:125px;position:relative;overflow:hidden}.stat-label{font-size:10px;color:#66717f;display:flex;justify-content:space-between;align-items:center}.stat-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px}.green{color:#14875f}.stat-icon.green{background:#e7f5ef}.stat-icon.amber{background:#fff4df;color:#d79628}.stat-icon.blue{background:#eaf2ff;color:#4a82cd}.stat-icon.violet{background:#f0edff;color:#7664c3}.stat-number{font-size:25px;letter-spacing:-.8px;font-weight:600;margin-top:10px;line-height:1}.stat-number small{font-size:12px;letter-spacing:0;color:#8d97a2;font-weight:500}.stat-foot{font-size:9px;color:#8b95a1;margin-top:8px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.green-dot{background:#14a36d}.pending-text{color:#c68931}.spark{position:absolute;right:14px;bottom:13px;letter-spacing:-2px;font-size:13px}.green-spark{color:#69bf98}.amber-spark{color:#e8b960}.blue-spark{color:#86aee8}.violet-spark{color:#a397e6}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-bottom:16px}.panel{padding:17px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2,.quick-panel h2,.older-leaves h2{font-size:13px;margin:0;font-weight:600}.panel-heading p,.quick-panel p,.older-leaves p{font-size:10px;color:#929ba7;margin:5px 0 0}.text-button{border:0;background:none;color:#18845f;font:600 10px 'DM Sans','Noto Sans Malayalam';cursor:pointer}.text-button span{font-size:14px;margin-left:5px}.shop-list{margin-top:12px}.shop-row{display:grid;grid-template-columns:minmax(120px,1fr) 1fr 44px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #f0f2f4}.shop-name{font-size:10px;font-weight:600}.shop-meta{font-size:9px;color:#919aa5;margin-top:3px}.progress-wrap{height:5px;border-radius:5px;background:#eef1f3;overflow:hidden}.progress{height:100%;background:#38a979;border-radius:5px}.shop-count{text-align:right;font-size:10px;font-weight:600}.shop-count small{font-size:9px;color:#939da8;font-weight:400}.activity-list{margin-top:10px}.activity-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #f0f2f4}.activity-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:13px}.activity-icon.in{background:#e7f5ef;color:#16865f}.activity-icon.leave{background:#fff3df;color:#bd8429}.activity-icon.late{background:#fff0ee;color:#ce6c5e}.activity-row>div:nth-child(2){min-width:0;flex:1}.activity-row b,.activity-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row b{font-size:9px;font-weight:600}.activity-row small{font-size:9px;color:#939da8;margin-top:4px}.pill{font-size:8px;border-radius:10px;padding:4px 7px;white-space:nowrap}.pill.success{background:#e9f6ef;color:#24845e}.pill.waiting{background:#fff4df;color:#a97728}.pill.warning{background:#fff0ed;color:#c3695e}.more-button{border:0;background:none;color:#7d8794;font-size:19px}.activity-more{border:0;background:none;color:#18845f;font-size:9px;padding:13px 0 0;cursor:pointer}.activity-more span{font-size:14px;margin-left:5px}.quick-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-actions{display:flex;gap:8px}.quick-actions button{display:flex;align-items:center;gap:9px;border:1px solid #edf0f2;border-radius:8px;padding:9px 10px;background:#fff;text-align:left;min-width:175px;cursor:pointer}.quick-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center}.employee-icon{background:#e6f4ee;color:#19875f}.leave-icon{background:#fff3df;color:#be872d}.pay-icon{background:#eeebff;color:#7665c8}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:9px}.quick-actions small{font-size:8px;color:#929ba6;margin-top:4px}.quick-actions strong{margin-left:auto;color:#9aa3ac;font-size:14px}footer{border-top:1px solid var(--line);padding:14px 0 18px;font-size:9px;color:#9aa3ad}footer span{float:right}.mobile-brand{display:none}.filter-row{display:flex;align-items:center;gap:9px;margin:0 0 15px}.filter-row input,.filter-row select,.panel-heading select{border:1px solid #e4e8ec;background:white;border-radius:7px;padding:9px 11px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam';outline:none}.filter-row input{width:250px}.filter-row .date-chip{margin-left:auto}.table-panel{overflow:auto;padding:0 16px 10px}.table-panel>.panel-heading{padding:16px 0 12px}.table-panel table{width:100%;border-collapse:collapse;white-space:nowrap}.table-panel th{text-align:left;color:#929ba6;font-size:9px;font-weight:500;padding:12px 8px;border-bottom:1px solid #edf0f2}.table-panel td{padding:11px 8px;border-bottom:1px solid #f1f3f5;font-size:10px;color:#4c5866}.table-panel tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:8px}.person-cell b,.person-cell small{display:block}.person-cell b{font-size:10px;color:#364150}.person-cell small{font-size:9px;color:#959eaa;margin-top:3px}.tiny-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e9f1f6;color:#43718c;font-size:8px;font-weight:600}.badge{border-radius:9px;padding:4px 7px;background:#e8f5ee;color:#20835e;font-size:8px}.badge.late{background:#fff2df;color:#b78029}.badge.absent{background:#fff0ee;color:#c56458}.note{padding:12px 3px;color:#929ba6;font-size:9px;line-height:1.7}.leave-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.leave-card{border:1px solid #edf0f2;border-radius:10px;background:white;padding:16px}.leave-head{display:flex;align-items:center;gap:10px}.leave-head div:nth-child(2){flex:1}.leave-head b,.leave-head small{display:block}.leave-head b{font-size:11px}.leave-head small{font-size:9px;color:#929ba6;margin-top:4px}.leave-card p{font-size:10px;color:#64707d;line-height:1.6}.leave-dates{background:#f7f9fa;border-radius:7px;padding:9px;font-size:9px;color:#697583;display:flex;justify-content:space-between}.leave-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.approve,.reject{border-radius:6px;padding:7px 10px;font:600 9px 'DM Sans';cursor:pointer}.approve{border:0;background:#13885f;color:white}.reject{border:1px solid #e2e6e9;background:white;color:#65717e}.older-leaves{margin-top:16px}.older-leaves>div{font-size:10px;color:#89939e;padding:12px 0 0}.payroll-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-stats .stat-card{min-height:105px}.payroll-stats .stat-number{font-size:22px}.store-switch{cursor:pointer}dialog{width:min(480px,calc(100% - 30px));border:0;border-radius:13px;padding:22px;box-shadow:0 20px 80px #18243540;color:var(--ink)}dialog::backdrop{background:#101a2a77;backdrop-filter:blur(2px)}.modal-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.modal-title h2{font-size:18px;margin:0}.close{font-size:23px;background:none;border:0;color:#87919d;cursor:pointer}.modal-title .eyebrow{font-size:9px}dialog label{display:block;font-size:10px;color:#65717f;margin-bottom:12px}dialog label>input:not([type=checkbox]),dialog label>select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #e2e7eb;border-radius:7px;font:11px 'DM Sans','Noto Sans Malayalam';outline:none;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-label{display:flex!important;align-items:center;gap:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.verify-box{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #edf0f2;border-radius:8px;margin:12px 0}.verify-box>span{font-size:18px;color:#328c68}.verify-box div{flex:1}.verify-box b,.verify-box small{display:block}.verify-box b{font-size:10px}.verify-box small{font-size:9px;color:#929ba6;margin-top:3px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);padding:11px 16px;background:#162436;color:white;border-radius:8px;font-size:11px;opacity:0;transition:.25s;z-index:9;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1120px){.main{padding:0 24px}.sidebar{width:220px;flex-basis:220px}.main{margin-left:0}.stats{grid-template-columns:repeat(2,1fr)}.quick-panel{display:block}.quick-actions{margin-top:14px}.quick-actions button{flex:1;min-width:0}.content-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{display:none}.main{margin:0;padding:0 15px}.topbar{height:57px}.mobile-brand{display:flex;align-items:center;gap:7px;color:#16875f;font-size:18px}.mobile-brand b{font-size:13px;color:#263241}.crumb{display:none}.top-actions{gap:10px}.top-actions .date-chip{display:none}.top-actions .avatar{width:29px;height:29px}.page{padding-top:22px}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:21px}.heading>.primary,.heading>.secondary{font-size:9px;padding:9px 10px;white-space:nowrap}.stats{gap:9px}.stat-card{padding:11px;min-height:115px}.stat-number{font-size:21px}.stat-foot{font-size:8px}.spark{font-size:11px;right:9px}.content-grid{grid-template-columns:1fr}.panel{padding:14px}.quick-actions{flex-direction:column}.quick-actions button{width:100%}.filter-row{flex-wrap:wrap}.filter-row input{width:100%}.filter-row select{flex:1}.filter-row .date-chip{margin-left:auto}.leave-grid{grid-template-columns:1fr}.payroll-stats{grid-template-columns:1fr 1fr}.payroll-stats .stat-card:last-child{grid-column:span 2}.shop-row{grid-template-columns:minmax(100px,1fr) 1fr 40px}.activity-panel .pill{font-size:7px;padding:4px 5px}footer span{display:block;float:none;margin-top:5px}.table-panel{padding:0 10px 10px}.note{line-height:1.8}}
.dashboard-shortcut { width: 100%; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.dashboard-shortcut:hover { border-color: #b8d9cb; box-shadow: 0 4px 14px #17332612; }
.dashboard-shortcut:focus-visible { outline: 2px solid #14875f; outline-offset: 2px; }
.page-nav-control{white-space:nowrap}
.page-nav-control:disabled{opacity:.45;cursor:default}
.crumb-home{border:0;background:none;padding:0;color:#14875f;font:inherit;cursor:pointer}
.crumb-home:hover{text-decoration:underline}
.attendance-date-label{display:flex;align-items:center;gap:8px;color:#697583;font-size:10px}
.attendance-date-label input{border:1px solid #e4e8ec;background:white;border-radius:7px;padding:9px 11px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam'}
.dashboard-date-filter{display:flex;align-items:center;gap:9px;width:max-content;margin:13px 0 16px;color:#697583;font-size:11px}
.dashboard-date-filter input{border:1px solid #e4e8ec;background:white;border-radius:7px;padding:8px 10px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam'}
.staff-avatar-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none}
.profile-photo-preview{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;object-fit:cover}
.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.profile-metrics>div{background:#f6f8fa;border:1px solid #edf0f2;border-radius:8px;padding:10px}
.profile-metrics small,.profile-metrics b{display:block}
.profile-metrics small{font-size:9px;color:#7d8795}
.profile-metrics b{font-size:14px;margin-top:5px}
.profile-sales-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.sales-entry-cell{display:flex;align-items:center;gap:6px;min-width:190px}
.sales-entry-cell input{width:105px;min-width:0;padding:8px;border:1px solid #d8e1e7;border-radius:7px;font:inherit}
.sales-money-input{width:100px;min-width:92px;padding:8px;border:1px solid #d8e1e7;border-radius:7px;font:inherit}
.sales-money-input,#profile-gpay-sales-input,#profile-cash-sales-input{-moz-appearance:textfield;appearance:textfield}
.sales-money-input::-webkit-inner-spin-button,.sales-money-input::-webkit-outer-spin-button,#profile-gpay-sales-input::-webkit-inner-spin-button,#profile-gpay-sales-input::-webkit-outer-spin-button,#profile-cash-sales-input::-webkit-inner-spin-button,#profile-cash-sales-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sales-save-button{padding:8px 10px;min-height:34px}
.profile-sales-metrics>div{background:#eef7f2;border:1px solid #e0eee7;border-radius:8px;padding:10px}
.profile-sales-metrics small,.profile-sales-metrics b{display:block}
.profile-sales-metrics small{font-size:9px;color:#718579}
.profile-sales-metrics b{font-size:14px;margin-top:5px;color:#176d4e}
.profile-sales-entry{display:flex;align-items:end;gap:10px}
#employeeProfile{max-height:90vh;overflow:auto}
.profile-tabs{display:flex;gap:6px;border-bottom:1px solid #e9edf1;padding-bottom:8px;margin-bottom:13px}
.profile-tab{border:1px solid #e2e8eb;border-radius:7px;background:white;color:#5b6875;padding:7px 10px;font:500 10px 'DM Sans','Noto Sans Malayalam';cursor:pointer}
.profile-tab.active{border-color:#b8e1ce;background:#e7f5ef;color:#147b57}
.profile-tab-panel.hidden{display:none}
.profile-record-section{border-top:1px solid #edf0f2;margin-top:14px;padding-top:12px}
.profile-report-tools{margin:14px 0;padding:12px;border:1px solid #e7ece8;border-radius:10px;background:#fbfcfa}.profile-report-tools .panel-heading{margin:0 0 8px}.profile-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.profile-balance-grid>div{background:#f3f7f5;border:1px solid #e2ebe6;border-radius:11px;padding:12px}.profile-balance-grid>.profile-balance-total{background:#e6f5ed;border-color:#abd9c0}.profile-balance-total b{font-size:16px!important;color:#08754b!important}
.profile-balance-grid small,.profile-balance-grid b{display:block}.profile-balance-grid small{font-size:10px;color:#718579}.profile-balance-grid b{font-size:13px;margin-top:6px;color:#176d4e}
.advance-entry{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.advance-entry label{display:grid;gap:4px;margin:0;font-size:9px;color:#65717f}.advance-entry input,.advance-entry select{width:100%;padding:8px;border:1px solid #d8e1e7;border-radius:7px;font:10px 'DM Sans','Noto Sans Malayalam'}.advance-entry label:nth-child(3){grid-column:auto}.advance-entry label:nth-child(4){grid-column:1/-1}.advance-entry button{grid-column:1/-1;justify-self:start;padding:8px 12px}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-grid h3{font-size:10px;margin:6px 0}.record-list{list-style:none;padding:0;margin:0;max-height:160px;overflow:auto}.record-list li{padding:7px 8px;border-bottom:1px solid #edf0f2;font-size:9px;color:#5f6b79;line-height:1.5}.record-list li:last-child{border-bottom:0}
.profile-sales-entry label{flex:1}
.profile-sales-entry button{margin-bottom:12px;white-space:nowrap}
.profile-sales-entry button:disabled{opacity:.5;cursor:not-allowed}
.sales-controls{display:flex;align-items:end;gap:10px}
.global-staff-sort{display:flex;align-items:center;gap:7px;color:#697583;font-size:10px;white-space:nowrap}
.global-staff-sort select{max-width:130px;border:1px solid #e4e8ec;background:white;border-radius:7px;padding:8px 9px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam'}
.sales-controls label{display:grid;gap:5px;color:#697583;font-size:10px}
.sales-controls select{border:1px solid #e4e8ec;background:white;border-radius:7px;padding:9px 11px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam'}
@media(max-width:760px){.top-actions{gap:6px}.top-actions .page-nav-control,.top-actions #cloud-connect{padding:7px 8px;font-size:9px}.top-actions .icon-button,.top-actions .avatar{display:none}.global-staff-sort{gap:4px;font-size:8px}.global-staff-sort select{max-width:75px;padding:6px 4px;font-size:8px}}
@media(max-width:760px){.dashboard-date-filter{font-size:10px;margin:10px 0 14px}.dashboard-date-filter input{padding:7px 8px}.profile-sales-entry{align-items:start;flex-direction:column;gap:0}.profile-sales-entry button{margin:0 0 12px}.profile-sales-metrics,.profile-metrics{gap:5px}.profile-sales-metrics>div,.profile-metrics>div{padding:8px}.profile-sales-metrics small,.profile-metrics small{font-size:8px}.profile-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid{grid-template-columns:1fr}.sales-controls{align-items:stretch;flex-wrap:wrap;margin-top:10px}.sales-controls select{padding:7px 8px}}
.dashboard-staff-actions{margin-top:18px}.dashboard-action-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.dashboard-action-form label{display:grid;gap:6px;color:#526071;font-size:13px;font-weight:600}.dashboard-action-form input,.dashboard-action-form select{width:100%;min-width:0;padding:11px 12px;border:1px solid #dce2e9;border-radius:9px;background:#fff;font:inherit}.dashboard-action-form button{white-space:nowrap}@media(max-width:1050px){.dashboard-action-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.dashboard-action-form{grid-template-columns:1fr 1fr}.dashboard-action-form label:first-child,.dashboard-action-form label:nth-child(3){grid-column:1/-1}.dashboard-action-form button{width:100%}}

.sales-date-stepper{display:flex;gap:6px;align-items:end}.sales-date-stepper button{padding:9px 12px;min-width:38px}

.sales-selected-date{min-width:110px;text-align:center;font-size:13px;font-weight:700;color:#526071;white-space:nowrap}

/* Account center */
.account-center-trigger{cursor:pointer}.profile.account-center-trigger{width:100%;border:0;background:transparent;color:#eaf0f7;text-align:left;font:inherit}.profile.account-center-trigger>span:nth-child(2){min-width:0;flex:1}.profile.account-center-trigger b,.profile.account-center-trigger small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile.account-center-trigger b{font-size:11px}.profile.account-center-trigger small{font-size:9px;color:#9eabba;margin-top:3px}.account-more{font-size:16px;color:#9eabba}.account-center{padding:0}.account-center .modal-title{margin-bottom:15px}.account-identity{display:flex;align-items:center;gap:12px;padding:13px;background:#f5f8f7;border:1px solid #e8efeb;border-radius:10px}.account-large-avatar{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:#dff2e9;color:#147b57;font-weight:700;font-size:16px}.account-identity b,.account-identity small,.account-status{display:block}.account-identity b{font-size:13px;overflow-wrap:anywhere}.account-identity small{font-size:10px;color:#73808d;margin-top:4px;overflow-wrap:anywhere}.account-status{width:max-content;margin-top:7px;padding:3px 7px;border-radius:20px;background:#eef0f2;color:#67727e;font-size:9px}.account-status.is-online{background:#e5f5ec;color:#168157}.account-info{margin-top:16px}.account-info h3{margin:0 0 8px;font-size:11px}.account-info dl{margin:0;border:1px solid #edf0f2;border-radius:9px;overflow:hidden}.account-info dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #f0f2f4;font-size:10px}.account-info dl>div:last-child{border-bottom:0}.account-info dt{color:#7d8795}.account-info dd{margin:0;text-align:right;color:#394757;font-weight:600;overflow-wrap:anywhere}.account-history-note{font-size:9px;color:#929ba6;margin:7px 0 0}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.account-actions button{min-height:36px}.account-actions [hidden]{display:none!important}.danger-button{border:1px solid #f0d6d6;border-radius:7px;background:#fff7f7;color:#b23b3b;padding:8px 12px;font:600 11px 'DM Sans','Noto Sans Malayalam';cursor:pointer}.account-message{min-height:14px;margin:9px 0 0;color:#168157;font-size:10px;line-height:1.5}.account-message:empty{display:none}

.shop-finance-save{padding:7px 9px;margin:2px;white-space:nowrap}.shop-expense-details{min-width:150px;padding:8px;border:1px solid #dce2e9;border-radius:8px;font:inherit}.shop-expense-history summary{cursor:pointer;white-space:nowrap;color:#526071}.shop-expense-history ul{margin:7px 0 0;padding-left:16px;min-width:150px}.shop-expense-history li{margin:4px 0;color:#65717f;font-size:12px}

.shop-finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-finance-stats .stat-number{font-size:22px}@media(max-width:1100px){.shop-finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.shop-finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shop-wise sales and expenses page */
.shop-finance-panel{padding:20px;margin-bottom:14px}.shop-finance-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.shop-finance-panel-heading h2{font-size:18px;margin:0}.shop-finance-panel-heading .subhead{margin-top:6px}.shop-finance-date{display:grid;justify-items:end;gap:5px;color:#6e7b88;font-size:12px;white-space:nowrap}.shop-finance-date b{padding:5px 9px;background:#eaf5f0;color:#14875f;border-radius:999px;font-size:11px}.shop-finance-date input{border:1px solid #e4e8ec;background:#fff;border-radius:7px;padding:7px 9px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam'}.day-book-date-control{display:flex;align-items:center;gap:5px}.day-book-date-control button{width:29px;height:30px;padding:0;border:1px solid #dce4e9;border-radius:7px;background:#fff;color:#44515f;font-size:19px;line-height:1;cursor:pointer}.day-book-date-control button:disabled{opacity:.4;cursor:not-allowed}.day-book-date-control input{min-width:132px}.shop-finance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-finance-card{min-width:0;border:1px solid #e8edf0;border-radius:12px;padding:16px;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);box-shadow:0 2px 8px #15253808}.shop-finance-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf0f2}.shop-finance-card-heading h3{margin:3px 0 0;font-size:17px;letter-spacing:-.2px}.shop-number{font-size:9px;letter-spacing:1px;font-weight:700;color:#8b96a2}.shop-today-sales{text-align:right;display:grid;gap:3px}.shop-today-sales small{font-size:10px;color:#778392}.shop-today-sales b{font-size:20px;color:#13885f}.shop-sales-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0}.shop-sales-inputs label,.shop-expense-entry-fields label{display:grid;gap:5px;font-size:10px;font-weight:600;color:#607080}.shop-sales-inputs input,.shop-expense-entry-fields input{width:100%;min-width:0;padding:9px 10px;border:1px solid #dce4e9;border-radius:8px;background:#fff;font:12px 'DM Sans','Noto Sans Malayalam';color:#1b2636}.shop-sales-inputs input:focus,.shop-expense-entry-fields input:focus{outline:2px solid #d5eee4;border-color:#14875f}.shop-period-grid{display:grid;gap:10px}.shop-period-section h4{margin:0 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#788492}.shop-period-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-expense-period .shop-period-values{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-period-metric{min-width:0;background:#f5f7f8;border-radius:7px;padding:7px 8px;display:grid;gap:4px}.shop-period-metric span{font-size:9px;color:#87919c;white-space:nowrap}.shop-period-metric b{font-size:11px;white-space:nowrap;color:#394757}.shop-expense-period .shop-period-metric b{color:#a05f24}.shop-expense-entry{margin-top:12px;padding-top:11px;border-top:1px solid #edf0f2}.shop-expense-entry-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;font-size:11px}.shop-expense-entry-title span{color:#687686;font-size:10px}.shop-expense-error{margin:8px 0 0;padding:0;color:#a43232;font-size:12px;line-height:1.45}.shop-expense-error:empty{display:none}.shop-expense-error:not(:empty){padding:9px 11px;border:1px solid #edcaca;border-radius:7px;background:#fff1f0}.shop-expense-entry-fields{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;align-items:end}.shop-expense-enter-hint{grid-column:1/-1;color:#6d7b87;font-size:10px}.shop-expense-entry-fields .shop-finance-save{height:34px;padding:7px 10px;font-size:10px}.shop-expense-history{margin-top:8px;font-size:10px;color:#74808d}.shop-expense-history summary{cursor:pointer}.shop-expense-history ul{margin:7px 0 0;padding-left:16px}.shop-expense-history li{margin:4px 0}.shop-finance-empty{grid-column:1/-1;padding:28px;text-align:center;display:grid;gap:6px;color:#687686;background:#f7f9fa;border:1px dashed #dce3e8;border-radius:10px}.shop-finance-empty b{color:#273546;font-size:14px}.shop-finance-empty span{font-size:12px}
@media(max-width:1050px){.shop-finance-list{grid-template-columns:1fr}.shop-finance-card{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(185px,.8fr) minmax(310px,1.5fr);column-gap:14px;align-items:start}.shop-finance-card-heading{grid-column:1/-1}.shop-sales-inputs{grid-column:1}.shop-period-grid{grid-column:2/4;grid-row:2}.shop-expense-entry{grid-column:1/-1}}
@media(max-width:640px){.shop-finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-finance-panel{padding:14px 11px}.shop-finance-panel-heading{align-items:flex-start}.shop-finance-panel-heading h2{font-size:15px}.shop-finance-panel-heading .subhead{font-size:10px;line-height:1.5}.shop-finance-date{font-size:10px}.shop-finance-card{display:block;padding:13px}.shop-finance-card-heading h3{font-size:15px}.shop-today-sales b{font-size:18px}.shop-expense-period .shop-period-values{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-period-metric{padding:7px 6px}.shop-period-metric b{font-size:10px}.shop-expense-entry-fields{grid-template-columns:1fr 1fr}.shop-expense-entry-fields button{grid-column:1/-1;width:100%}}
.shop-finance-list{grid-template-columns:1fr}.shop-finance-card{display:block}.shop-finance-card-heading{grid-column:auto}.shop-finance-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;margin-top:12px}.shop-finance-side{min-width:0;padding:12px;border:1px solid #e8edf0;border-radius:10px;background:#fff}.expenses-side{order:1}.sales-side{order:2}.sales-side .shop-today-sales{text-align:left;justify-items:start}.sales-side .shop-sales-inputs{padding:10px 0}.expenses-side .shop-expense-entry{margin-top:10px}@media(max-width:640px){.shop-finance-columns{grid-template-columns:1fr}}
.shop-card-date-shift{display:flex;gap:5px}.shop-card-date-shift button{width:30px;height:30px;padding:0;border:1px solid #dce4e9;border-radius:7px;background:#fff;color:#44515f;font-size:19px;line-height:1;cursor:pointer}.shop-card-date-shift button:disabled{opacity:.4;cursor:not-allowed}

.shop-cash-boxes{margin-top:14px;padding-top:12px;border-top:1px solid #edf0f2}.shop-cash-boxes-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.shop-cash-boxes-heading h4{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#788492}.shop-cash-boxes-heading span{font-size:10px;color:#9a6a35}.cash-box-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cash-box-card{min-width:0;padding:10px;border:1px solid #e8edf0;border-radius:9px;background:#fbfcfd}.cash-box-heading{display:flex;justify-content:space-between;gap:6px;align-items:center}.cash-box-heading b{font-size:10px;color:#607080}.cash-box-heading strong{font-size:14px;color:#16845d;white-space:nowrap}.cash-box-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.cash-box-actions input{grid-column:1/-1}.cash-box-actions input{min-width:0;width:100%;padding:7px 8px;border:1px solid #dce4e9;border-radius:7px;font:10px 'DM Sans','Noto Sans Malayalam'}.cash-box-actions button{padding:6px 8px;font-size:9px}.cash-box-actions button:disabled,.cash-box-actions input:disabled{opacity:.55;cursor:not-allowed}.cash-box-history{margin-top:7px;font-size:9px;color:#74808d}.cash-box-history summary{cursor:pointer}.cash-box-history-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.cash-box-history-side{min-width:0;padding:6px;border-radius:6px;background:#fff}.cash-box-history-side>b{color:#607080}.cash-box-history-side ul{max-height:110px;overflow:auto;margin:5px 0 0;padding-left:12px}.cash-box-history li{margin:4px 0;line-height:1.4}.cash-box-history li small{display:block;color:#929ba6}.shop-expense-entry-fields input:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.cash-box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-box-actions{grid-template-columns:1fr 1fr}.cash-box-actions input{grid-column:1/-1}}
.cash-balance-check{margin:8px 0;padding:8px;border-radius:7px;background:#f4f7f8;font-size:9px;color:#607080}.cash-balance-check>div{display:flex;justify-content:space-between;gap:5px}.cash-balance-check>div b{color:#273746;white-space:nowrap}.cash-balance-check label{display:block;margin-top:6px;font-size:9px}.cash-balance-check input{display:block;width:100%;margin-top:4px;padding:7px 8px;border:1px solid #dce4e9;border-radius:7px;font:10px 'DM Sans','Noto Sans Malayalam'}.cash-balance-check small{display:block;margin-top:5px}.cash-count-shortfall{border-color:#dc3545!important;background:#fff3f3!important;color:#b4232c}.cash-count-ok{border-color:#198754!important;background:#f0fbf4!important;color:#137344}.cash-balance-low{color:#b4232c!important}.cash-balance-ok{color:#137344!important}
/* Keep the navigation fixed; scroll only the active content area. */
body{display:block;height:100vh;overflow:hidden}.sidebar{position:fixed;left:0;top:0;width:248px;height:100vh;min-height:0;overflow:hidden;flex:none}.main{margin-left:248px;height:100vh;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;flex:none}
@media(max-width:1120px){.sidebar{width:220px;flex:none}.main{margin-left:220px}}
@media(max-width:760px){.sidebar{display:none}.main{margin:0;height:100vh;min-height:0;overflow-y:auto}}

@media(max-width:760px){.top-actions #top-account-avatar{display:grid}}
#accountCenter{max-height:90vh;overflow-y:auto}

.account-reset-app{grid-column:1/-1}.account-reset-note{margin:8px 0 0;color:#7d8795;font-size:9px;line-height:1.55}.reset-warning{padding:13px;border:1px solid #f0dada;border-radius:9px;background:#fff8f7;color:#573636;font-size:11px;line-height:1.6}.reset-warning ul{margin:8px 0;padding-left:18px}.reset-warning p{margin:8px 0 0;font-weight:600}.reset-confirm .modal-title{margin-bottom:14px}.reset-confirm .modal-actions{flex-wrap:wrap}.reset-confirm .danger-button:disabled{opacity:.6;cursor:wait}

.reset-error{display:none;margin:12px 0 0;padding:10px;border:1px solid #edcaca;border-radius:7px;background:#fff1f0;color:#a43232;font-size:10px;line-height:1.55}.reset-error:not(:empty){display:block}

/* Shop purchases and purchase-trip expenses */
.purchase-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.purchase-stats .stat-number{font-size:21px}.purchase-panel{padding:20px;margin-bottom:18px}.purchase-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.purchase-panel-heading h2{margin:0;font-size:18px}.purchase-panel-heading .subhead{margin-top:6px}.purchase-shop-list{display:grid;gap:14px}.purchase-shop-card{border:1px solid #e8edf0;border-radius:12px;background:#fbfcfd;padding:16px}.purchase-shop-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf0f2}.purchase-shop-card h3{margin:3px 0 0;font-size:16px}.purchase-shop-total{text-align:right;display:grid;gap:4px}.purchase-shop-total small{font-size:10px;color:#788492}.purchase-shop-total b{font-size:13px;color:#177653}.purchase-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:13px;margin-top:13px}.purchase-side{min-width:0;padding:12px;border:1px solid #e8edf0;border-radius:9px;background:white}.purchase-side h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px;color:#607080;font-size:11px}.purchase-side h4 span{color:#ae722e}.purchase-entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.purchase-entry-fields label{display:grid;gap:5px;color:#607080;font-size:10px;font-weight:600}.purchase-entry-fields label:nth-child(3){grid-column:1/-1}.purchase-entry-fields input,.purchase-entry-fields select{width:100%;min-width:0;padding:9px;border:1px solid #dce4e9;border-radius:7px;background:#fff;color:#253445;font:11px 'DM Sans','Noto Sans Malayalam'}.purchase-entry-fields button{min-height:35px}.travel-entry label:nth-child(3){grid-column:1/-1}.purchase-history{margin-top:12px;padding-top:9px;border-top:1px solid #edf0f2;font-size:10px;color:#697583}.purchase-history>b{font-size:10px}.purchase-history ul{list-style:none;margin:7px 0 0;padding:0;max-height:170px;overflow:auto}.purchase-history li{padding:7px 0;border-bottom:1px solid #f1f3f5;line-height:1.45}.purchase-history li:last-child{border-bottom:0}.purchase-history li small{display:block;color:#929ba6;margin-top:3px}.purchase-history li .text-button{display:block;margin-top:3px}.purchase-entry-fields input:disabled,.purchase-entry-fields select:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.purchase-columns{grid-template-columns:1fr}.purchase-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.purchase-panel{padding:14px 11px}.purchase-panel-heading{align-items:flex-start}.purchase-panel-heading h2{font-size:15px}.purchase-panel-heading .subhead{font-size:10px}.purchase-shop-card{padding:12px}.purchase-shop-total b{font-size:10px}.purchase-entry-fields{grid-template-columns:1fr 1fr}.purchase-entry-fields label:nth-child(3),.travel-entry label:nth-child(3){grid-column:1/-1}.purchase-entry-fields button{grid-column:1/-1;width:100%}}

/* Shared purchase order and travel cost panel */
.purchase-entry-layout,.purchase-history-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px}.purchase-history-layout{align-items:start}.purchase-entry-layout .purchase-side,.purchase-history-layout .purchase-side{padding:14px}.purchase-entry-layout .purchase-entry-fields{grid-template-columns:1fr 1fr}.purchase-entry-layout .purchase-entry-fields label:nth-child(3),.purchase-entry-layout .travel-entry label:nth-child(3){grid-column:1/-1}.purchase-record-list{list-style:none;margin:8px 0 0;padding:0;max-height:330px;overflow:auto}.purchase-record-list li{padding:9px 0;border-bottom:1px solid #f0f2f4;color:#354456;font-size:11px;line-height:1.5}.purchase-record-list li:last-child{border-bottom:0}.purchase-record-list li small{display:block;margin-top:3px;color:#6e7b88;font-size:10px}.purchase-record-list li button{display:block;margin-top:4px}.purchase-entry-layout .purchase-side h4{margin-bottom:11px}
@media(max-width:760px){.purchase-entry-layout,.purchase-history-layout{grid-template-columns:1fr;gap:10px}.purchase-panel-heading{gap:8px}.purchase-panel-heading .shop-finance-date{flex:none}}

/* App info page */
.sidebar-info-link{margin:0 0 12px;padding:10px 12px;border:1px solid #344254;background:#192536;color:#c6d0da}.sidebar-info-link:hover{background:#263648;color:#fff}.app-info-hero{display:flex;align-items:center;gap:18px;margin:10px 0 16px;padding:22px;border:1px solid #e5eee9;border-radius:13px;background:linear-gradient(110deg,#f1faf5,#fff)}.app-info-logo{width:76px;height:76px;object-fit:cover;border-radius:16px}.app-info-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:#18a477;color:#fff;font-size:30px;font-weight:700}.app-info-hero h2{margin:3px 0;font-size:22px}.app-info-hero p:last-child{margin:5px 0 0;color:#72808d;font-size:12px}.app-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-info-card{padding:20px}.app-info-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e7f5ef;color:#16845e;font-size:17px}.app-info-card h3{margin:14px 0 7px;font-size:14px}.app-info-card p{margin:0;color:#687684;font-size:12px;line-height:1.7}.app-info-card .creator-name{font-size:16px;font-weight:700;color:#253446}.app-info-card small{display:block;margin-top:5px;color:#8a95a0;font-size:10px}@media(max-width:640px){.app-info-hero{padding:16px;gap:12px}.app-info-logo{width:56px;height:56px}.app-info-mark{width:48px;height:48px}.app-info-hero h2{font-size:18px}.app-info-grid{grid-template-columns:1fr}}

/* Keep the complete sidebar visible on shorter screens. */
@media(min-width:761px){.sidebar{padding:14px 12px 10px}.brand{gap:8px;padding:0 6px 14px}.brand-mark{width:32px;height:32px;font-size:17px}.brand strong{font-size:14px}.store-switch{gap:8px;padding:7px;margin-bottom:12px}.store-icon{width:28px;height:28px;font-size:17px}nav{gap:3px}.nav-item{gap:9px;padding:8px 10px;font-size:12px}.sidebar-bottom{flex:none;margin-top:auto}.help-card{padding:9px;margin-bottom:7px}.help-icon{width:19px;height:19px;font-size:10px;margin-bottom:5px}.help-card p{font-size:9px;line-height:1.35;margin:3px 0 6px}.help-card button{padding:6px;font-size:10px}.sidebar-info-link{margin-bottom:7px;padding:8px 10px}.profile.account-center-trigger{gap:7px;padding:7px 2px 0}.profile.account-center-trigger .avatar{width:29px;height:29px}.profile.account-center-trigger small{font-size:9px}}
@media(max-height:700px) and (min-width:761px){.sidebar{padding:8px 11px 6px}.brand{padding-bottom:8px}.brand-mark{width:28px;height:28px;font-size:15px}.brand small{font-size:8px;margin-top:1px}.store-switch{padding:5px;margin-bottom:8px}.store-icon{width:24px;height:24px;font-size:15px}.nav-item{padding:5px 8px;gap:8px;font-size:11px}.nav-item>span{font-size:15px}.help-card{padding:7px;margin-bottom:5px}.help-icon{width:16px;height:16px;margin-bottom:3px}.help-card p{margin:2px 0 4px;font-size:8px}.help-card button{padding:5px;font-size:9px}.sidebar-info-link{margin-bottom:5px;padding:6px 8px}.profile.account-center-trigger{padding-top:5px}.profile.account-center-trigger .avatar{width:26px;height:26px}}

/* Compact sidebar utility controls and helpful in-app guidance */
.sidebar-bottom .help-card{padding:9px;margin-bottom:6px}.sidebar-bottom .help-icon{margin-bottom:4px}.sidebar-bottom .help-card p{margin:3px 0 6px}.sidebar-bottom .help-card button{padding:6px 8px}.sidebar-info-link{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;width:auto;min-height:28px;margin:0 0 7px 3px;padding:5px 8px;border:1px solid #344254;border-radius:6px;background:transparent;color:#aeb9c5;text-align:left;font:500 10px 'DM Sans','Noto Sans Malayalam';cursor:pointer}.sidebar-info-link>span:first-child{width:auto;font-size:12px}.sidebar-info-link:hover{background:#263648;color:#fff}.help-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.help-guide-card{padding:17px}.help-guide-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#e7f5ef;color:#16845e;font-size:15px}.help-guide-card h2{margin:11px 0 6px;font-size:14px}.help-guide-card p{margin:0;color:#687684;font-size:11px;line-height:1.7}@media(max-width:640px){.help-guide-grid{grid-template-columns:1fr}.sidebar-info-link{min-height:26px}}

/* Reports and PDF export page */
.report-builder{padding:20px}.report-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.report-builder-grid label{display:grid;gap:6px;color:#65717f;font-size:11px;font-weight:600}.report-builder-grid select,.report-builder-grid input{width:100%;padding:10px 11px;border:1px solid #dce3e8;border-radius:8px;background:white;color:#293747;font:12px 'DM Sans','Noto Sans Malayalam'}.report-custom-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f2}.report-actions p{margin:0;color:#71808e;font-size:11px;line-height:1.5}.report-actions button{white-space:nowrap}.report-status{margin:12px 0 0;color:#788492;font-size:10px;line-height:1.55}.report-status:empty{display:none}@media(max-width:640px){.report-builder{padding:14px}.report-builder-grid{grid-template-columns:1fr;gap:10px}.report-custom-range{grid-template-columns:1fr 1fr}.report-actions{align-items:stretch;flex-direction:column}.report-actions button{width:100%}}

/* Optional shop location and notification center */
.shop-optional-settings{border:1px solid #e7ecef;border-radius:9px;padding:12px;margin:14px 0;background:#fafcfc}.shop-optional-settings summary{cursor:pointer;color:#276d53;font-size:11px;font-weight:700}.shop-optional-settings>p{font-size:10px;color:#77838e;line-height:1.5}.shop-location-actions{display:flex;align-items:center;gap:12px;margin:0 0 10px}.shop-location-actions .secondary{padding:8px 10px;font-size:10px}.shop-photo-button{color:#7d8795!important;font-size:9px!important}.notification-trigger{position:relative;font-size:18px!important}.notification-trigger em:not(.hidden){position:absolute;right:3px;top:3px;width:8px;height:8px;border:2px solid white;border-radius:50%;background:#e04d43}.notification-center{min-width:min(560px,calc(100vw - 40px));max-height:75vh;display:flex;flex-direction:column}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 10px;border-bottom:1px solid #edf0f2;color:#71808e;font-size:10px}.notification-list{list-style:none;margin:0;padding:0;overflow:auto}.notification-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:start;gap:9px;padding:12px 3px;border-bottom:1px solid #f0f2f4}.notification-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#15875f}.notification-item.is-read .notification-dot{background:#d5dce1}.notification-item>div small,.notification-item>div b{display:block}.notification-item>div small{font-size:9px;color:#8b96a0}.notification-item>div b{font-size:11px;margin-top:4px}.notification-item>div p{font-size:10px;color:#6f7b87;margin:4px 0 0}.notification-item>button{font-size:10px}.notification-empty{padding:22px;text-align:center;color:#89939d;font-size:11px}
@media(max-width:760px){.top-actions .notification-trigger{display:grid!important;place-items:center}.notification-center{min-width:0;width:100%}.shop-location-actions{flex-wrap:wrap}}
.danger-text{color:#bd4d4d!important}
.notification-bell{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:none!important;transform:none!important}.notification-trigger{animation:none!important;transform:none!important}.notification-trigger:hover .notification-bell{animation:none!important;transform:none!important}
.notification-drawer{position:fixed;inset:0 0 0 auto;z-index:30;width:min(430px,92vw);height:100dvh;margin:0;padding:0;border:0;border-left:1px solid #e5e9ed;border-radius:14px 0 0 14px;background:#fff;color:var(--ink);box-shadow:-12px 0 36px #13223524;overflow:hidden}.notification-drawer.hidden{display:none!important}.notification-center{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;max-height:100%;padding:20px}.notification-toolbar-actions{display:flex;align-items:center;gap:12px}.notification-toolbar-actions button{white-space:nowrap;font-size:10px}.notification-toolbar-actions button:disabled{opacity:.45;cursor:default}.notification-list{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}.notification-item{grid-template-columns:9px minmax(0,1fr) auto auto}.notification-item>button{align-self:center;padding:4px}.notification-drawer .notification-center .modal-title{margin-bottom:12px}
@media(max-width:640px){.notification-drawer{width:min(390px,94vw);border-radius:12px 0 0 12px}.notification-center{padding:16px}.notification-toolbar{align-items:flex-start}.notification-toolbar-actions{gap:8px}}
#signIn form{max-height:calc(100dvh - 48px);overflow-y:auto}
#signIn .social-login{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#signIn .social-login .google-login{height:40px;padding:7px 5px;gap:6px;font-size:10px}#signIn .facebook-f{font:bold 17px Arial;color:#1877f2}#signIn .x-mark{font-size:14px;color:#111}#signIn .login-channel-toggle{display:block;margin:0 0 13px 0;font-size:11px}
#passwordChange{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:linear-gradient(145deg,#f3f8f6,#edf3f7);place-items:center}#passwordChange[open]{display:grid}#passwordChange form{width:min(420px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;margin:auto;padding:34px;border:1px solid #e8edef;border-radius:18px;background:#fff;box-shadow:0 18px 55px #182d3b18}#passwordChange h1{margin:0;font-size:27px;color:#1b2636}#passwordChange .login-subtitle{color:#7d8795;font-size:13px;line-height:1.5}#passwordChange label{display:block;margin:14px 0;color:#394655;font-size:12px;font-weight:600}#passwordChange input{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #dfe5e8;border-radius:8px;font:13px sans-serif}#passwordChange .login-submit{width:100%;height:44px;margin-top:8px}@media(max-width:520px){#passwordChange{padding:16px}#passwordChange form{padding:25px 21px}}
@media(max-width:760px){.top-actions .avatar.account-center-trigger{display:grid}}

/* BooksBay simple dark theme */
html[data-theme="dark"]{color-scheme:dark;--navy:#0b110d;--ink:#edf0f2;--muted:#a8b5aa;--line:#344238;--bg:#101713;--green:#69c58e;--green-bg:#203a29;--blue:#88aee8;--violet:#a99bdd;--amber:#e0b15a}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .visitor-home{background:#101713}
html[data-theme="dark"] .main,html[data-theme="dark"] .page{color:var(--ink)}
html[data-theme="dark"] .topbar{border-color:var(--line)}
html[data-theme="dark"] .crumb b,html[data-theme="dark"] .heading h1{color:var(--ink)}
html[data-theme="dark"] .panel h2,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .panel h4{color:#29372d}
html[data-theme="dark"] :is(.stat-card,.panel,.purchase-side,.cash-box-card,.leave-card,.shop-card,.employee-card,.help-guide-card,.report-builder,.modal,.account-info,.profile-record-section,.visitor-card,.account-center,.notification-center){background:#E2E7D3!important;border-color:#c4cfbd!important;color:#29372d!important}
html[data-theme="dark"] :is(.stat-label,.stat-foot,.subhead,.note,.help-guide-card p,.report-status,.report-actions p,.notification-toolbar,.notification-item>div p,.record-list,.history-grid,.purchase-history){color:#526054}
html[data-theme="dark"] :is(.date-chip,.secondary,.filter-row,.filter-bar,.table-wrap,.table-scroll,.data-table-wrap){background:#243129!important;border-color:#3c4a40!important;color:#e3ece5!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#141d17!important;border-color:#3b4a3f!important;color:#edf0f2!important;color-scheme:dark}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#858c91}
html[data-theme="dark"] :is(table,th,td){color:#29372d;border-color:#c4cfbd}
html[data-theme="dark"] th{background:#d4ddcb}
html[data-theme="dark"] tbody tr:hover{background:#d5decf}
html[data-theme="dark"] :is(dialog,#signIn,#passwordChange){background:#E2E7D3;color:#29372d;border-color:#c4cfbd}
html[data-theme="dark"] dialog::backdrop{background:#050607d9}
html[data-theme="dark"] #signIn form,html[data-theme="dark"] #passwordChange form,html[data-theme="dark"] .visitor-card{background:#E2E7D3;border-color:#c4cfbd}
html[data-theme="dark"] #signIn h1,html[data-theme="dark"] #passwordChange h1,html[data-theme="dark"] #signIn .login-brand b,html[data-theme="dark"] #passwordChange .login-brand b{color:#29372d}
html[data-theme="dark"] #signIn label,html[data-theme="dark"] #passwordChange label{color:#4d5b50}
html[data-theme="dark"] #signIn input,html[data-theme="dark"] #passwordChange input{background:#141d17;color:#edf0f2;border-color:#3b4a3f}
html[data-theme="dark"] #signIn .login-modes{background:#141d17}
html[data-theme="dark"] #signIn .login-mode.active{background:#2a3b30;color:#62d29b}
html[data-theme="dark"] #signIn .login-help{border-color:#c4cfbd;color:#637065}
html[data-theme="dark"] .notification-drawer{background:#E2E7D3;border-color:#c4cfbd}
html[data-theme="dark"] .profile-tabs,html[data-theme="dark"] .notification-toolbar{border-color:#c4cfbd}
html[data-theme="dark"] .secondary:hover,html[data-theme="dark"] .icon-button:hover{background:#2a3b30;color:#fff}
html[data-theme="dark"] .theme-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;color:#f1cb70;font-size:19px;cursor:pointer}
html[data-theme="dark"] #theme-toggle{background:#243129}
html[data-theme="light"] .theme-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#596779;font-size:19px;cursor:pointer}
/* Login page background */
#signIn{background:#f1ede6}#signIn::backdrop{background:#f1ede6}html[data-theme=dark] #signIn,html[data-theme=dark] #signIn::backdrop{background:#f1ede6}
.report-graphs{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}.report-graph-card{min-width:0;padding:18px;border:1px solid #e5e9ed;border-radius:12px;background:#fff}.report-graph-card h2{margin:0 0 4px;font-size:15px}.report-graph-card p{margin:4px 0;color:#718078;font-size:11px}.report-graph-svg{display:block;width:100%;height:auto;min-height:180px;overflow:visible}.report-graph-highlow{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px;color:#43564a;font-size:11px}.report-graph-highlow b{color:#16835d}@media(min-width:900px){.report-graphs{grid-template-columns:repeat(2,minmax(0,1fr))}.report-graph-card:last-child{grid-column:1/-1}}html[data-theme=dark] .report-graph-card{background:#E2E7D3;border-color:#c4cfbd;color:#29372d}html[data-theme=dark] .report-graph-card p,html[data-theme=dark] .report-graph-highlow{color:#526054}


/* Mobile page navigation */
.mobile-menu-button,.mobile-nav-backdrop{display:none}
@media(max-width:760px){.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:7px 9px;border:1px solid #dce3e8;border-radius:8px;background:#fff;color:#293747;font:600 11px 'DM Sans',sans-serif;white-space:nowrap}.mobile-nav-backdrop{display:none;position:fixed;inset:0;z-index:3;width:100%;height:100%;border:0;background:#10171399}.mobile-menu-open .mobile-nav-backdrop{display:block}.mobile-menu-open .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 12px calc(16px + env(safe-area-inset-bottom));z-index:4}.mobile-menu-open .sidebar nav{padding-bottom:10px}.mobile-menu-open .main{position:relative;z-index:auto}.topbar{gap:8px}.mobile-brand{font-size:15px}.mobile-brand b{font-size:11px}}

/* Small-screen layout safety */
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{height:100dvh}
  .main{width:100%;max-width:100vw;height:100dvh;min-height:100dvh;padding-left:12px;padding-right:12px;overflow-x:hidden}
  .page,.panel,.stat-card,.shop-finance-card,.purchase-side,.purchase-shop-card,.report-builder,.report-graph-card{min-width:0;max-width:100%}
  .topbar{width:100%;min-width:0;gap:6px}
  .mobile-menu-button{flex:none}
  .mobile-brand{min-width:0;white-space:nowrap}
  .top-actions{min-width:0;gap:6px}
  .heading{flex-wrap:wrap}
  .heading>.primary,.heading>.secondary{max-width:100%;white-space:normal}
  .shop-finance-panel-heading,.purchase-panel-heading{flex-wrap:wrap}
  .shop-finance-date{max-width:100%;justify-items:start}
  .table-panel,.table-wrap,.table-scroll,.data-table-wrap{width:100%;max-width:100%;overflow-x:auto}
  .table-panel table{min-width:650px}
  .report-graph-svg{width:100%;max-width:100%}
  img,svg,canvas,video{max-width:100%}
  input,select,textarea{max-width:100%}
}
@media(max-width:380px){
  .main{padding-left:10px;padding-right:10px}
  .mobile-menu-button{padding:6px 7px;font-size:10px}
  .mobile-brand{font-size:13px}
  .mobile-brand b{font-size:10px}
  .top-actions{gap:4px}
  .stats{gap:7px}
  .stat-card{padding:9px}
}

@media(max-width:760px){.payroll-stats .stat-card:last-child{grid-column:auto}}

.shop-finance-date select{min-width:105px;border:1px solid #e4e8ec;background:#fff;border-radius:7px;padding:7px 9px;color:#596472;font:11px 'DM Sans','Noto Sans Malayalam'}.shop-expense-period-picker{display:flex;align-items:center;gap:5px;color:#687686;font-size:10px}.shop-expense-period-picker select{border:1px solid #e4e8ec;border-radius:6px;background:#fff;padding:5px 7px;color:#364554;font:10px 'DM Sans','Noto Sans Malayalam'}.shop-period-setup-warning:not([hidden]){margin:8px 0;padding:10px 12px;border:1px solid #e6d7a8;border-radius:8px;background:#fff9e9;color:#705a16;font-size:12px}

.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1120px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.account-summary-controls{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:13px 15px;background:#fff;border:1px solid #e8edf0;border-radius:10px;color:#5c6a77;font-size:12px;font-weight:600}.account-summary-controls select{min-width:140px;border:1px solid #e1e7e9;border-radius:7px;background:#fff;padding:9px 11px;color:#263545;font:600 12px 'DM Sans','Noto Sans Malayalam'}.shop-account-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shop-account-summary-card{min-width:0;padding:15px;background:#fff;border:1px solid #e8edf0;border-radius:11px;box-shadow:0 2px 8px #15253808}.shop-account-summary-card h2{margin:0 0 12px;color:#243244;font-size:15px}.shop-account-summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-account-summary-metrics>div{display:grid;gap:5px;padding:10px;border-radius:8px;background:#f7f9f7}.shop-account-summary-metrics span{color:#71808d;font-size:10px}.shop-account-summary-metrics b{color:#223141;font-size:15px}.shop-period-setup-warning:not([hidden]){margin:8px 0 14px;padding:10px 12px;border:1px solid #e6d7a8;border-radius:8px;background:#fff9e9;color:#705a16;font-size:12px}
@media(max-width:640px){.shop-account-summary-grid{grid-template-columns:1fr}.account-summary-controls{justify-content:space-between}.shop-account-summary-metrics b{font-size:14px}}

.shop-expense-error.is-info:not(:empty){border-color:#cde8d7;background:#f0faf4;color:#136447}

.staff-name-link{border:0;background:transparent;padding:0;color:var(--ink);font:inherit;font-weight:600;text-align:left;cursor:pointer}.staff-name-link:hover{color:var(--green);text-decoration:underline}.staff-name-link:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}

.brand-logo{width:36px;height:36px;flex:none;object-fit:cover;border-radius:7px}.mobile-brand img{width:23px;height:23px;object-fit:cover;border-radius:5px}.app-info-logo{border-radius:12px}

.app-info-logo{width:42px;height:42px;border-radius:20%}.brand-logo{width:32px;height:32px;border-radius:20%}.mobile-brand img{width:22px;height:22px;border-radius:20%}@media(max-width:760px){.app-info-logo{width:36px;height:36px;border-radius:20%}}

.sales-ranking-table .sales-entry-cell{min-width:0;width:max-content;max-width:100%}.sales-ranking-table th:nth-child(8),.sales-ranking-table td:nth-child(8){white-space:nowrap;padding-right:7px}.sales-ranking-table th:nth-child(9),.sales-ranking-table td:nth-child(9){white-space:nowrap;padding-left:7px}

.app-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-info-creator{margin-left:auto;text-align:right;display:grid;gap:4px}.app-info-creator small{color:#8a95a0;font-size:10px}.app-info-creator b{font-size:12px;color:#253446}@media(max-width:640px){.app-info-hero{flex-wrap:wrap}.app-info-creator{flex:1 0 100%;margin-left:68px;text-align:left}.app-info-grid{grid-template-columns:1fr}}

.account-update-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.account-update-actions button{font-size:10px;min-height:34px}.account-update-status{font-size:10px;color:#73808d;line-height:1.5;margin:7px 0 0}.account-update-status.available{color:#147b57;font-weight:700}.account-update-actions [hidden]{display:none!important}
.account-book-heading-actions{display:grid;gap:8px;min-width:180px}.account-book-template-shortcuts{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 15px;padding:12px 15px;border:1px solid #dfe9e4;border-radius:10px;background:linear-gradient(110deg,#f4faf6,#fff)}.account-book-template-shortcuts>div{display:grid;gap:3px}.account-book-template-shortcuts>div small{font-size:9px;letter-spacing:.7px;color:#768579}.account-book-template-shortcuts>div b{font-size:13px;color:#243d32}.account-book-template-shortcuts nav{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.account-book-template-shortcuts nav button{border:1px solid #dbe7df;border-radius:7px;background:#fff;color:#286649;padding:7px 9px;font:600 10px 'DM Sans','Noto Sans Malayalam';cursor:pointer}.account-book-template-shortcuts nav button:hover{background:#eaf6ef}.account-book-template-intro{display:grid;gap:5px;margin-bottom:15px}.account-book-template-intro b{font-size:16px;color:#273646}.account-book-template-intro span{font-size:12px;color:#718090}.account-book-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.account-book-template-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:16px;border:1px solid #e4e9ed;border-radius:12px;background:#fff;box-shadow:0 2px 9px #15253808}.account-book-template-card.selected{border-color:#5ba784;box-shadow:0 0 0 2px #d9efe2}.account-book-template-card-top{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}.account-book-template-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#edf7f1;color:#24734f;font-weight:700}.account-book-template-tag{padding:5px 7px;border-radius:20px;background:#f1f4f6;color:#697786;font-size:9px}.account-book-template-card h2{margin:13px 0 5px;font-size:15px}.account-book-template-card>p{min-height:42px;margin:0;color:#6a7886;font-size:11px;line-height:1.5}.account-book-template-books{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}.account-book-template-books span{padding:5px 7px;border-radius:6px;background:#f5f7f8;color:#526172;font-size:9px}.account-book-template-card button{width:100%;margin-top:auto}.account-book-coming-soon{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:17px;padding:17px}.account-book-coming-soon .eyebrow{margin-bottom:5px}.account-book-coming-soon h2{margin:0 0 5px;font-size:16px}.account-book-coming-soon p{max-width:460px;margin:0;color:#718090;font-size:11px;line-height:1.5}.account-book-coming-soon-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:460px}.account-book-future-chip{display:grid;gap:3px;padding:7px 9px;border:1px dashed #d9dfe4;border-radius:7px;color:#526172;font-size:10px}.account-book-future-chip small{color:#9a753a;font-size:8px}.account-book-heading-actions button{white-space:nowrap}
@media(max-width:900px){.account-book-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-book-coming-soon{align-items:flex-start;flex-direction:column}.account-book-coming-soon-list{justify-content:flex-start;max-width:none}}
@media(max-width:640px){.account-book-heading-actions{min-width:0;grid-template-columns:1fr 1fr}.account-book-heading-actions button{padding:8px;font-size:9px}.account-book-template-shortcuts{align-items:flex-start;flex-direction:column}.account-book-template-shortcuts nav{justify-content:flex-start}.account-book-template-grid{grid-template-columns:1fr}.account-book-template-card>p{min-height:0}.account-book-coming-soon{padding:13px}}
.monthly-expense-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:8px;border-radius:7px;background:#f5f7f8}.monthly-expense-filter label{display:flex;align-items:center;gap:7px;color:#627181;font-size:10px}.monthly-expense-filter select{max-width:180px;padding:6px 8px;border:1px solid #dce4e9;border-radius:7px;background:#fff;color:#334454;font:10px 'DM Sans','Noto Sans Malayalam'}.monthly-expense-filter>b{color:#a05f24;font-size:11px;white-space:nowrap}.shop-expense-entry-fields{grid-template-columns:1fr 1fr .75fr}.shop-expense-entry-fields label{min-width:0}.shop-expense-enter-hint{grid-column:1/-1}@media(max-width:640px){.shop-expense-entry-fields{grid-template-columns:1fr 1fr}.shop-expense-entry-fields label:first-child{grid-column:1/-1}.shop-expense-entry-fields label:nth-child(2),.shop-expense-entry-fields label:nth-child(3){grid-column:auto}}
.account-book-template-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:auto}.account-book-template-card-actions button{width:auto;margin:0;padding:7px 6px;font-size:9px}.account-book-template-card-actions [data-use-account-template]{grid-column:1/-1}.account-book-template-card-actions .danger-text{grid-column:1/-1;justify-self:start}.account-book-custom-builder{margin-top:18px;padding:18px}.account-book-custom-builder .panel-heading{margin-bottom:14px}.account-book-custom-builder .panel-heading h2{margin:0 0 4px;font-size:17px}.account-book-custom-builder .panel-heading p{margin:0;color:#758290;font-size:11px}.account-book-custom-name{display:grid;gap:6px;max-width:460px;color:#526171;font-size:11px;font-weight:600}.account-book-custom-name input{padding:10px 11px;border:1px solid #dce4e9;border-radius:8px;background:#fff;font:12px 'DM Sans','Noto Sans Malayalam'}.account-book-custom-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.account-book-module-option{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e7ebee;border-radius:8px;background:#fbfcfd;cursor:pointer}.account-book-module-option input{margin:2px 0 0;accent-color:#23835d}.account-book-module-option span{display:grid;gap:3px}.account-book-module-option b{font-size:10px;color:#334353}.account-book-module-option small{font-size:9px;line-height:1.4;color:#85919e}.account-book-custom-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.account-book-template-preview{width:min(580px,calc(100vw - 28px));max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:20px;box-shadow:0 24px 80px #101b2b40}.account-book-template-preview::backdrop{background:#101b2b80}.account-book-template-preview>p{color:#657585;font-size:12px;line-height:1.55}.account-book-template-preview h3{margin:17px 0 8px;font-size:12px}.account-book-template-preview .account-book-template-books{display:grid;grid-template-columns:1fr 1fr}.account-book-template-preview .account-book-template-books span{display:grid;gap:4px;font-weight:600}.account-book-template-preview .account-book-template-books span::after{content:'Included in this setup';font-size:8px;color:#8a95a1;font-weight:400}.account-book-template-preview .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:640px){.account-book-template-card-actions{grid-template-columns:1fr 1fr}.account-book-template-card-actions button{font-size:10px}.account-book-custom-builder{padding:13px}.account-book-custom-modules,.account-book-template-preview .account-book-template-books{grid-template-columns:1fr}.account-book-custom-actions{flex-direction:column}.account-book-custom-actions button{width:100%}}
.account-book-active-books{margin:0 0 16px;padding:15px;border:1px solid #e3e9ed;border-radius:11px;background:#fff}.account-book-active-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.account-book-active-heading .eyebrow{margin:0 0 3px}.account-book-active-heading h2{margin:0;font-size:15px}.account-book-active-heading>span{color:#758290;font-size:10px}.account-book-active-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-book-active-card{display:grid;gap:5px;padding:11px;text-align:left;border:1px solid #e7ecef;border-radius:8px;background:#fbfcfd;cursor:pointer}.account-book-active-card:hover{border-color:#8ebda4;background:#f5faf7}.account-book-active-card b{font-size:10px;color:#334353}.account-book-active-card small{min-height:26px;color:#818d99;font-size:9px;line-height:1.4}.account-book-active-card span{color:#208057;font-size:9px;font-weight:700}
@media(max-width:760px){.account-book-active-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.account-book-active-grid{grid-template-columns:1fr}.account-book-active-card small{min-height:0}}

.account-book-date-row,.attendance-date-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 13px;border:1px solid #e6ecef;border-radius:9px;background:#fff;color:#607080;font-size:12px;font-weight:600}.account-book-date-row .day-book-date-control,.attendance-date-row .day-book-date-control{margin-left:auto}
@media(max-width:480px){.account-book-date-row,.attendance-date-row{align-items:flex-start;flex-direction:column}.account-book-date-row .day-book-date-control,.attendance-date-row .day-book-date-control{margin-left:0;width:100%}.account-book-date-row .day-book-date-control input,.attendance-date-row .day-book-date-control input{flex:1;min-width:0}}

/* BooksBay unified professional interface */
:root{--navy:#17253b;--ink:#1b293b;--muted:#6d7b8e;--line:#e3eaf1;--bg:#f3f6fa;--green:#17845e;--green-bg:#e8f5ee;--blue:#3979c6;--violet:#7565c5;--amber:#c98823}
body{background:var(--bg);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#17253b 0%,#1b2d45 100%);box-shadow:5px 0 24px #17253b12}
.brand-mark{background:linear-gradient(145deg,#21a779,#16835e);box-shadow:0 4px 12px #14a06d30}
.nav-item{transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover{background:#26384d;color:#fff;transform:translateX(2px)}
.nav-item.active{background:#284158;color:#fff;box-shadow:inset 3px 0 #39c28d}
.main{padding-left:clamp(20px,3vw,42px);padding-right:clamp(20px,3vw,42px)}
.topbar{border-color:#e5eaf0}
.page{padding-top:30px;padding-bottom:34px}
.heading{margin-bottom:22px;gap:18px}
.heading h1{color:#17253b;font-size:26px;font-weight:700;letter-spacing:-.65px}
.eyebrow{color:#73839a;font-size:10px;font-weight:700;letter-spacing:.09em}
.subhead{color:#718096;line-height:1.55}
.stat-card,.panel{border-color:#e7edf3;border-radius:14px;box-shadow:0 4px 18px #20324a08}
.stat-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #20324a12;border-color:#d4e1eb}
.panel{padding:18px}
.panel-heading h2,.panel-heading h3{color:#1b293b;font-weight:700}
.primary,.secondary,.danger-button{border-radius:9px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.primary{background:linear-gradient(135deg,#16845e,#11966a);box-shadow:0 3px 9px #16845e20}
.primary:hover{background:#0f7552;box-shadow:0 5px 13px #16845e30;transform:translateY(-1px)}
.secondary{border-color:#dfe6ee;background:#fff;color:#46566a}
.secondary:hover{background:#f7f9fc;border-color:#cdd8e4}
input,select,textarea{border-color:#dce4ec;border-radius:8px}
input:focus,select:focus,textarea:focus{outline:0;border-color:#66ac8d;box-shadow:0 0 0 3px #16845e16}
.table-panel{overflow:hidden;border-radius:13px}
table thead th{background:#f6f8fb;color:#718096;font-size:10px;font-weight:700;letter-spacing:.04em}
table tbody tr{transition:background .15s ease}
table tbody tr:hover{background:#f8fafc}
.dashboard-attendance-overview{margin:0 0 18px;padding:18px 19px 14px;background:linear-gradient(130deg,#fff 0%,#f9fbfd 100%)}
.dashboard-attendance-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}
.dashboard-attendance-heading .eyebrow{margin-bottom:4px;color:#17845e}
.dashboard-attendance-heading h2{margin:0;color:#1b293b;font-size:16px;font-weight:700;letter-spacing:-.2px}
.dashboard-attendance-heading p:last-child{margin:5px 0 0;color:#7b899a;font-size:11px}
.dashboard-attendance-date{padding:7px 10px;border:1px solid #e4ecef;border-radius:999px;background:#f7faf9;color:#607b70;font-size:10px;font-weight:600;white-space:nowrap}
.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.dashboard-stats .stat-card{min-height:110px;border-radius:11px;background:#fbfdfc;box-shadow:none}
.dashboard-stats .stat-card:first-child{border-color:#d8eee3;background:linear-gradient(120deg,#f2faf5,#fff)}
.dashboard-stats .stat-card:nth-child(2){border-color:#f0e7d4;background:linear-gradient(120deg,#fffaf0,#fff)}
.dashboard-stats .stat-label{font-size:11px;font-weight:600}
.dashboard-stats .stat-number{font-size:29px;font-weight:700;color:#20334a}
.dashboard-stats .spark{opacity:.5}
.content-grid{gap:16px}
.attendance-panel,.activity-panel,.quick-panel{border-radius:14px}
@media(max-width:640px){.page{padding-top:20px}.heading{align-items:flex-start}.heading h1{font-size:22px}.panel{padding:14px}.dashboard-attendance-overview{padding:14px 12px 11px}.dashboard-attendance-heading{align-items:flex-start;flex-direction:column;gap:9px}.dashboard-stats{grid-template-columns:1fr 1fr;gap:7px}.dashboard-stats .stat-card{min-height:100px;padding:11px}.dashboard-stats .stat-number{font-size:25px}.dashboard-attendance-date{font-size:9px}}
.company-book-tabs{display:flex;gap:8px;overflow:auto;padding:8px 0 16px}.company-book-tabs button{white-space:nowrap;border:1px solid var(--line,#dfe5ec);border-radius:999px;background:var(--panel,#fff);padding:10px 14px;color:inherit;cursor:pointer}.company-book-tabs button.active{background:#153d69;color:white;border-color:#153d69}.company-book-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.company-book-fields label,.company-book-history .panel-heading label{display:grid;gap:7px;font-weight:600}.company-book-fields input,.company-book-fields select,.company-book-history input{min-height:42px;border:1px solid var(--line,#dfe5ec);border-radius:10px;padding:9px 11px;background:var(--panel,#fff);color:inherit}.company-book-actions{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.company-book-history{margin-top:18px}.company-book-history .panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.company-book-history .table-wrap{overflow:auto}.company-book-history table{width:100%;border-collapse:collapse}.company-book-history th,.company-book-history td{text-align:left;padding:11px;border-bottom:1px solid var(--line,#e4e8ee);white-space:nowrap}@media(max-width:650px){.company-book-history .panel-heading{align-items:flex-start;flex-direction:column}}
.account-book-coming-soon{display:none}

.accounting-status{padding:12px 15px;border-radius:12px;background:#eff6ff;color:#1e3a5f;margin:12px 0}.accounting-view-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 14px}.accounting-view-tabs button{white-space:nowrap;border:1px solid var(--line,#dfe5ec);border-radius:10px;background:var(--panel,#fff);padding:9px 13px;color:inherit;cursor:pointer}.accounting-view-tabs button.active{background:#153d69;color:white}.voucher-header-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.voucher-header-fields label,.accounting-create-account label,.accounting-filters label{display:grid;gap:6px;font-weight:600}.voucher-header-fields input,.voucher-header-fields select,.accounting-create-account input,.accounting-create-account select,.accounting-filters input,.accounting-filters select,.voucher-lines-table input,.voucher-lines-table select{min-height:38px;max-width:100%;border:1px solid var(--line,#dfe5ec);border-radius:8px;padding:7px;background:var(--panel,#fff);color:inherit}.voucher-narration{grid-column:1/-1}.voucher-lines-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 8px}.voucher-lines-wrap{overflow:auto}.voucher-lines-table{min-width:1150px}.voucher-lines-table input{width:100px}.voucher-lines-table select{min-width:180px}.voucher-lines-table td{padding:6px}.voucher-lines-table tfoot th{background:#f4f7fb}.balanced{color:#087443}.unbalanced{color:#a22}.accounting-create-account{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;border:1px solid var(--line,#dfe5ec);border-radius:12px;padding:16px}.accounting-create-account h3{grid-column:1/-1;margin:0}.accounting-filters{display:flex;gap:10px;flex-wrap:wrap}.accounting-filters label{min-width:150px}@media(max-width:650px){.voucher-lines-heading{align-items:flex-start;flex-direction:column}.voucher-lines-table{min-width:1000px}}

.accounting-report-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.accounting-report-actions #accounting-report-filters{flex:1}

.shop-expense-entry-fields label,.cash-box-actions{position:relative}.staff-name-suggestions{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 3px);max-height:150px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #dbe4e8;border-radius:9px;background:#fff;box-shadow:0 8px 24px #1b2c3c24;padding:4px}.staff-name-suggestions[hidden]{display:none!important}.staff-name-suggestion{display:grid;grid-template-columns:1fr;text-align:left;width:100%;gap:2px;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:#263747;cursor:pointer}.staff-name-suggestion:hover,.staff-name-suggestion:focus{background:#edf6f2;outline:none}.staff-name-suggestion b{font-size:11px}.staff-name-suggestion small{font-size:9px;color:#6f7e89}

.expense-cancel-button{margin-left:5px;width:auto;height:auto;padding:0 2px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:1;cursor:pointer}.expense-cancel-button:hover{background:transparent;color:inherit}


.cash-balance-withdrawal,.cash-balance-check-history{margin-top:8px;font-size:9px;color:#74808d}.cash-balance-withdrawal>summary,.cash-balance-check-history>summary{cursor:pointer}.cash-balance-check-history ul{max-height:120px;overflow:auto;margin:5px 0 0;padding-left:14px}.cash-balance-check-history li{margin:5px 0;line-height:1.4}.cash-balance-check-history li small{display:block;color:#929ba6}.cash-balance-check .cash-balance-warning{color:#a43232}
.cash-balance-withdraw-only button{grid-column:1/-1}
.cash-balance-month-days{margin-top:4px}.cash-balance-month-days>summary{cursor:pointer;color:#74808d}.cash-balance-month-days ul{max-height:110px;overflow:auto;margin:4px 0;padding-left:14px}

/* Mobile staff page: keep every column reachable with a sideways swipe. */
.mobile-table-hint{display:none}
@media(max-width:760px){
  /* Let the document grow vertically so full pages can be swiped on phones. */
  html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  body{display:block;min-height:100dvh}
  .main{display:block;width:100%;max-width:100%;height:auto;min-height:100dvh;overflow:visible;overscroll-behavior-y:contain;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .page{height:auto;min-height:0;overflow:visible;padding-bottom:28px}
  .table-panel,.table-wrap,.table-scroll,.data-table-wrap,.company-book-history .table-wrap{display:block;max-height:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin}
  .table-panel table,.table-wrap table,.table-scroll table,.data-table-wrap table{width:max-content;min-width:100%;table-layout:auto}
  .table-panel th,.table-panel td,.table-wrap th,.table-wrap td,.table-scroll th,.table-scroll td,.data-table-wrap th,.data-table-wrap td{white-space:nowrap}
  .sales-ranking-table{min-width:720px}
  #attendance-table,#working-table,#payroll-table,#salary-estimate-table{min-width:760px}
  .shop-table,.shop-finance-table{min-width:720px}
  .report-builder,.report-graph-card,.panel{min-height:0}
  #employee-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin;padding:0 12px 8px}
  #employee-table-scroll table{width:max-content;min-width:760px;table-layout:auto}
  #employee-table-scroll th,#employee-table-scroll td{white-space:nowrap}
  .mobile-table-hint{display:block;margin:0 0 7px;color:#718095;font-size:11px}
  #employeeProfile{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #employeeProfile .profile-tabs{overflow-x:auto;white-space:nowrap;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  #employeeProfile .profile-tab{flex:0 0 auto}
}

/* Spectators can inspect records, while data-entry controls stay unavailable. */
body.spectator-mode #employeeProfile input,body.spectator-mode #employeeProfile select,body.spectator-mode #employeeProfile textarea{pointer-events:none;background:#f4f6f8;color:#5e6975}
body.spectator-mode #employeeProfile input[type=search],body.spectator-mode #employeeProfile input[type=date]{pointer-events:auto}


.profile-salary-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:5px 14px;align-items:end;margin:10px 0 14px;padding:13px;border:1px solid #b8e1ce;border-radius:10px;background:#f1faf5}.profile-salary-settings h3{margin:0 0 3px;font-size:14px}.profile-salary-settings p{margin:0}.profile-salary-settings .note{grid-column:1/-1}@media(max-width:560px){.profile-salary-settings{grid-template-columns:1fr}.profile-salary-settings .note{grid-column:auto}}

.profile-sales-details{margin:12px 0;border:1px solid #e0e9e3;border-radius:12px;background:#fbfdfb;overflow:hidden}.profile-sales-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.profile-sales-details>summary::-webkit-details-marker{display:none}.profile-sales-details>summary>span:first-child b,.profile-sales-details>summary>span:first-child small{display:block}.profile-sales-details>summary>span:first-child b{font-size:14px}.profile-sales-details>summary>span:first-child small{margin-top:3px;color:#738078;font-size:10px}.profile-sales-toggle{padding:6px 10px;border-radius:20px;background:#eaf6ef;color:#16734f;font-size:11px;font-weight:700}.profile-sales-details[open] .profile-sales-toggle{background:#f0f2f1;color:#58645e}.profile-sales-content{padding:0 14px 14px}.profile-sales-content .profile-metrics{margin-bottom:4px}.table-subtext{display:block;margin-top:3px;font-size:10px;color:#748078}.salary-balance-section{background:#fff;border-radius:12px;padding:13px;border:1px solid #e8ede9}
@media(max-width:760px){.profile-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.profile-salary-summary{margin-bottom:14px;padding:14px;border:1px solid #e2ebe6;border-radius:13px;background:#fff}.profile-salary-summary>.panel-heading{margin-bottom:11px}.profile-salary-summary>.panel-heading .eyebrow{margin:0 0 4px;font-size:9px}.profile-salary-summary>.panel-heading h2{margin:0}.profile-salary-summary>.panel-heading p{margin:5px 0 0;color:#738078;font-size:10px}

.profile-prior-salary{margin:14px 0;padding:14px;border:1px solid #dce9e1;border-radius:12px;background:#f7faf8}.profile-prior-salary .panel-heading{margin:0 0 10px}.profile-prior-salary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.profile-prior-salary-grid>div{padding:11px;border:1px solid #e2ebe6;border-radius:10px;background:#fff}.profile-prior-salary-grid small,.profile-prior-salary-grid b{display:block}.profile-prior-salary-grid small{font-size:10px;color:#718579}.profile-prior-salary-grid b{margin-top:6px;font-size:13px;color:#176d4e}@media(max-width:760px){.profile-prior-salary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.dashboard-action-form label{position:relative}

.attendance-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:220px}.attendance-choice,.attendance-time-button{border:1px solid #d9e2e9;border-radius:7px;background:#fff;color:#586675;padding:6px 9px;font:600 10px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.attendance-choice.selected-work{background:#e7f5ef;border-color:#a8dac0;color:#08754b}.attendance-choice.selected-leave{background:#fdebea;border-color:#f0b4b0;color:#bd3a35}.attendance-time-button{padding:5px 7px;font-size:9px}.badge.success{background:#e7f5ef;color:#08754b}.attendance-row-actions button:disabled{opacity:.55;cursor:wait}

.attendance-work-shop{max-width:145px;min-width:110px;padding:6px 22px 6px 8px;border:1px solid #dfe6e2;border-radius:7px;background:#fff;color:#354556;font:600 10px 'DM Sans',sans-serif}.attendance-row-actions{min-width:245px}.attendance-choice.selected-work{color:#08754b}

.shop-staff-control{position:relative;min-width:82px}.shop-staff-count{min-width:32px;padding:5px 9px;border:1px solid #dce6e1;border-radius:7px;background:#f1f8f4;color:#08754b;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.shop-staff-count:after{content:'⌄';margin-left:5px;color:#70877b}.shop-staff-list{position:relative;z-index:3;min-width:190px;margin-top:5px;padding:8px;border:1px solid #dce6e1;border-radius:9px;background:#fff;box-shadow:0 7px 20px #1b2c3c1f}.shop-staff-list ul{list-style:none;margin:0 0 6px;padding:0;max-height:150px;overflow:auto}.shop-staff-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 2px;border-bottom:1px solid #f0f2f2;font-size:11px}.shop-staff-empty{color:#87919b}.shop-staff-remove{width:22px;height:22px;border:0;border-radius:50%;background:#f4f6f5;color:#526071;font-size:16px;line-height:1;cursor:pointer}.shop-staff-remove:hover{background:#e7ece9}.shop-staff-add-button,.shop-staff-add-confirm{border:1px solid #dce6e1;border-radius:6px;background:#edf6f1;color:#08754b;padding:5px 8px;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.shop-staff-add-panel{display:grid;gap:6px;margin-top:6px}.shop-staff-add-panel select{width:100%;padding:6px;border:1px solid #dce2e9;border-radius:6px;background:#fff;font:10px 'DM Sans',sans-serif}.shop-staff-add-confirm:disabled{opacity:.5}

.salary-period-picker{grid-column:1/-1;max-width:420px}.salary-calendar-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}.salary-calendar-controls label{min-width:190px}.salary-calendar-title{font-weight:700;margin:8px 0 10px;color:#263d32}.salary-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:6px;max-width:620px}.salary-calendar-weekday,.salary-calendar-blank,.salary-calendar-day{display:grid;place-items:center;min-height:38px;border-radius:9px}.salary-calendar-weekday{font-size:11px;color:#718078;font-weight:700}.salary-calendar-day{background:#f2f5f3;color:#526057;font-weight:600}.salary-calendar-day.worked,.salary-calendar-legend .worked{background:#d8f3e4;color:#147044}.salary-calendar-day.half,.salary-calendar-legend .half{background:#fff0d1;color:#98610c}.salary-calendar-day.leave,.salary-calendar-legend .leave{background:#ffe1e1;color:#ad3838}.salary-calendar-legend{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.salary-calendar-legend span{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:600}.salary-calendar-controls input,.salary-calendar-controls select{min-height:40px}@media(max-width:560px){.salary-calendar-grid{gap:4px}.salary-calendar-weekday,.salary-calendar-blank,.salary-calendar-day{min-height:32px}.salary-calendar-grid{grid-template-columns:repeat(7,minmax(28px,1fr))}}

.share-controls{display:grid;gap:8px}.share-controls label,.share-preview-label{display:grid;gap:4px;font-size:9px;color:#65717f}.share-controls select,.share-preview-label textarea{width:100%;padding:8px;border:1px solid #d8e1e7;border-radius:7px;font:12px 'DM Sans','Noto Sans Malayalam',sans-serif;box-sizing:border-box}.share-preview-label{margin-top:8px}.share-preview-label textarea{resize:vertical;line-height:1.45;white-space:pre-wrap}.share-months{border:1px solid #d8e1e7;border-radius:7px;padding:8px;font-size:12px}.share-months summary{cursor:pointer;font-weight:600}.share-months-actions{display:flex;gap:10px;margin:8px 0}.share-months-list{display:grid;gap:6px;max-height:180px;overflow:auto}.share-month-option{display:flex!important;align-items:center;gap:8px;font-size:12px!important;color:inherit!important}.share-month-option input{width:auto!important}.share-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}

.salary-date-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.salary-date-actions button{min-height:38px}
#profile-salary-day:disabled{opacity:.8}