:root{--bg:#fff;--bg-2:#f8fbff;--panel:#ffffffe6;--border:#2563eb38;--text:#333;--text-strong:#1a1a1a;--muted:#4b6fa8;--accent:#1d4ed8;--accent-2:#2563eb;--accent-glow:#1d4ed838}html,body,#root{height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}h1,h2,h3,h4{color:var(--text-strong)}p{color:var(--text)}input,select,textarea{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1d4ed81f}button{border:1px solid var(--accent);color:#fff;background:linear-gradient(#3b82f6,#1d4ed8);border-radius:10px;padding:10px 14px;font-weight:500}button:hover{border-color:var(--accent-2);box-shadow:inset 0 0 0 2px #1d4ed82e}
body{font-family:Segoe UI,sans-serif}span{font-style:italic}.container-fluid{background-color:#f1f5f9}#Container{width:800px;height:800px;margin:20px auto}#imagediv{border:1px solid #337ab763;width:500px;height:500px;margin:0 auto;padding:0;display:table;overflow:hidden}#imagediv img{width:100%;height:500px}#imagediv div{text-align:center;vertical-align:middle;background:#d3d3d3;height:500px;display:table-cell}#image{width:100%}#imageGallery{width:100%;height:100px;margin:0 auto;padding:0;overflow:hidden}#imageGallery img{float:left;width:20%;height:100%}#deviceInfo{text-align:center;width:100%;height:100px;margin:0 auto;padding:5px}#dynamicInfoDivs{position:relative;left:30%}#Scores{text-align:center;border:2px solid #000;width:500px;margin:0 auto}#status{text-align:center;color:red;min-height:22px;margin-bottom:5px}#contentButtons,#readerDivButtons{text-align:center;margin-bottom:5px;padding:5px}#modalContent{text-align:left;width:350px;vertical-align:center;margin:0 auto;padding:5px}#saveAndFormats{width:135px;position:relative;top:-750px;left:660px}
.sidebar{color:#fff;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#2563eb 80%,#60a5fa 100%);border-left:1.5px solid #d0e7ff;flex-direction:column;align-items:stretch;width:250px;min-height:100vh;padding:0 0 24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:fixed;top:0;right:0;box-shadow:0 0 32px #2563eb2e,0 2px 16px #00000014}.sidebar-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 2px 16px #2563eb14}.sidebar .brand{background:0 0;border-bottom:1.5px solid #d0e7ff;margin-bottom:8px;padding:0 20px 20px}.sidebar .brand-row{align-items:center;gap:12px;display:flex}.sidebar .brand-icon{filter:drop-shadow(0 4px 10px #0000002e);width:32px;height:32px}.sidebar .brand h2{letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #2563eb1a;margin:0;font-size:17.5px;font-weight:700}.sidebar-menu-list{flex-direction:column;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.sidebar-menu-item{width:100%}.sidebar-link{color:#fff;letter-spacing:.01em;box-shadow:none;border-radius:12px;align-items:center;gap:14px;padding:13px 22px 13px 16px;font-size:1.08em;font-weight:600;text-decoration:none;transition:background .18s,box-shadow .18s,color .18s,transform .12s;display:flex;position:relative}.sidebar-link-icon{filter:drop-shadow(0 2px 6px #0000001a);margin-left:2px;font-size:1.45em}.sidebar-link-label{text-align:right;flex:1}.sidebar-link.active,.sidebar-link:active{color:#fff;background:linear-gradient(90deg,#2563eb21 0%,#ffffff1a 100%);border-right:5px solid #fff;font-weight:800;transform:scale(1.04);box-shadow:0 2px 16px #2563eb21}.sidebar-link:hover{color:#fff;background:#ffffff21;transform:scale(1.03);box-shadow:0 2px 12px #2563eb1a}.sidebar-link:visited{color:#fff}.sidebar-footer{background:linear-gradient(#ffffff21,#ffffff17);border:1.5px solid #d0e7ff;border-radius:14px;justify-content:center;align-items:center;padding:12px 12px 10px;display:flex;position:absolute;bottom:18px;left:16px;right:16px;box-shadow:0 2px 12px #2563eb1a}.sidebar .company-logo{object-fit:contain;opacity:.96;filter:drop-shadow(0 6px 18px #00000021);max-width:120px;max-height:22px}@media (max-width:700px){.sidebar{width:100vw;min-width:0;max-width:100vw;top:0;left:0;right:0;bottom:unset;z-index:200;min-height:unset;border-bottom:2px solid #d0e7ff;border-left:none;flex-direction:row;align-items:flex-start;height:64px;padding:0;position:fixed;box-shadow:0 2px 16px #2563eb1a}.sidebar .brand,.sidebar-footer{display:none}.sidebar-menu-list{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100vw;height:64px;margin:0}.sidebar-menu-item{width:unset;text-align:center;flex:1;min-width:0}.sidebar-link{min-width:0;box-shadow:none;border-radius:0;justify-content:center;gap:6px;padding:10px 0;font-size:1.1em}.sidebar-link.active,.sidebar-link:active{color:#fff;box-shadow:none;background:linear-gradient(90deg,#2563eb21 0%,#ffffff1a 100%);border-bottom:4px solid #2563eb;border-right:none;font-weight:800;transform:scale(1.04)}}
.dashboard-fullscreen{background:var(--bg,#f1f5f9);min-height:100vh;display:flex}.dashboard-sidebar{color:#fff;background:linear-gradient(#1d4ed8 80%,#60a5fa 100%);flex-direction:column;align-items:center;width:260px;padding:32px 0;display:flex;box-shadow:2px 0 16px #1d4ed826}.sidebar-header{text-align:center;margin-bottom:32px}.dashboard-sidebar nav ul{width:100%;margin:0;padding:0;list-style:none}.dashboard-sidebar nav ul li{width:100%;margin-bottom:18px}.dashboard-sidebar nav ul li a{color:#fff;border-radius:8px 0 0 8px;padding:12px 32px;font-size:1.08em;text-decoration:none;transition:background .2s;display:block}.dashboard-sidebar nav ul li.active a,.dashboard-sidebar nav ul li a:hover{color:#fff;background:#60a5fa}.dashboard-main{margin-right:var(--sidebar-width,260px);background:0 0;flex:1;min-height:100vh;padding:0;overflow-y:auto}.dashboard-welcome{background:var(--card,#fff);border-radius:var(--radius,12px);box-shadow:var(--shadow-md);text-align:center;padding:40px 56px}.dashboard-welcome h1{color:var(--text,#1e293b);margin-bottom:16px;font-size:2.1em}.dashboard-welcome p{color:var(--text-muted,#64748b);margin-bottom:28px;font-size:1.05em}
.employee-actions-wide-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));place-items:stretch center;gap:18px 14px;width:100vw;max-width:1200px;margin:0 auto 24px;padding:0 1vw;display:grid}.wide-action-card{width:100%;min-width:120px;max-width:220px;min-height:120px;padding:18px 8px 12px;font-size:.98em}.wide-header{max-width:1600px;box-shadow:none;background:0 0;justify-content:center;align-items:center;margin:0 auto 38px;padding-top:38px;padding-bottom:18px;display:flex}@media (max-width:1100px){.employee-actions-wide-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 8px;padding:0 .5vw}.wide-header{margin-bottom:12px;padding-top:12px}.wide-action-card{min-width:90px;max-width:160px;padding:10px 4px 8px;font-size:.93em}}@media (max-width:700px){.employee-actions-wide-grid{grid-template-columns:1fr;gap:12px;padding:0}.wide-header{margin-bottom:10px;padding-top:8px}.wide-action-card{min-width:0;max-width:100vw;padding:18px 6px 12px}}.employee-management-page{background:#fff;min-height:100vh;display:block}.employee-management-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:22px;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:38px auto 0;padding:36px 18px 32px;display:flex;box-shadow:0 8px 36px #2563eb21,0 0 0 1.5px #d0e7ff}.employee-management-header{background:linear-gradient(90deg,#e6f0fa 60%,#d0e7ff 100%);border-radius:16px;justify-content:center;align-items:center;gap:18px;margin:0 0 32px;padding:18px 0;display:flex;box-shadow:0 2px 12px #8d6cd912}.employee-management-header-icon{color:#2563eb;background:linear-gradient(135deg,#fff 60%,#dbeafe 100%);border:2.5px solid #2563eb;border-radius:50%;justify-content:center;align-items:center;padding:13px 15px;font-size:2.2em;display:flex;box-shadow:0 2px 8px #2563eb1a}.employee-management-title{color:#2563eb;text-align:center;letter-spacing:.7px;text-shadow:0 2px 8px #2563eb14;background:linear-gradient(90deg,#eef4ff 60%,#dbeafe 100%);border-bottom:3px solid #2563eb;border-radius:8px 8px 0 0;margin:0 0 2px;padding-bottom:6px;padding-left:18px;padding-right:18px;font-size:2.1em;font-weight:900;display:inline-block}.employee-actions-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;width:100%;margin-top:8px;display:grid}.modern-action-card{color:#1e3a8a;cursor:pointer;filter:drop-shadow(0 2px 8px #2563eb14);background-color:#0000;background-image:linear-gradient(135deg,#fff 80%,#e6f0fa 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:2.5px solid #0000;border-image:linear-gradient(135deg,#2563eb 0%,#d0e7ff 100%) 1;border-radius:18px;flex-direction:column;align-items:center;min-width:120px;min-height:120px;padding:18px 8px 12px;text-decoration:none;transition:box-shadow .18s,transform .18s,border .18s,background .18s,filter .18s;display:flex;position:relative;box-shadow:0 10px 36px #2563eb29,0 0 0 2.5px #d0e7ff}.modern-action-card:hover,.modern-action-card:focus{color:#1e3a8a;filter:drop-shadow(0 6px 18px #2563eb21);background:linear-gradient(135deg,#e6f0fa 60%,#d0e7ff 100%);border:2.5px solid #2563eb;transform:translateY(-6px)scale(1.045);box-shadow:0 18px 48px #2563eb38}.modern-action-card:active{filter:none;border:2.5px solid #1d4ed8;box-shadow:0 2px 8px #1d4ed81a}.employee-action-icon{filter:drop-shadow(0 2px 6px #2563eb1a);background:linear-gradient(135deg,#d0e7ff 60%,#fff 100%);border:2px solid #2563eb;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;padding:8px 10px;font-size:1.6em;transition:border .18s,background .18s;display:flex;box-shadow:0 2px 8px #2563eb1a}.modern-action-card:hover .employee-action-icon{background:linear-gradient(135deg,#eef4ff 60%,#dbeafe 100%);border:2px solid #2563eb}.employee-action-title{color:#1d4ed8;text-align:center;margin-bottom:4px;font-size:1.08em;font-weight:800}.employee-action-sub{color:#2563eb;opacity:.85;text-align:center;font-size:.93em}.modern-bg{background:#fff}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;box-shadow:0 8px 36px #1d4ed821,0 0 0 1.5px #dbeafe}.modern-header{background:linear-gradient(90deg,#eef4ff 60%,#dbeafe 100%);border-radius:16px;padding:18px 0;box-shadow:0 2px 12px #2563eb12}@media (max-width:700px){.employee-management-content{margin-top:16px;padding:18px 2vw}.employee-management-header{gap:10px;padding:10px 0}.employee-actions-grid{gap:12px}.modern-action-card{min-width:0;padding:18px 6px 12px}}.employee-management-form{border:1px solid var(--border);width:100%;max-width:900px;color:var(--text);background:#fff;border-radius:16px;flex-direction:column;gap:20px;margin-bottom:32px;padding:32px 28px 28px;display:flex;box-shadow:0 8px 36px #1d4ed826}.employee-management-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%;margin-bottom:18px;display:grid}.employee-management-submit{color:#fff;border:1px solid var(--accent);cursor:pointer;letter-spacing:.6px;background:linear-gradient(#3b82f6,#1d4ed8);border-radius:12px;width:100%;margin-top:8px;padding:14px 0;font-size:18px;font-weight:700;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 12px #1d4ed826}.employee-management-submit:hover{border-color:var(--accent-2);box-shadow:0 6px 16px #1d4ed840}.employee-management-fingerprint{color:var(--accent);border:1px solid var(--border);cursor:pointer;letter-spacing:.4px;background:#2563eb1a;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:4px;padding:12px 0;font-size:16px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.employee-management-fingerprint:hover{border-color:var(--accent);background:#2563eb2e}.employee-management-form label{color:var(--muted);-webkit-user-select:none;user-select:none;flex-direction:column;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.employee-management-form input,.employee-management-form select{border:1px solid var(--border);box-shadow:none;direction:rtl;background-color:#fff;border-radius:10px;margin-top:6px;padding:12px 14px;font-size:16px}
.shift-employees-page{background:#fff;min-height:100vh;display:block}.shift-employees-content{width:100%;max-width:1440px;box-shadow:none;box-sizing:border-box;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;margin:0 auto;padding:36px 32px 32px 12px;display:flex}.shift-employees-header{box-shadow:none;background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:18px;margin:0 0 32px;padding:0;display:flex}.shift-employees-header-icon{color:#2563eb;background:linear-gradient(135deg,#d0e7ff 60%,#fff 100%);border:2px solid #2563eb;border-radius:50%;justify-content:center;align-items:center;padding:10px 12px;font-size:2em;display:flex;box-shadow:0 2px 8px #2563eb1a}.shift-employees-title{color:#2563eb;text-align:center;letter-spacing:.7px;text-shadow:0 2px 8px #2563eb14;background:0 0;border-bottom:3px solid #2563eb;border-radius:0;margin:0 0 2px;padding-bottom:6px;padding-left:12px;padding-right:12px;font-size:2em;font-weight:900;display:inline-block}.shift-employees-table-container{width:100%;max-width:1440px;color:var(--text);box-sizing:border-box;background:#fff;border-radius:0;margin-bottom:0;padding:0;overflow-x:auto;box-shadow:0 10px 40px #2563eb1a}.table.shift-table{color:#1e3a8a;border-collapse:separate;border-spacing:0;width:100%;min-width:900px;box-shadow:none;box-sizing:border-box;direction:rtl;background:0 0;border-radius:0;font-size:15px;overflow:hidden}.table.shift-table thead th{color:#2563eb;z-index:2;text-align:center;background:#e6f0fa;border-bottom:2.5px solid #60a5fa;padding:16px 12px;font-size:15px;font-weight:800;position:sticky;top:0}.table.shift-table tbody tr{background:#fff;transition:background .15s}.table.shift-table tbody tr:nth-child(2n){background:#e6f0fa}.table.shift-table tbody tr:hover{background:#d0e7ff}.table.shift-table td,.table.shift-table th{text-align:center;border:none;padding:16px 12px}.table.shift-table tbody tr:first-child td:first-child{border-top-right-radius:18px}.table.shift-table tbody tr:first-child td:last-child{border-top-left-radius:18px}.table.shift-table tbody tr:last-child td:first-child{border-bottom-right-radius:18px}.table.shift-table tbody tr:last-child td:last-child{border-bottom-left-radius:18px}.row-in-shift{font-weight:700;box-shadow:0 2px 12px #22c55e1a;background:linear-gradient(90deg,#e2f7eb 60%,#f6f4fa 100%)!important}.badge-success{color:#22c55e;background:#e2f7eb;border:1.5px solid #22c55e;border-radius:8px;align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #22c55e14}.badge-danger{color:#ef4444;background:#feecec;border:1.5px solid #ef4444;border-radius:8px;align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #ef444414}.status-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-left:4px;margin-right:0;display:inline-block;box-shadow:0 0 4px #0000001a}.status-dot.active{background:linear-gradient(135deg,#22c55e 60%,#bbf7d0 100%)}.status-dot.inactive{background:linear-gradient(135deg,#ef4444 60%,#feecec 100%)}.status-dot.shift{background:linear-gradient(135deg,#22c55e 60%,#bbf7d0 100%)}.status-dot.not-shift{background:linear-gradient(135deg,#ef4444 60%,#feecec 100%)}.shift-badge{border-radius:8px;align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:13px;font-weight:700;display:inline-flex}.shift-badge.in-shift{color:#22c55e;background:#e2f7eb;border:1.5px solid #22c55e}.shift-badge.not-in-shift{color:#ef4444;background:#feecec;border:1.5px solid #ef4444}.shift-loader{color:#2563eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:48px 0 32px;font-size:1.2em;display:flex}.loader-spinner{border:4px solid #d0e7ff;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;margin-bottom:6px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shift-error{color:#ef4444;background:#feecec;border:1.5px solid #ef4444;border-radius:10px;align-items:center;gap:10px;margin:32px 0 24px;padding:14px 22px;font-size:1.1em;font-weight:700;display:flex}.shift-empty{color:#1d4ed8;background:#e6f0fa;border:1.5px solid #2563eb;border-radius:10px;align-items:center;gap:10px;margin:32px 0 24px;padding:14px 22px;font-size:1.1em;font-weight:700;display:flex}
.notfound{justify-content:center;align-items:center;min-height:100%;padding:48px;display:flex}.notfound-card{box-shadow:0 8px 36px #1d4ed826,0 0 0 1px var(--border);text-align:center;max-width:640px;color:var(--text);background:#fff;border-radius:16px;padding:48px 56px}.notfound-code{background:linear-gradient(135deg,#60a5fa,#1d4ed8);color:#0000;text-shadow:0 0 24px #1d4ed840;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:96px;font-weight:800;line-height:1}.notfound-title{color:var(--text-strong);margin:0 0 8px}.notfound-subtitle{color:var(--muted);margin:0 0 28px}.notfound-actions{justify-content:center;gap:12px;display:flex}.btn-primary,.btn-secondary{border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{color:#0a3f96;background:linear-gradient(#f8fbff 0%,#e8f1ff 100%);border:1px solid #b8d1ff;box-shadow:0 6px 16px #0f172a14}.btn-primary:hover{border-color:#97bcff;box-shadow:0 8px 18px #0f172a1f}.btn-secondary{color:#1d4ed8;background:#ffffffc7;border:1px solid #cfe2ff;box-shadow:0 4px 10px #0f172a0d}.btn-secondary:hover{background:#eff6ff}
.addemp-overlay{z-index:200;background:radial-gradient(100% 120% at 80% 0,#3b82f614,#0000 40%),radial-gradient(100% 120% at 10% 90%,#1d4ed81f,#0000 30%),#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.addemp-panel{border:1px solid var(--border);background:linear-gradient(#fffffff2,#f8fbfff2);border-radius:16px;width:min(1100px,100% - 320px);max-height:90vh;padding:20px 22px;overflow:auto;box-shadow:0 18px 60px #1d4ed833}.addemp-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.addemp-title{color:var(--text-strong);font-size:20px;font-weight:800}.addemp-close{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:6px 10px}.addemp-close:hover{border-color:var(--accent)}.addemp-form{margin-top:8px}.addemp-grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.addemp-field{flex-direction:column;grid-column:span 4;display:flex}.addemp-field.full{grid-column:1/-1}.addemp-label{color:var(--muted);margin-bottom:6px;font-size:12px}.addemp-hint{color:#90a2c2;margin-bottom:6px;font-size:11px}.addemp-field input,.addemp-field select,.addemp-field textarea{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px}.addemp-field textarea{resize:vertical}.addemp-field input:focus,.addemp-field select:focus,.addemp-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1d4ed81f}.addemp-actions{justify-content:flex-start;gap:8px;margin-top:12px;display:flex}.btn{border:1px solid var(--border);border-radius:10px;padding:10px 14px}.btn.primary{color:#0a3f96;background:linear-gradient(#f8fbff 0%,#e8f1ff 100%);border:1px solid #b8d1ff;font-weight:700;box-shadow:0 6px 16px #0f172a14}.btn.primary:disabled{opacity:.55}.btn.ghost{color:#1d4ed8;background:#ffffffc7;border:1px solid #cfe2ff;box-shadow:0 4px 10px #0f172a0d}.addemp-alert{border-radius:10px;margin-top:8px;padding:10px 12px;font-size:13px}.addemp-alert.ok{color:#8ee0c5;background:#10b9811f;border:1px solid #10b98159}.addemp-alert.err{color:#f2a7a7;background:#ef44441f;border:1px solid #ef444459}.fingerprint-btn{justify-content:center;align-items:center;width:200px;height:45px;font-size:16px;display:flex}.fingerprint-status{color:#10b981;align-items:center;gap:5px;margin-top:10px;font-weight:500;display:flex}@media (max-width:1100px){.addemp-panel{width:calc(100% - 120px)}.addemp-field{grid-column:span 6}}@media (max-width:680px){.addemp-panel{width:calc(100% - 48px)}.addemp-field{grid-column:1/-1}}
.home-dashboard{padding:32px 0 0}.dashboard-links-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));justify-items:center;gap:28px;max-width:900px;margin:0 auto;display:grid}.dashboard-link-card{text-align:center;color:#1e3a8a;cursor:pointer;background:linear-gradient(135deg,#f8f8fc 80%,#d0e7ff 100%);border:1px solid #bfdbfe;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;min-width:180px;min-height:170px;padding:32px 18px 22px;text-decoration:none;transition:box-shadow .18s,transform .18s,border .18s;display:flex;box-shadow:0 2px 16px #2563eb12}.dashboard-link-card:hover{color:#2563eb;border:1.5px solid #2563eb;transform:translateY(-4px)scale(1.03);box-shadow:0 6px 32px #2563eb21}.dashboard-link-icon{margin-bottom:12px;font-size:2.7em}.dashboard-link-title{margin-bottom:6px;font-size:1.18em;font-weight:700}.dashboard-link-desc{color:#1d4ed8;opacity:.85;font-size:.98em}@media (max-width:600px){.dashboard-links-grid{grid-template-columns:1fr;gap:18px}.dashboard-link-card{min-width:0;padding:24px 8px 16px}}
.cloudecode-reports-page,.cloudecode-app{--cd-ink:#0f172a;--cd-muted:#475569;--cd-surface:#fff;--cd-surface-soft:#f8fafc;--cd-border:#dbe7ff;--cd-primary:#0a5bd7;--cd-primary-deep:#0a3986;--cd-accent:#14b8a6;--cd-highlight:#f59e0b;--cd-shadow:0 16px 40px #0a398621;--cd-shadow-soft:0 6px 18px #0f172a14;color:var(--cd-ink);font-family:"Rubik", "Assistant", var(--font-geist-sans), sans-serif;background:radial-gradient(1200px 500px at 100% -50px,#14b8a62e,#0000 65%),radial-gradient(1000px 500px at -10% 10%,#0a5bd733,#0000 60%),linear-gradient(#edf4ff 0%,#f7fafc 60%,#f8fafc 100%)}.cloudecode-app{min-height:100%;padding:28px 32px 40px}.cloudecode-app h1,.cloudecode-app h2,.cloudecode-app h3,.cloudecode-app h4{color:var(--cd-primary-deep);letter-spacing:.2px;font-weight:800}.cloudecode-app h1{margin-bottom:6px;font-size:1.85rem}.cloudecode-app h2{font-size:1.4rem}.cloudecode-app h3{font-size:1.15rem}.cloudecode-app .text-muted,.cloudecode-app .form-text{color:var(--cd-muted)!important}.cloudecode-app .cd-page-header{box-shadow:var(--cd-shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(120deg,#ffffffeb,#ffffffb3);border:1px solid #0a5bd729;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:18px 22px;animation:.38s ease-out cd-rise;display:flex}.cloudecode-app .cd-page-header .cd-title{color:var(--cd-primary-deep);font-size:1.6rem;font-weight:800}.cloudecode-app .cd-page-header .cd-sub{color:var(--cd-muted);margin-top:2px;font-size:.92rem}.cloudecode-app .card,.cloudecode-app .cd-surface{border:1px solid var(--cd-border);box-shadow:var(--cd-shadow);background:linear-gradient(#fff 0%,#f9fbff 100%);border-radius:18px;animation:.42s ease-out cd-rise;overflow:hidden}.cloudecode-app .card-header{background:linear-gradient(135deg, var(--cd-primary) 0%, var(--cd-primary-deep) 100%);color:#fff;letter-spacing:.2px;border-bottom:none;padding:14px 20px;font-weight:700}.cloudecode-app .card-header.cd-header-secondary,.cloudecode-app .card-header-secondary{background:linear-gradient(135deg,#0f766e 0%,#115e59 100%)}.cloudecode-app .card-body{background:#fff;padding:20px}.cloudecode-app .form-label{color:var(--cd-primary-deep);margin-bottom:6px;font-weight:600}.cloudecode-app .form-control,.cloudecode-app .form-select,.cloudecode-app input[type=text],.cloudecode-app input[type=number],.cloudecode-app input[type=email],.cloudecode-app input[type=password],.cloudecode-app input[type=date],.cloudecode-app input[type=month],.cloudecode-app input[type=search],.cloudecode-app textarea,.cloudecode-app select{background:#fff;border:1px solid #c8d6f1;border-radius:12px;padding:.55rem .85rem;transition:border-color .15s,box-shadow .15s}.cloudecode-app .form-control:focus,.cloudecode-app .form-select:focus,.cloudecode-app input:focus,.cloudecode-app textarea:focus,.cloudecode-app select:focus{border-color:var(--cd-primary);outline:none;box-shadow:0 0 0 .2rem #0a5bd729}.cloudecode-app .btn{letter-spacing:.2px;border-radius:12px;padding:.55rem 1.1rem;font-weight:700;transition:transform .16s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;box-shadow:0 6px 16px #0a39861a}.cloudecode-app .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0a39862e}.cloudecode-app .btn-primary{background:linear-gradient(135deg, var(--cd-primary) 0%, var(--cd-primary-deep) 100%);color:#fff;border:none}.cloudecode-app .btn-primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0c66ee 0%,#0a3f96 100%)}.cloudecode-app .btn-success{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#115e59 100%);border:none}.cloudecode-app .btn-success:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#14857c 0%,#0f6b66 100%)}.cloudecode-app .btn-outline-primary{color:var(--cd-primary-deep);background:#fffc;border:1px solid #b8d1ff}.cloudecode-app .btn-outline-primary:hover:not(:disabled){border-color:var(--cd-primary);color:var(--cd-primary-deep);background:#eef4ff}.cloudecode-app .btn-danger,.cloudecode-app .btn-outline-danger{border-radius:12px}.cloudecode-app .table{box-shadow:var(--cd-shadow-soft);background:#fff;border-radius:14px;margin-bottom:0;overflow:hidden}.cloudecode-app .table thead th{background:linear-gradient(135deg, var(--cd-primary) 0%, var(--cd-primary-deep) 100%);color:#fff;letter-spacing:.2px;border-bottom:none;padding:.85rem .9rem;font-weight:700}.cloudecode-app .table tbody tr{transition:background-color .12s}.cloudecode-app .table tbody tr:hover{background-color:#f1f6ff}.cloudecode-app .table tbody td{vertical-align:middle;border-color:#e8eefb;padding:.7rem .9rem}.cloudecode-app .badge{letter-spacing:.2px;border-radius:999px;padding:.35em .7em;font-weight:700}.cloudecode-app .alert{box-shadow:var(--cd-shadow-soft);border:1px solid #0000;border-radius:14px}.cloudecode-app .cd-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.cloudecode-app .cd-kpi{background:linear-gradient(135deg, var(--cd-primary) 0%, var(--cd-primary-deep) 100%);color:#fff;box-shadow:var(--cd-shadow);border-radius:16px;padding:16px 18px;position:relative;overflow:hidden}.cloudecode-app .cd-kpi.cd-kpi-teal{background:linear-gradient(135deg,#0f766e 0%,#115e59 100%)}.cloudecode-app .cd-kpi.cd-kpi-amber{background:linear-gradient(135deg,#d97706 0%,#92400e 100%)}.cloudecode-app .cd-kpi .cd-kpi-label{opacity:.85;letter-spacing:.4px;text-transform:uppercase;font-size:.78rem}.cloudecode-app .cd-kpi .cd-kpi-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.7rem;font-weight:800}@media (max-width:768px){.cloudecode-app{padding:18px 14px 32px}.cloudecode-app .cd-page-header{text-align:center;flex-direction:column;align-items:stretch}}.cloudecode-reports-page .cloudecode-hero{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(120deg,#ffffffc7,#fff9);border-bottom:1px solid #0a5bd729}.cloudecode-reports-page .cloudecode-title{letter-spacing:.3px;text-shadow:0 2px #fffc}.cloudecode-reports-page .cloudecode-subtitle{color:#4b5563}.cloudecode-reports-page .cloudecode-surface{border:1px solid var(--cd-border);box-shadow:var(--cd-shadow);border-radius:20px;animation:.42s ease-out cd-rise;overflow:hidden}.cloudecode-reports-page .cloudecode-header-primary{background:linear-gradient(135deg, var(--cd-primary) 0%, var(--cd-primary-deep) 100%)}.cloudecode-reports-page .cloudecode-header-secondary{background:linear-gradient(135deg,#0f766e 0%,#115e59 100%)}.cloudecode-reports-page .cloudecode-filter-panel{box-shadow:var(--cd-shadow-soft);background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #d3e1ff;border-radius:14px}.cloudecode-reports-page .form-control,.cloudecode-reports-page .form-select{border:1px solid #c8d6f1;border-radius:12px}.cloudecode-reports-page .form-control:focus,.cloudecode-reports-page .form-select:focus{border-color:var(--cd-primary);box-shadow:0 0 0 .2rem #0a5bd729}.cloudecode-reports-page .btn{letter-spacing:.2px;border-radius:12px;font-weight:700}.cloudecode-reports-page .table{border-radius:12px;overflow:hidden}.cloudecode-reports-page .table thead th{border-bottom:none}.cloudecode-reports-page .badge{border-radius:999px;padding-inline:.7rem}.cloudecode-reports-page .cloudecode-kpi{border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff47}@keyframes cd-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cloudecode-reports-page .cloudecode-surface{border-radius:14px}}
.clock-correction-root{max-width:1100px;margin:0 auto;font-family:Segoe UI,system-ui,sans-serif}.clock-correction-root h1{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:800}.cc-form-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:24px;box-shadow:0 1px 3px #0000000f}.cc-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.cc-field{flex-direction:column;flex:160px;gap:5px;display:flex}.cc-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cc-input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border .15s,box-shadow .15s}.cc-input:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}.cc-actions{gap:10px;margin-top:20px;display:flex}.cc-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a56db,#1648c6);border:none;border-radius:9px;padding:10px 28px;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 3px 10px #1a56db47}.cc-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #1a56db61}.cc-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.cc-btn-cancel{color:#64748b;box-shadow:none;background:#f1f5f9;border:1.5px solid #e2e8f0}.cc-btn-cancel:hover:not(:disabled){box-shadow:none;background:#e2e8f0;transform:none}.cc-records-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:28px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.cc-records-section h2{color:#1e293b;background:#fafafa;border-bottom:1px solid #f1f5f9;margin:0;padding:14px 20px;font-size:15px;font-weight:700}.cc-table-container{overflow-x:auto}.cc-records-table{border-collapse:collapse;width:100%;font-size:14px}.cc-records-table thead tr{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.cc-records-table th{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;font-size:11px;font-weight:700}.cc-records-table td{text-align:center;color:#374151;border-bottom:1px solid #f8fafc;padding:11px 16px}.cc-records-table tbody tr:hover{background:#f8fafc}.cc-records-table tbody tr.editing{background:#eff6ff}.badge-in{color:#15803d;background:#dcfce7;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-out{color:#991b1b;background:#fee2e2;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.cc-btn-small{cursor:pointer;border:1.5px solid #0000;border-radius:7px;margin:0 3px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .12s}.cc-btn-edit{color:#1a56db;background:#eff6ff;border-color:#bfdbfe}.cc-btn-edit:hover:not(:disabled){background:#dbeafe}.cc-btn-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.cc-btn-delete:hover:not(:disabled){background:#fee2e2}.cc-btn-small:disabled{opacity:.45;cursor:not-allowed}
:root{--primary:#1a56db;--primary-hover:#1648c6;--primary-light:#dbeafe;--success:#059669;--success-light:#d1fae5;--danger:#dc2626;--danger-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--sidebar-width:260px;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--background:#fff;--foreground:#1e293b;--accent:#1a56db;--muted:#64748b;--text-strong:#1e293b}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--bg,#f1f5f9);color:var(--text,#1e293b);direction:rtl;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif}.btn{letter-spacing:.2px;border-radius:14px;font-weight:700;transition:transform .16s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;box-shadow:0 6px 16px #0f172a14}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 .2rem #0e749038,0 8px 20px #0f172a1f}.btn-primary{color:#0a3f96;background:linear-gradient(#f8fbff 0%,#e8f1ff 100%);border:1px solid #b8d1ff}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible{color:#0a347a;background:linear-gradient(#fff 0%,#dfeeff 100%);border-color:#97bcff}.btn-success{color:#065f46;background:linear-gradient(#f2fffb 0%,#defaf1 100%);border:1px solid #9ee6cb}.btn-success:hover:not(:disabled),.btn-success:focus-visible{color:#064e3b;background:linear-gradient(#fff 0%,#d4f8ea 100%);border-color:#7cdcb9}.btn-outline-primary{color:#1d4ed8;background:#ffffffb3;border:1px solid #bfdbfe}.btn-outline-primary:hover:not(:disabled),.btn-outline-primary:focus-visible{color:#1e40af;background:#eff6ff;border-color:#93c5fd}.btn:disabled,.btn.disabled{opacity:.58;box-shadow:none}