*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.left-\[8px\]{left:8px}.right-\[13px\]{right:13px}.top-1\/2{top:50%}.z-\[2\]{z-index:2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-7{margin-bottom:1.75rem}.mb-\[18px\]{margin-bottom:18px}.mb-\[7px\]{margin-bottom:7px}.mt-2{margin-top:.5rem}.mt-\[26px\]{margin-top:26px}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-\[92px\]{height:92px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[92px\]{width:92px}.w-full{width:100%}.max-w-\[410px\]{max-width:410px}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-clip{overflow:clip}.rounded-\[10px\]{border-radius:10px}.rounded-\[22px\]{border-radius:22px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-\[\#dbe5e3\]{--tw-border-opacity:1;border-color:rgb(219 229 227/var(--tw-border-opacity,1))}.border-\[\#f5d4da\]{--tw-border-opacity:1;border-color:rgb(245 212 218/var(--tw-border-opacity,1))}.border-teal-50{--tw-border-opacity:1;border-color:rgb(236 253 249/var(--tw-border-opacity,1))}.bg-\[\#fff0f2\]{--tw-bg-opacity:1;background-color:rgb(255 240 242/var(--tw-bg-opacity,1))}.bg-\[rgba\(255\,255\,255\,0\.97\)\]{background-color:#fffffff7}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(135deg\,\#11857b\,\#0f3d3a\)\]{background-image:linear-gradient(135deg,#11857b,#0f3d3a)}.bg-none{background-image:none}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-\[13px\]{padding-top:13px;padding-bottom:13px}.pl-3\.5{padding-left:.875rem}.pl-\[42px\]{padding-left:42px}.pr-11{padding-right:2.75rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[23px\]{font-size:23px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-ink{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-rose{--tw-text-opacity:1;color:rgb(194 86 107/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-\[0_10px_24px_rgba\(15\,118\,110\,0\.35\)\]{--tw-shadow:0 10px 24px #0f766e59;--tw-shadow-colored:0 10px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_26px_rgba\(15\,118\,110\,0\.30\)\]{--tw-shadow:0 12px 26px #0f766e4d;--tw-shadow-colored:0 12px 26px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_70px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 30px 70px #00000059;--tw-shadow-colored:0 30px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[6px\]{--tw-backdrop-blur:blur(6px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--teal-900:#0f3d3a;--teal-700:#0f766e;--teal-600:#11857b;--teal-500:#14b8a6;--teal-50:#ecfdf9;--teal-100:#d3f4ee;--ink:#1f2937;--muted:#6b7280;--line:#d9e2e0;--bg:#f3f6f5;--white:#fff;--green:#1f9d6b;--rose:#c2566b;--amber:#b07d2b;--radius:14px;--shadow:0 4px 18px #0f3d3a14;--side-w:238px}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Cairo,sans-serif;font-size:15px;line-height:1.5}.layout{min-height:100vh;display:flex}.sidebar{width:var(--side-w);background:linear-gradient(160deg,var(--teal-700),var(--teal-900));color:#fff;z-index:30;flex-direction:column;flex-shrink:0;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{gap:12px;padding:0 6px 8px}.sidebar .brand,.sidebar .logo{align-items:center;display:flex}.sidebar .logo{background:#fff;border:2px solid #ffffff8c;border-radius:12px;justify-content:center;width:50px;height:50px;padding:5px}.sidebar .logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.sidebar .brand-text h1{font-size:21px;font-weight:800;line-height:1.1}.sidebar .brand-text .sub{opacity:.8;font-size:12px}.side-nav{border-top:1px solid #ffffff24;flex-direction:column;gap:6px;margin-top:26px;padding-top:18px;display:flex}.nav-item{cursor:pointer;color:#ffffffd1;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:15.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item .ico{font-size:17px}.nav-item:hover{color:#fff;background:#ffffff1f}.nav-item.active{color:var(--teal-700);background:#fff;box-shadow:0 4px 12px #0000001f}.nav-item.logout{color:#ffffffd9;border:1px solid #ffffff38;margin-top:auto}.nav-item.logout:hover{color:#fff;background:#ffffff29}.backdrop{z-index:25;background:#0f3d3a73;display:none;position:fixed;inset:0}.content{flex-direction:column;flex:1;min-width:0;display:flex}.content-top{background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:20;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 26px;display:flex;position:sticky;top:0}.page-title{color:var(--teal-700);font-size:20px;font-weight:800}.menu-toggle{cursor:pointer;color:var(--teal-700);background:0 0;border:none;padding:0 4px;font-size:24px;display:none}.day-tools{flex-wrap:wrap;gap:10px;margin-right:auto}.balance-chip,.day-tools{align-items:center;display:flex}.balance-chip{background:var(--teal-600);color:#fff;border-radius:10px;gap:8px;padding:8px 14px;font-size:14px;font-weight:600}.balance-chip b{font-size:18px;font-weight:800}.date-box{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:10px;align-items:center;gap:8px;padding:7px 12px;display:flex}.date-box label{color:var(--muted);font-size:13px}.date-box input[type=date]{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:14px}.tab-pane{width:100%;max-width:1240px;margin:0 auto;padding:24px 26px;display:none}.tab-pane.active{display:block}.summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.sum-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border-top:4px solid var(--teal-500);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.sum-card .sum-label{color:var(--muted);font-size:13px}.sum-card .sum-val{color:var(--ink);font-size:26px;font-weight:800}.sum-card.carry{border-top-color:#94a3b8}.sum-card.rev{border-top-color:var(--green)}.sum-card.exp{border-top-color:var(--amber)}.sum-card.adv{border-top-color:#7c8aa0}.sum-card.net{border-top-color:var(--green)}.sum-card.net .sum-val{color:var(--green)}.sum-card.total{border-top-color:var(--teal-600);background:var(--teal-50)}.sum-card.total .sum-val{color:var(--teal-700)}.sum-card.total.neg{border-top-color:var(--rose);background:#fdeef1}.sum-card.total.neg .sum-val{color:var(--rose)}.sum-card.net.neg{border-top-color:var(--rose)}.sum-card.net.neg .sum-val{color:var(--rose)}.balance-chip.neg{background:var(--rose)}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel.wide{grid-column:1/-1}.panel-head{background:var(--teal-50);border-bottom:1px solid var(--teal-100);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel-head h2{color:var(--teal-700);font-size:16px}.panel-total{background:var(--teal-600);color:#fff;border-radius:20px;padding:4px 14px;font-size:15px;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:right;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 14px;font-size:13px;font-weight:600}.data-table td{border-bottom:1px solid #eef2f1;padding:6px 10px}.data-table tr:last-child td{border-bottom:none}.col-name{width:30%}.col-amt{width:18%}.col-note{width:42%}.col-del{text-align:center;width:10%}.data-table .cell-name{padding-right:14px;font-weight:600}.data-table input{background:#f7faf9;border:1px solid #0000;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.data-table input:focus{border-color:var(--teal-500);background:#fff;outline:none}.data-table input.amt{text-align:left;direction:ltr;font-weight:600}.actions{align-items:center;gap:12px;margin-top:22px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:700}.btn.primary{background:var(--teal-600);color:#fff}.btn.primary:hover{background:var(--teal-700)}.btn.ghost{background:var(--white);color:var(--teal-700);border:1px solid var(--teal-100)}.btn.ghost:hover{background:var(--teal-50)}.save-msg{color:var(--green);font-weight:600}.history-table td,.history-table th{text-align:center}.history-table td:first-child{font-weight:700}.history-table .bal-pos{color:var(--green);font-weight:700}.history-table .bal-neg{color:var(--rose);font-weight:700}.hist-actions{justify-content:center;gap:8px;display:flex}.pill{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.pill.open{background:var(--teal-50);color:var(--teal-700);border-color:var(--teal-100)}.pill.open:hover{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.pill.del{color:var(--rose);background:#fdeef1;border-color:#f5d4da}.pill.del:hover{background:var(--rose);color:#fff;border-color:var(--rose)}.form{gap:14px;padding:16px 18px}.form,.form label{flex-direction:column;display:flex}.form label{color:var(--muted);gap:6px;font-size:14px}.form label input[type=text]{border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:15px}.form label.check{color:var(--ink);flex-direction:row;align-items:center;gap:8px;font-weight:600}.chip-list{flex-wrap:wrap;padding:16px 18px}.chip,.chip-list{gap:8px;display:flex}.chip{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:20px;align-items:center;padding:6px 12px;font-size:14px}.chip button{color:var(--rose);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.add-row{gap:8px;padding:0 18px 18px;display:flex}.add-row input{border:1px solid var(--line);border-radius:8px;flex:1;padding:9px 12px;font-family:inherit;font-size:14px}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:auto;padding:18px;font-size:13px}.head-actions{align-items:center;gap:10px;display:flex}.btn-add{background:var(--teal-600);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s}.btn-add:hover{background:var(--teal-700)}.row-del{cursor:pointer;color:#c7d0ce;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:15px;line-height:1;transition:all .15s}.row-del:hover{color:#fff;background:var(--rose)}.save-status{min-width:90px;font-size:13px;font-weight:700}.save-status.saving{color:var(--amber)}.save-status.saved{color:var(--green)}.modal-overlay{z-index:60;background:#0f3d3a73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.show{animation:.15s fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:24px;animation:.2s cubic-bezier(.2,.8,.2,1) pop;box-shadow:0 24px 60px #0000004d}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.modal-box h3{color:var(--teal-700);margin-bottom:16px;font-size:18px}.confirm-box h3{color:var(--rose)}.confirm-box p{color:var(--ink);font-size:15px;line-height:1.6}.btn.danger{background:var(--rose);color:#fff}.btn.danger:hover{background:#a8334a}.modal-box input{border:1.5px solid var(--line);border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.modal-box input:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px #14b8a626}.modal-actions{justify-content:flex-start;gap:10px;margin-top:18px;display:flex}.toast-wrap{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.toast{color:var(--ink);border-bottom:4px solid var(--teal-600);opacity:0;text-align:center;background:#fff;border-radius:12px;min-width:220px;max-width:340px;padding:13px 20px;font-size:14.5px;font-weight:600;transition:opacity .25s,transform .25s;transform:translateY(-14px);box-shadow:0 12px 32px #0f3d3a40}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-bottom-color:var(--green)}.toast.danger{border-bottom-color:var(--rose)}.toast.error{border-bottom-color:var(--amber)}.chart-panel{margin-bottom:0}.chart-legend{gap:14px;display:flex}.chart-legend .lg{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.chart-legend .lg:before{content:"";border-radius:4px;width:12px;height:12px}.chart-legend .lg.rev:before{background:var(--teal-500)}.chart-legend .lg.exp:before{background:var(--amber)}.chart-box{padding:16px 18px}.chart-svg{width:100%;height:auto;display:block}.chart-svg .c-rev{fill:var(--teal-500)}.chart-svg .c-exp{fill:var(--amber)}.chart-svg .c-grid{stroke:#eef2f1;stroke-width:1px}.chart-svg .c-axis{stroke:var(--line);stroke-width:1.5px}.chart-svg .c-label{fill:var(--muted);font-family:inherit;font-size:12px}.chart-empty{text-align:center;color:var(--muted);padding:30px}@media (width<=1000px){.grid{grid-template-columns:1fr}}@media (width<=820px){.sidebar{transition:transform .25s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-6px 0 24px #0003}.sidebar.open{transform:translate(0)}.backdrop.show{display:block}.menu-toggle{background:var(--teal-600);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.content-top{gap:10px;padding:10px 14px}.page-title{font-size:18px}.day-tools{gap:8px;width:100%;margin-right:0}.balance-chip{padding:7px 10px;font-size:13px}.date-box{gap:6px;padding:6px 8px}.date-box label{display:none}.date-box input[type=date]{padding:6px;font-size:13px}.date-box .btn{padding:7px 12px;font-size:13px}.tab-pane{padding:16px 14px}}@media (width<=520px){.sidebar{width:80vw;max-width:300px}}.print-footer,.print-header,.print-sign{display:none}@media print{@page{margin:12mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.actions,.backdrop,.btn-add,.chart-panel,.col-del,.content-top,.modal-overlay,.row-del,.sidebar,.site-footer{display:none!important}.content{display:block}body{background:#fff}#tab-history,#tab-settings{display:none!important}#tab-daily,#tab-employees,#tab-expenses,#tab-revenues{max-width:100%;margin:0 0 10px;padding:0;display:block!important}.print-header{border-bottom:3px solid var(--teal-600);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:12px;display:flex}.print-header .print-logo{-o-object-fit:contain;object-fit:contain;width:62px;height:62px}.print-header .print-title{text-align:center;flex:1}.print-header .print-title h1{color:var(--teal-700);margin-bottom:2px;font-size:26px}.print-header .print-title span{color:var(--muted);font-size:13px}.print-header .print-meta{color:var(--ink);text-align:left;font-size:13px}.print-header .print-meta b{color:var(--teal-700)}.print-header .print-when{color:var(--muted);margin-top:4px;font-size:11px}.summary{gap:8px;margin-bottom:16px}.sum-card{border:1px solid var(--line);padding:10px 12px}.sum-card .sum-val{font-size:18px}.sum-card.total{background:var(--teal-50)}.panel{box-shadow:none;border:1px solid var(--line);margin-bottom:12px}.panel-head{background:var(--teal-50);padding:8px 14px}.panel-total{background:var(--teal-600);color:#fff}.data-table thead{display:table-header-group}.data-table tr{page-break-inside:avoid}.data-table th{border-bottom:1px solid var(--line);padding:5px 10px}.data-table td{border-bottom:1px solid #eef2f1;padding:3px 10px}.data-table input{appearance:none;background:0 0;border:none;padding:3px 6px}.data-table input.amt{font-weight:700}.print-footer{background:var(--teal-50);border:2px solid var(--teal-600);border-radius:10px;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 18px;display:flex}.print-footer span{color:var(--ink);font-size:15px;font-weight:600}.print-footer b{color:var(--teal-700);font-size:22px}.print-sign{page-break-inside:avoid;justify-content:space-between;margin-top:34px;padding:0 30px;display:flex}.print-sign div{text-align:center;width:180px;color:var(--ink);border-top:1px solid #555;padding-top:6px;font-size:13px}}.login-bg{background:linear-gradient(135deg,#0f3d3a,#0f766e 55%,#14b8a6)}.login-bg:after,.login-bg:before{content:"";background:#ffffff0f;border-radius:50%;position:absolute}.login-bg:before{width:480px;height:480px;top:-160px;left:-120px}.login-bg:after{background:#ffffff0d;width:360px;height:360px;bottom:-130px;right:-90px}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.animate-rise{animation:.6s cubic-bezier(.2,.8,.2,1) rise}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.animate-shake{animation:.35s shake}@media (width<=420px){.login-bg:before{width:320px;height:320px;top:-110px;left:-90px}.login-bg:after{width:240px;height:240px;bottom:-90px;right:-70px}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-symbols.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"opsz" 24;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.modal-box.modal-lg{max-width:680px}.users-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.users-head h3{color:var(--teal-700);margin:0;font-size:19px}.modal-x{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:4px;line-height:0;display:inline-flex}.modal-x:hover{background:var(--teal-50);color:var(--teal-700)}.users-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.users-count{color:var(--muted);font-size:14px;font-weight:600}.users-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden}.users-table th{background:var(--teal-50)}.users-table .pages-cell{color:var(--muted);font-size:13px;line-height:1.6}.badge-admin{background:var(--teal-600);color:#fff;border-radius:12px;margin-right:4px;padding:2px 8px;font-size:11px;font-weight:700}.muted-cell{color:#c7d0ce}.row-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;line-height:0;transition:all .15s}.row-icon.edit{color:var(--teal-600)}.row-icon.edit:hover{background:var(--teal-50)}.row-icon.delx{color:var(--rose)}.row-icon.delx:hover{background:var(--error-container)}.user-label{color:#ffffffd9;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:8px 0 4px;font-size:13px;font-weight:600;display:flex}.nav-item.logout{margin-top:8px}.field-label{color:var(--muted);margin:14px 0 6px;font-size:13px;font-weight:600;display:block}#userFormModal .modal-box input[type=password],#userFormModal .modal-box input[type=text]{border:1.5px solid var(--line);border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:15px}#userFormModal .modal-box input:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px #14b8a626}.pages-grid{grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:4px;display:grid}.page-check{color:var(--ink);background:var(--surface-low);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.page-check input{width:17px;height:17px;accent-color:var(--teal-600);cursor:pointer}@media (width<=520px){.pages-grid{grid-template-columns:1fr}}.modal-box.modal-xl{width:100%;max-width:880px;max-height:90vh;overflow-y:auto}.modal-box.modal-xl .summary{margin-bottom:18px}.modal-box.modal-xl .sum-card{padding:12px 14px}.modal-box.modal-xl .sum-card .sum-val{font-size:21px}.day-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.modal-box.modal-xl .panel{border:1px solid var(--line)}.day-table td,.day-table th{padding:7px 12px}.day-table .num-cell{text-align:left;color:var(--ink);direction:ltr;font-weight:700}.day-table .note-cell{color:var(--muted);font-size:13px}.day-table .empty-cell{text-align:center;color:var(--muted);padding:16px;font-size:14px}.day-table th:not(.col-name){text-align:right}@media (width<=700px){.day-grid{grid-template-columns:1fr}}.safe-opening-wrap{padding:18px 18px 4px}.safe-opening-card{background:var(--teal-50);border:1.5px solid var(--teal-100);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.safe-lock-ico{color:var(--teal-600);font-size:38px}.safe-opening-label{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:600}.safe-opening-val{color:var(--teal-700);font-size:32px;font-weight:800}.safe-sum-table{margin:16px 0 0}.safe-num-head{text-align:left;direction:ltr;padding-left:20px}.safe-num{text-align:left;direction:ltr;padding:10px 20px 10px 14px;font-size:15px;font-weight:700}.safe-row-label{padding-right:18px;font-weight:600}.safe-opening-row td{background:#f8fbfa}.safe-rev-row .safe-num{color:var(--green)}.safe-exp-row .safe-num{color:var(--amber)}.safe-adv-row .safe-num{color:#7c8aa0}.safe-total-row td{background:var(--teal-50);border-top:2px solid var(--teal-100);font-size:16px;font-weight:800}.safe-total-row .safe-num{color:var(--teal-700);font-size:20px}.safe-total-row.safe-neg td{background:#fdeef1}.safe-total-row.safe-neg .safe-num{color:var(--rose)}.safe-pass-error{color:var(--rose);margin-top:6px;font-size:13px;display:none}.tahmeel-note{color:var(--muted);margin-right:6px;font-size:12px;font-weight:400}.daftar-table-wrap{overflow-x:auto}.daftar-table .col-daftar-name{width:28%}.daftar-table .col-daftar-num{text-align:center;width:13%}.daftar-table .col-daftar-cnt{text-align:center;width:9%}.daftar-table .col-daftar-fee{text-align:center;width:11%}.daftar-table .col-daftar-val{text-align:left;width:13%}.daftar-table th{text-align:center}.daftar-table th.col-daftar-name{text-align:right}.daftar-cnt,.daftar-val{text-align:center;color:var(--ink);padding:6px 10px;font-weight:700}.daftar-val{text-align:left;color:var(--teal-700);direction:ltr}.salary-form-wrap{padding:18px 18px 22px}.salary-top-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.salary-month-box{flex-shrink:0}.salary-upload-box{flex:1;min-width:200px}.salary-month-inp{border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:11px 14px;font-family:inherit;font-size:15px}.salary-month-inp:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px #14b8a626}.upload-drop{border:2px dashed var(--teal-100);cursor:pointer;text-align:center;background:var(--teal-50);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;padding:18px 24px;transition:all .2s;display:flex}.upload-drop:hover,.upload-drop.drop-active{border-color:var(--teal-500);background:#e8f9f6}.upload-ico{color:var(--teal-500);font-size:32px}.upload-main-text{color:var(--ink);font-size:14px;font-weight:600}.upload-fname{color:var(--teal-700);word-break:break-all;margin-top:2px;font-size:13px;font-weight:700}.salary-policy-bar{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--ink);border-radius:10px;margin-top:16px;padding:10px 16px;font-size:13px;line-height:1.8}.salary-form-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.salary-status-msg{font-size:13px;font-weight:600}.salary-status-msg.sal-ok{color:var(--green)}.salary-status-msg.sal-fail{color:var(--rose)}.salary-status-msg.sal-loading{color:var(--amber)}.salary-table-wrap{overflow-x:auto}.salary-table th,.salary-table td{text-align:right}.col-salary-name{width:20%;min-width:120px}.col-salary-code{text-align:center;width:8%;min-width:70px}.col-salary-num{text-align:left;width:9%;min-width:80px}.col-salary-net{text-align:left;width:11%;min-width:100px}.salary-table .salary-code-cell{text-align:center;color:var(--muted);letter-spacing:.5px;font-family:monospace;font-weight:700}.salary-table .salary-num{text-align:left;color:var(--ink);direction:ltr;padding:7px 12px;font-weight:600}.salary-table .salary-net{text-align:left;color:var(--teal-700);direction:ltr;padding:7px 12px;font-size:15px;font-weight:800}.salary-table .salary-neg{color:var(--rose)}.salary-table .ded-cell{color:var(--rose);background:#fff5f7}.salary-total-tr td{background:var(--teal-50);border-top:2px solid var(--teal-100);font-weight:800}.salary-total-tr .salary-net{color:var(--teal-700);font-size:16px}.badge-warn{background:var(--amber);color:#fff;vertical-align:middle;border-radius:12px;margin-right:4px;padding:2px 8px;font-size:11px;font-weight:700}.att-det-btn{border:1px solid var(--teal-100);cursor:pointer;color:var(--teal-600);vertical-align:middle;background:0 0;border-radius:6px;margin-right:6px;padding:2px 4px;line-height:0;transition:all .15s}.att-det-btn:hover{background:var(--teal-50)}.att-detail-tr td{border-bottom:2px solid var(--teal-100);background:#f8fbfa;padding:0}.att-detail-wrap{padding:10px 20px 14px}.att-detail-table{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.att-detail-table th{background:var(--teal-50);padding:7px 12px;font-size:12px}.att-detail-table td{padding:5px 12px;font-size:13px}.att-d-date{color:var(--ink);text-align:left;direction:ltr;font-weight:700}.att-d-time{text-align:left;direction:ltr;font-family:monospace;font-size:14px;font-weight:700}.att-d-mins{color:var(--muted);font-size:12px}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:opacity-90:hover{opacity:.9}.focus\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.focus\:shadow-\[0_0_0_4px_rgba\(20\,184\,166\,0\.15\)\]:focus{--tw-shadow:0 0 0 4px #14b8a626;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width<=420px){.max-\[420px\]\:mb-6{margin-bottom:1.5rem}.max-\[420px\]\:h-\[78px\]{height:78px}.max-\[420px\]\:w-\[78px\]{width:78px}.max-\[420px\]\:p-2\.5{padding:.625rem}.max-\[420px\]\:text-\[13px\]{font-size:13px}.max-\[420px\]\:text-\[21px\]{font-size:21px}}#confirmModal{z-index:90}.site-footer .footer-contact{white-space:nowrap}.site-footer a{color:var(--teal-600);font-weight:700;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .footer-mail{color:var(--teal-600);white-space:nowrap;font-weight:800}