*{box-sizing:border-box}body{color:#172033;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}.login-background{position:fixed;inset:0;overflow:hidden}.background-grid{background-image:linear-gradient(#204c8c0b 1px,#0000 1px),linear-gradient(90deg,#204c8c0b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.background-orb{filter:blur(80px);opacity:.45;border-radius:50%;width:500px;height:500px;position:absolute}.login-container{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.login-card{background:#fffffff5;border:1px solid #fffc;border-radius:24px;width:100%;max-width:580px;padding:48px 54px 34px;box-shadow:0 30px 80px #142b501f,0 8px 25px #142b500f}.logo-box{background:#fff;border-radius:22px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 20px;display:flex;box-shadow:0 12px 30px #1b4d9129}.brand-area h1{margin:0;font-size:30px;font-weight:750}.login-heading h2{margin:0;font-size:28px;font-weight:750}.login-heading p{color:#8290a7;margin:8px 0 34px;font-size:16px}.input-group label{margin-bottom:9px;font-size:14px;font-weight:700;display:block}.input-group input{border:1px solid #d8e0eb;border-radius:15px;outline:none;width:100%;height:56px;padding:0 18px;font-size:16px;transition:all .2s}.input-group input:focus{border-color:#2865bd;box-shadow:0 0 0 4px #2865bd14}.login-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#204d91,#286dca);border:0;border-radius:15px;justify-content:center;align-items:center;gap:14px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 14px 30px #225eaf33}.login-button:hover{transform:translateY(-1px)}.login-error{color:#c53030;background:#fff0f0;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:600}.dashboard-page{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e7ebf2;flex-direction:column;width:250px;min-height:100vh;padding:26px 18px;display:flex}.sidebar-logo{align-items:center;gap:12px;padding:8px 10px 30px;display:flex}.sidebar-logo img{object-fit:contain;border-radius:12px;width:48px;height:48px}.sidebar-logo strong{font-size:18px;display:block}.sidebar-logo span{color:#8a96a9;margin-top:3px;font-size:11px;display:block}.sidebar-nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#6c778b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;padding:13px 15px;font-size:14px;font-weight:600;display:flex}.nav-item span{text-align:center;width:22px;font-size:18px}.nav-item:hover,.nav-item.active{color:#20569e;background:#edf4ff}.logout-button{color:#d04444;cursor:pointer;background:#fff1f1;border:0;border-radius:10px;width:100%;margin-top:auto;padding:13px;font-weight:700}.dashboard-main{flex:1;min-width:0;padding:34px 42px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.dashboard-header h1{margin:0;font-size:30px}.dashboard-header p{color:#8994a7;margin:7px 0 0}.profile-box{align-items:center;gap:12px;display:flex}.profile-avatar{color:#fff;background:#1f579f;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:13px;font-weight:800;display:flex}.profile-box strong{font-size:13px;display:block}.profile-box span{color:#929daf;margin-top:3px;font-size:11px;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border:1px solid #e8edf4;border-radius:16px;align-items:center;gap:15px;padding:22px;display:flex;box-shadow:0 6px 20px #1e365a0a}.stat-icon{border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.stat-icon.blue{color:#2865b2;background:#eaf2ff}.stat-icon.green{color:#29925b;background:#eaf9f0}.stat-icon.orange{color:#dc7c24;background:#fff3e7}.stat-icon.purple{color:#7652bf;background:#f2edff}.stat-card span{color:#8792a5;font-size:12px;display:block}.stat-card strong{margin-top:4px;font-size:24px;display:block}.employee-section{background:#fff;border:1px solid #e8edf4;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #1e365a0a}.section-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:24px 26px;display:flex}.section-header h2{margin:0;font-size:20px}.section-header p{color:#909bad;margin:5px 0 0;font-size:13px}.add-employee-button{color:#fff;cursor:pointer;background:#205a9f;border:0;border-radius:10px;align-items:center;gap:7px;padding:12px 17px;font-size:13px;font-weight:700;display:flex;box-shadow:0 7px 18px #205a9f2e}.add-employee-button:hover{background:#194d8a}.empty-state{text-align:center;padding:75px 20px}.empty-icon{background:#edf4ff;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 16px;font-size:25px;display:flex}.empty-state h3{margin:0;font-size:17px}.empty-state p{color:#8d98a9;font-size:13px}.employee-table-wrapper{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:850px}.employee-table th{color:#7d889b;text-align:left;text-transform:uppercase;letter-spacing:.4px;background:#fafbfd;padding:15px 20px;font-size:11px}.employee-table td{color:#4d586c;border-top:1px solid #edf0f4;padding:17px 20px;font-size:13px}.employee-name{align-items:center;gap:10px;display:flex}.employee-avatar{color:#245b9d;background:#eaf2ff;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-weight:800;display:flex}.username-badge,.password-badge{background:#f4f6f9;border-radius:6px;padding:5px 8px;font-family:monospace;font-size:12px}.status-badge{color:#268b53;background:#e9f8ef;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e1a2d73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 30px 80px #0003}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.modal-header h2{margin:0;font-size:23px}.modal-header p{color:#8994a7;margin:6px 0 0;font-size:13px}.modal-close{color:#677286;cursor:pointer;background:#f3f5f8;border:0;border-radius:9px;width:35px;height:35px;font-size:23px}.form-field{margin-bottom:18px}.form-field label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-field input,.form-field select{background:#fff;border:1px solid #dce2eb;border-radius:10px;outline:none;width:100%;height:50px;padding:0 14px;font-size:14px}.form-field input:focus,.form-field select:focus{border-color:#2865bd;box-shadow:0 0 0 3px #2865bd14}.auto-login-info{background:#f5f8fc;border:1px solid #e5ebf3;border-radius:12px;margin:20px 0;padding:15px}.auto-login-info div+div{margin-top:12px}.auto-login-info span{color:#8792a5;font-size:11px;display:block}.auto-login-info strong{color:#1f579f;margin-top:3px;font-size:13px;display:block}.create-employee-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#20518f,#286bc2);border:0;border-radius:11px;width:100%;height:52px;font-weight:700}@media (width<=1000px){.sidebar{width:210px}.dashboard-main{padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sidebar{display:none}.dashboard-main{padding:18px}.dashboard-header{align-items:flex-start;gap:15px}.profile-box{display:none}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.login-card{padding:35px 24px 28px}.login-heading{margin-top:40px}}.employees-header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.employees-header h1{color:#14213d;margin:12px 0 6px;font-size:38px;font-weight:800}.employees-header p{color:#7c8ba5;margin:0;font-size:16px}.back-button{color:#2463ad;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700}.employee-summary{background:#fff;border-radius:16px;min-width:130px;padding:14px 22px;box-shadow:0 8px 25px #1e3c640f}.employee-summary strong{color:#14213d;font-size:25px;display:block}.employee-summary span{color:#8290a8;font-size:12px}.employee-toolbar{gap:14px;margin-bottom:22px;display:flex}.employee-search{background:#fff;border:1px solid #e1e7f0;border-radius:12px;flex:1;align-items:center;max-width:500px;height:48px;padding:0 16px;display:flex}.employee-search span{color:#8290a8;margin-right:10px;font-size:22px}.employee-search input{color:#1c2a42;border:none;outline:none;width:100%;font-size:14px}.employee-toolbar select{color:#33415c;cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:12px;outline:none;height:48px;padding:0 38px 0 14px}.employees-card{background:#fff;border-radius:20px;overflow:auto hidden;box-shadow:0 8px 30px #1e3c640f}.table-header,.employee-row{grid-template-columns:1.55fr 1.25fr 1.05fr 1fr 1.2fr .75fr .85fr .85fr .75fr .85fr;align-items:center;column-gap:14px;display:grid}.table-header{color:#71809a;white-space:nowrap;background:#f9fafc;border-bottom:1px solid #edf0f5;min-height:58px;padding:0 30px;font-size:12px;font-weight:800}.employee-row{color:#56657e;white-space:nowrap;border-bottom:1px solid #edf0f5;min-height:82px;padding:0 30px;font-size:14px}.employee-row:last-child{border-bottom:none}.employee-name{color:#1b2942;align-items:center;gap:12px;min-width:0;display:flex}.employee-avatar{color:#2164b0;background:#eaf2ff;border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-weight:800;display:flex}.employee-name strong{white-space:nowrap;font-size:14px}.credential{color:#4e5e78;white-space:nowrap;background:#f4f6fa;border-radius:7px;align-items:center;padding:7px 10px;font-size:13px;display:inline-flex}.employee-row>div:nth-child(n+6){justify-content:center;align-items:center;min-width:0;display:flex}.status-badge{cursor:pointer;border:none;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700}.status-active{color:#159447;background:#e7f8ee}.status-inactive{color:#d63a3a;background:#fff0f0}.employee-actions{gap:7px;display:flex}.edit-button,.delete-button{cursor:pointer;border:none;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700}.empty-employees{text-align:center;padding:70px 20px}.empty-icon{color:#a8b5c9;font-size:40px}.empty-employees h3{color:#25344e;margin:12px 0 5px}.empty-employees p{color:#8996aa;margin:0}@media (width<=1100px){.employees-page{padding:30px}.employees-card{overflow-x:auto}.table-header,.employee-row{min-width:1050px}}@media (width<=700px){.employees-page{padding:22px 16px}.employees-header{flex-direction:column;gap:20px}.employee-toolbar{flex-direction:column}.employee-search{max-width:none}}.employee-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.employee-actions button,.lead-button,.order-button,.edit-button,.delete-button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.visit-button{color:#205ca8;background:#eef5ff}.visit-button:hover{background:#dceaff;transform:translateY(-1px)}.samples-button{color:#7048c8;background:#f3edff}.samples-button:hover{background:#e8dcff;transform:translateY(-1px)}.order-button{color:#d97706;background:#fff4e8}.order-button:hover{background:#ffe8cc;transform:translateY(-1px)}.edit-button{color:#1d5fa7;background:#edf5ff}.edit-button:hover{background:#dcecff;transform:translateY(-1px)}.delete-button{color:#dc2626;background:#fff0f0}.delete-button:hover{background:#ffe0e0;transform:translateY(-1px)}.visit-button,.samples-button,.order-button,.edit-button,.delete-button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;min-width:64px;height:36px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.statement-page{color:#172b4d;background:#f5f7fb;min-height:100vh;padding:40px 50px}.statement-page h1{margin-top:20px;font-size:32px}.back-btn{color:#1769aa;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600}.statement-filter{background:#fff;border-radius:16px;align-items:end;gap:20px;margin-top:30px;padding:25px;display:flex;box-shadow:0 5px 20px #0000000f}.statement-filter div{flex-direction:column;gap:8px;display:flex}.statement-filter label{font-size:13px;font-weight:600}.statement-filter input{border:1px solid #d9e0eb;border-radius:8px;height:42px;padding:0 12px;font-size:14px}.statement-filter button{color:#fff;cursor:pointer;background:#1769aa;border:none;border-radius:8px;height:42px;padding:0 25px;font-weight:600}.statement-filter .download-btn{background:#16845b}.statement-card{background:#fff;border-radius:18px;margin-top:30px;padding:25px;box-shadow:0 5px 20px #0000000f}.statement-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.statement-header h2{margin:0}.table-wrapper{overflow-x:auto}.statement-card table{border-collapse:collapse;width:100%}.statement-card th{text-align:left;background:#f4f6fa;padding:15px;font-size:13px}.statement-card td{border-bottom:1px solid #edf0f5;padding:15px;font-size:14px}.statement-card tr:hover{background:#fafcff}@media (width<=768px){.statement-page{padding:25px 15px}.statement-filter{flex-direction:column;align-items:stretch}.statement-filter input,.statement-filter button{width:100%}.statement-header{flex-direction:column;align-items:flex-start;gap:10px}}.dob-input-wrapper{width:100%!important;height:auto!important;position:relative!important}.dob-display-input{box-sizing:border-box!important;cursor:pointer!important;width:100%!important;height:46px!important;padding:0 48px 0 16px!important}.dob-calendar-btn{color:#64748b!important;cursor:pointer!important;z-index:20!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:10px!important;transform:translateY(-50%)!important}.dob-calendar-btn:hover{color:#2563eb!important;background:#f1f5f9!important}.dob-calendar-btn svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8px!important;stroke-linecap:round!important;stroke-linejoin:round!important;width:19px!important;height:19px!important;display:block!important}html,body,#root{min-height:100%}body{background:#eef4fb}.login-page{background:radial-gradient(circle at 10% 15%,#3273dc33,#0000 32%),radial-gradient(circle at 90% 80%,#00bebe29,#0000 32%),linear-gradient(135deg,#eef5ff 0%,#f8fbff 48%,#edfafa 100%);min-height:100vh;position:relative;overflow:hidden}.login-background{pointer-events:none;position:fixed;inset:0;overflow:hidden}.background-grid{opacity:.55;background-size:38px 38px}.background-orb{filter:blur(100px);opacity:.32;width:520px;height:520px}.orb-one{background:#5c8ff0;top:-220px;left:-240px}.orb-two{background:#35d6d0;bottom:-240px;right:-220px}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{-webkit-backdrop-filter:blur(22px);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:28px;width:min(100%,470px);max-width:470px;padding:30px 34px 25px;box-shadow:0 35px 90px #14376924,0 10px 30px #14376914}.brand-area{text-align:center}.logo-box{background:#fffffff2;border:1px solid #d7e3f3e6;border-radius:19px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 12px;display:flex;box-shadow:0 12px 30px #1e509624}.company-logo{object-fit:contain;width:54px;height:54px}.brand-area h1{letter-spacing:-.5px;color:#14233d;margin:0;font-size:27px;font-weight:800;line-height:1.15}.brand-area p{color:#7b8ba5;margin:6px 0 0;font-size:14px}.login-heading{margin-top:28px}.login-heading h2{color:#17253e;margin:0;font-size:23px;font-weight:800;line-height:1.2}.login-heading p{color:#8290a7;margin:6px 0 20px;font-size:13px;line-height:1.5}.login-card form{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.login-card .login-error,.login-card .login-button{grid-column:1/-1}.input-group{margin-bottom:0}.input-group label{color:#34445e;margin-bottom:6px;font-size:12px;font-weight:750}.input-group input{color:#1b2941;background:#ffffffe6;border:1px solid #d9e2ef;border-radius:13px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.input-group input::placeholder{color:#9aa6b8}.input-group input:hover{border-color:#bdcce0}.input-group input:focus{background:#fff;border-color:#3675cc;box-shadow:0 0 0 3px #3675cc1a,0 5px 16px #285aa012}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e559d 0%,#2876d2 100%);border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;height:49px;margin-top:2px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 12px 25px #2363b438}.login-button:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 16px 32px #2363b445}.login-button:active{transform:translateY(0)}.button-arrow{font-size:18px}.login-error{color:#c53030;background:#fff1f1;border:1px solid #ffdada;border-radius:10px;margin:0;padding:10px 12px;font-size:12px}.login-footer{text-align:center;color:#9aa7ba;border-top:1px solid #e1e7f0e6;margin-top:18px;padding-top:14px;font-size:11px}.dashboard-page{background:radial-gradient(circle at 80% 10%,#3e7ddc14,#0000 28%),radial-gradient(circle at 30% 90%,#00beb40f,#0000 28%),#f3f7fc;min-height:100vh}.sidebar{z-index:5;background:linear-gradient(#fff 0%,#f9fbfe 100%);border-right:1px solid #e4ebf4;width:250px;padding:22px 16px;position:relative;box-shadow:8px 0 30px #1e416e09}.sidebar-logo{padding:6px 10px 25px}.sidebar-logo img{background:#fff;border-radius:13px;width:46px;height:46px;padding:4px;box-shadow:0 8px 22px #1e50961a}.sidebar-logo strong{color:#172842}.sidebar-logo span{color:#8b98ab}.nav-item{color:#68778e;border-radius:12px;padding:12px 14px;transition:background .2s,color .2s,transform .2s}.nav-item:hover{color:#2565b0;background:#f0f6ff;transform:translate(2px)}.nav-item.active{color:#205fa8;background:linear-gradient(135deg,#eaf3ff,#f1f7ff);box-shadow:inset 3px 0 #286bc2}.logout-button{background:#fff6f6;border:1px solid #ffe0e0;transition:background .2s,transform .2s}.logout-button:hover{background:#ffeded;transform:translateY(-1px)}.dashboard-main{padding:30px 38px}.dashboard-header{margin-bottom:25px;padding:4px 2px}.dashboard-header h1{letter-spacing:-.5px;color:#15243d;font-size:29px}.dashboard-header p{color:#8290a5}.profile-box{background:#ffffffd9;border:1px solid #e5ebf3;border-radius:15px;padding:8px 13px 8px 8px;box-shadow:0 8px 25px #1e3c640d}.profile-avatar{background:linear-gradient(135deg,#20599f,#3180dc);width:42px;height:42px;box-shadow:0 7px 18px #20599f38}.stats-grid{gap:15px}.stat-card{background:#ffffffe0;border:1px solid #e4ebf3;border-radius:17px;padding:19px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 8px 25px #1e3c640e}.stat-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px #1e3c6417}.stat-icon{border-radius:13px;width:45px;height:45px}.employee-section{background:#ffffffe6;border:1px solid #e4ebf3;border-radius:18px;box-shadow:0 10px 30px #1e3c640e}.section-header{padding:20px 23px}.section-header h2{color:#172842}.add-employee-button{background:linear-gradient(135deg,#205a9f,#2d75c8);border-radius:11px;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 20px #205a9f2e}.add-employee-button:hover{background:linear-gradient(135deg,#1d528f,#286bb7);transform:translateY(-1px);box-shadow:0 12px 24px #205a9f38}.employees-page{background:radial-gradient(circle at 90% 5%,#3778d714,#0000 30%),#f3f7fc;min-height:100vh;padding:34px 42px}.employees-header h1{letter-spacing:-.6px;font-size:34px}.employee-summary{border:1px solid #e5ebf3;box-shadow:0 10px 28px #1e3c640f}.employee-search,.employee-toolbar select{border-color:#dfe7f1;transition:border-color .2s,box-shadow .2s;box-shadow:0 6px 20px #1e3c6409}.employee-search:focus-within{border-color:#4b82ca;box-shadow:0 0 0 3px #3775cb14}.employees-card{border:1px solid #e4ebf3;box-shadow:0 12px 35px #1e3c640e}.employee-row{transition:background .18s}.employee-row:hover{background:#f8fbff}.employee-avatar{box-shadow:0 5px 14px #2864b414}.modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0c1d3485}.employee-modal{border:1px solid #fffc;box-shadow:0 35px 90px #0a1e3c40}@media (width<=700px){.login-container{padding:16px}.login-card{border-radius:23px;width:100%;max-width:430px;padding:25px 20px 20px}.logo-box{width:60px;height:60px;margin-bottom:10px}.company-logo{width:48px;height:48px}.brand-area h1{font-size:24px}.brand-area p{font-size:13px}.login-heading{margin-top:23px}.login-heading h2{font-size:21px}.login-heading p{margin-bottom:17px;font-size:12px}.login-card form{grid-template-columns:1fr;gap:11px}.login-card .login-error,.login-card .login-button{grid-column:1}.input-group input{height:46px}.login-button{height:47px}.login-footer{margin-top:15px;padding-top:12px}}@media (width<=400px){.login-container{padding:10px}.login-card{border-radius:20px;padding:22px 17px 18px}.brand-area h1{font-size:22px}.login-heading h2{font-size:20px}.input-group input{height:44px}.login-button{height:45px}}@media (width<=700px){.dashboard-page{min-height:100vh}.dashboard-main{padding:20px 15px}.dashboard-header{margin-bottom:20px}.dashboard-header h1{font-size:25px}.dashboard-header p{font-size:12px;line-height:1.5}.stats-grid{gap:12px}.stat-card{padding:17px}.employee-section{border-radius:15px}.section-header{padding:17px}}@media (width>=701px) and (width<=1100px){.login-card{max-width:480px}.dashboard-main{padding:25px}.sidebar{width:220px}}.visit-screen{color:#172b4d;background:#f4f7fc;min-height:100vh;padding:34px 28px 70px;font-family:inherit}.visit-shell{max-width:1500px;margin:0 auto}.visit-breadcrumb{color:#8a98ad;align-items:center;gap:13px;margin-bottom:22px;font-size:13px;display:flex}.visit-breadcrumb button{color:#0b4a84;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:700}.visit-hero{color:#fff;background:linear-gradient(115deg,#07365e,#07528a 65%,#0873a3);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:32px 36px;display:flex;box-shadow:0 12px 30px #06457822}.visit-hero-left{align-items:center;gap:20px;display:flex}.visit-hero-icon{background:#fff2;border-radius:18px;place-items:center;width:64px;height:64px;font-size:32px;display:grid}.visit-eyebrow{letter-spacing:2px;color:#b9dcf4;margin-bottom:7px;font-size:11px;font-weight:800}.visit-hero h1{color:#fff;margin:0 0 6px;font-size:30px;font-weight:800}.visit-hero p{color:#d5e8f6;margin:0;font-size:14px}.visit-export{color:#fff;cursor:pointer;white-space:nowrap;background:#f16810;border:0;border-radius:11px;padding:14px 20px;font-weight:750}.visit-export:disabled{opacity:.5;cursor:not-allowed}.visit-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.visit-stat{background:#fff;border:1px solid #e6edf5;border-radius:16px;flex-direction:column;gap:7px;padding:21px 24px;display:flex;box-shadow:0 5px 20px #172b4d08}.visit-stat-label{letter-spacing:1px;color:#7b8da4;font-size:11px;font-weight:800}.visit-stat strong{color:#0d355c;overflow-wrap:anywhere;font-size:25px;font-weight:800}.visit-stat small{color:#8595a8;font-size:12px}.visit-panel{background:#fff;border:1px solid #e6edf5;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #172b4d0b}.visit-panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:26px 28px 18px;display:flex}.visit-panel-heading h2{color:#152e4c;margin:0 0 5px;font-size:21px;font-weight:800}.visit-panel-heading p{color:#8494a8;margin:0;font-size:13px}.visit-refresh,.visit-clear{color:#245177;cursor:pointer;background:#fff;border:1px solid #dbe5f0;border-radius:10px;padding:11px 15px;font-weight:700}.visit-toolbar{flex-wrap:wrap;align-items:flex-end;gap:14px;padding:0 28px 24px;display:flex}.visit-toolbar label{color:#61758f;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.visit-toolbar input{color:#263f59;min-height:43px;font:inherit;background:#f9fbfe;border:1px solid #dbe5f0;border-radius:10px;padding:11px 13px}.visit-clear{min-height:43px}.visit-table-scroll{width:100%;overflow-x:auto}.visit-table{border-collapse:collapse;text-align:left;width:100%;min-width:1120px}.visit-table th{color:#71849c;letter-spacing:.65px;white-space:nowrap;background:#f5f8fd;padding:17px 18px;font-size:11px;font-weight:800}.visit-table td{color:#435671;vertical-align:middle;border-top:1px solid #eaf0f7;padding:18px;font-size:13px}.visit-table tbody tr:hover{background:#fbfdff}.visit-table td a{color:#086aa9;font-weight:700;text-decoration:none}.visit-date{color:#17608e;white-space:nowrap;background:#edf6fc;border-radius:8px;padding:7px 10px;font-weight:700}.visit-shop{color:#183655;margin-bottom:5px;font-size:14px;display:block}.visit-table td small{color:#8d9caf;display:block}.visit-address{overflow-wrap:anywhere;min-width:145px;max-width:250px}.visit-photo-cell{align-items:center;gap:10px;display:flex}.visit-photo-preview{cursor:pointer;background:#f0f5fb;border:1px solid #d9e5f0;border-radius:9px;width:74px;height:60px;padding:0;position:relative;overflow:hidden}.visit-photo-preview img{object-fit:cover;width:100%;height:100%}.visit-photo-preview span{color:#fff;background:#102f4acb;padding:3px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.visit-download-photo{color:#177348;cursor:pointer;background:#eefaf3;border:1px solid #c8e1d3;border-radius:8px;padding:9px;font-size:11px;font-weight:750}.visit-no-photo{color:#a3afbd;font-size:12px}.visit-panel-footer{color:#8291a6;border-top:1px solid #eaf0f7;padding:17px 28px;font-size:12px}.visit-empty{text-align:center;color:#788aa0;padding:65px 15px}.visit-error{color:#b33434}.visit-lightbox{z-index:9999;background:#071829d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.visit-lightbox-inner{background:#fff;border-radius:16px;max-width:min(900px,95vw);max-height:90vh;padding:18px;position:relative;overflow:auto}.visit-lightbox-inner>button{cursor:pointer;background:#eaf0f6;border:0;border-radius:8px;padding:8px;position:absolute;top:12px;right:14px}.visit-lightbox-inner h3{margin:5px 0 16px;padding-right:45px}.visit-lightbox-inner img{object-fit:contain;max-width:100%;max-height:72vh;display:block}@media (width<=850px){.visit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-hero{align-items:flex-start;padding:25px}.visit-hero h1{font-size:24px}}@media (width<=550px){.visit-screen{padding:18px 12px}.visit-hero{flex-direction:column}.visit-hero-icon{display:none}.visit-stats{gap:10px}.visit-stat{padding:15px}.visit-stat strong{font-size:20px}.visit-panel-heading,.visit-toolbar{padding-left:16px;padding-right:16px}}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}