@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html{scroll-behavior:smooth}.layout-page{background-color:#0000;background-image:linear-gradient(#080f0ac2,#080f0ac2),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:100vh;display:flex}.layout-header{z-index:999;padding:24px 34px 12px;position:sticky;top:0}.layout-header-inner{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;justify-content:space-between;align-items:center;max-width:1700px;margin:auto;padding:16px 26px;display:flex;box-shadow:0 18px 45px #00000040}.layout-brand{cursor:pointer;align-items:center;gap:18px;transition:all .3s;display:flex}.layout-brand:hover{transform:translateY(-2px)}.layout-logo{color:#fff;background:linear-gradient(135deg,#45c42d,#2d8e1d);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;font-size:28px;font-weight:900;display:flex;box-shadow:0 12px 35px #45c42d73}.layout-brand-text h2{color:#fff;letter-spacing:.8px;font-size:32px;font-weight:900}.layout-brand-text span{color:#ffffffb8;font-size:13px}.layout-profile{align-items:center;gap:16px;display:flex}.layout-avatar{color:#fff;background:linear-gradient(135deg,#45c42d,#2b8c1b);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;font-weight:800;display:flex;box-shadow:0 10px 25px #45c42d59}.layout-user{flex-direction:column;gap:5px;display:flex}.layout-user-top{align-items:center;gap:10px;display:flex}.layout-user strong{color:#fff;font-size:15px}.layout-user small{color:#ffffffb8;font-size:12px}.layout-role{color:#8fff82;letter-spacing:.6px;background:#45c42d2e;border:1px solid #45c42d59;border-radius:30px;padding:4px 12px;font-size:11px;font-weight:800}.layout-logout{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:none;border-radius:14px;width:46px;height:46px;font-size:22px;transition:all .3s}.layout-logout:hover{background:#45c42d;transform:translateY(-2px);box-shadow:0 10px 25px #45c42d59}.layout-main{flex:1;width:100%;padding:10px 34px 34px}.dashboard-main{padding-top:0}.layout-footer{text-align:center;color:#ffffffa6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;margin:0 34px 28px;padding:16px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#43b82b;border-radius:20px}::-webkit-scrollbar-track{background:#ffffff0a}@media (width<=900px){.layout-header{padding:18px}.layout-header-inner{flex-direction:column;align-items:flex-start;gap:18px}.layout-profile{justify-content:space-between;width:100%}.layout-main{padding:18px}.layout-footer{margin:18px}}@media (width<=600px){.layout-brand{text-align:center;flex-direction:column}.layout-profile{flex-wrap:wrap}.layout-user-top{flex-direction:column;align-items:flex-start;gap:6px}}.login-page{background-color:#0000;background-image:linear-gradient(#07120acc,#07120acc),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.login-loading{color:#fff;background:#0c1710;justify-content:center;align-items:center;min-height:100vh;font-size:30px;font-weight:800;display:flex}.login-card{-webkit-backdrop-filter:blur(30px);text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:26px;width:430px;padding:45px;box-shadow:0 30px 70px #00000059}.login-logo{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 25px;font-size:34px;font-weight:900;display:flex}.login-card h1{color:#fff;margin:0;font-size:34px;font-weight:900}.login-card p{color:#ffffffb3;margin-top:12px;margin-bottom:35px}.login-form{text-align:left;flex-direction:column;gap:18px;display:flex}.login-form label{color:#fff;font-size:14px;font-weight:700}.login-form select{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;height:56px;padding:0 18px;font-size:15px}.login-form option{color:#fff;background:#16311c}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42b72a,#2b8f1d);border:none;border-radius:16px;width:100%;height:56px;margin-top:10px;font-size:16px;font-weight:800;transition:all .3s;box-shadow:0 15px 30px #42b72a4d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 38px #42b72a66}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}:root{--primary:#42b72a;--primary-dark:#2b8f1d;--primary-light:#74d65a;--glass:#ffffff14;--glass-hover:#ffffff1f;--border:#ffffff29;--text:#fff;--text-light:#ffffffbf;--shadow:0 20px 45px #00000047;--radius:20px}body{background:#08110a}.dashboard-content{width:100%;max-width:1800px;margin:0 auto;padding:35px}.dashboard-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100vh;margin:0;padding:0}.dashboard-hero{background:linear-gradient(#08120a8c,#08120a8c);border-radius:24px;justify-content:space-between;align-items:flex-end;min-height:20px;margin-bottom:40px;padding:45px;display:flex}.dashboard-eyebrow{color:#9eff8f;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.dashboard-hero h2{color:#fff;margin-bottom:12px;font-size:44px;font-weight:800}.dashboard-subtitle{max-width:650px;color:var(--text-light);font-size:15px;line-height:1.8}.dashboard-hero button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;min-width:220px;height:55px;box-shadow:var(--shadow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.dashboard-hero button:hover{transform:translateY(-4px)}.summary-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:35px;display:grid}.summary-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:20px;align-items:center;gap:18px;padding:26px;transition:all .3s;display:flex;position:relative;overflow:hidden}.summary-card:hover{background:var(--glass-hover);box-shadow:var(--shadow);transform:translateY(-6px)}.summary-card:before{content:"";border-radius:inherit;background:linear-gradient(#ffffff38,#0000);padding:1px;position:absolute;inset:0}.summary-icon{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;display:flex}.recent-section{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;margin-bottom:35px;overflow:hidden}.section-heading{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:28px 30px;display:flex}.section-heading h3{color:#fff;margin-bottom:6px;font-size:24px}.section-heading p{color:var(--text-light);font-size:14px}.view-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#49b132,#2d8d1e);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #00000040}.dashboard-date{color:#ffffffb8;letter-spacing:.2px;margin-top:10px;font-size:15px;font-weight:500}.create-new-btn{-webkit-backdrop-filter:blur(30px)saturate(180%);color:#fff;letter-spacing:.3px;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-width:220px;height:58px;padding:0 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px 1px #ffffff40}.create-new-btn:before{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff59,#0000);width:40%;height:260%;transition:left .8s;position:absolute;top:-120%;left:-35%;transform:rotate(25deg)}.create-new-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff38,#ffffff0f 45%,#0000 100%);position:absolute;inset:0}.create-new-btn:hover{background:#ffffff29;border-color:#ffffff73;transform:translateY(-3px);box-shadow:0 18px 35px #0000004d,inset 0 1px 1px #ffffff4d}.create-new-btn:hover:before{left:140%}.create-new-btn:active{transform:translateY(0);box-shadow:0 6px 18px #00000038,inset 0 1px 1px #ffffff40}.create-new-btn svg{flex-shrink:0;font-size:18px}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px #00000059}.table-container{width:100%;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:1000px}.table thead{background:#ffffff0f}.table th{color:#b8c7bb;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:18px 24px;font-size:12px}.table td{color:#fff;vertical-align:middle;border-top:1px solid #ffffff0f;padding:20px 24px}.table tbody tr{transition:all .25s}.table tbody tr:hover{background:#ffffff0d}.voucher-info{align-items:center;gap:15px;display:flex}.voucher-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.voucher-info small{color:var(--text-light);margin-top:5px;display:block}.serial-cell{color:#9eff8f;font-weight:700}.department-pill{color:#fff;background:#ffffff14;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.date-cell{color:var(--text-light)}.amount-cell{color:#98ff89;font-weight:700}.status-badge{border-radius:40px;justify-content:center;align-items:center;min-width:140px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-flex}.open-voucher-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#49b132,#2d8d1e);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.open-voucher-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.table-message{text-align:center;color:#fff;padding:80px;font-size:16px}.error-message{color:#ff9a9a}.empty-state{text-align:center;padding:70px 40px}.empty-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 20px;font-size:40px;display:flex}.empty-state h4{color:#fff;margin-bottom:12px;font-size:24px}.empty-state p{color:var(--text-light);max-width:520px;margin:0 auto 25px;line-height:1.8}.empty-state button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-weight:700}@media (width<=1200px){.summary-grid,.dashboard-actions,.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-middle,.dashboard-info-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-page{padding:20px}.dashboard-hero{flex-direction:column;align-items:flex-start}.summary-grid,.dashboard-actions,.dashboard-kpi-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.table{min-width:900px}}@media (width<=480px){.dashboard-hero h2{font-size:30px}.summary-card{text-align:center;flex-direction:column}.summary-icon{margin-bottom:10px}}.dashboard-page .group-a-returned-row{outline-offset:-2px;background:#9c1e1e26;outline:2px solid #e55454}.dashboard-page .group-a-reason{color:#ffb5b5;overflow-wrap:anywhere;max-width:360px;margin-top:6px;display:block}.dashboard-page .group-b-user-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dashboard-page .dashboard-hero .group-b-workspace-link{min-width:auto;box-shadow:none;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;padding:10px 18px}.dashboard-page .dashboard-hero .group-b-workspace-link:hover{background:#ffffff2e;border-color:#9eff8fa6}@media (width<=768px){.dashboard-page .group-b-user-actions{justify-content:flex-start;width:100%}}.create-voucher-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100vh;padding:35px}.page-top-row{background:linear-gradient(#08120a8c,#08120a8c);border-radius:24px;justify-content:space-between;align-items:flex-end;margin-bottom:35px;padding:45px;display:flex}.page-top-row h2{color:#fff;margin-bottom:12px;font-size:42px;font-weight:800}.page-top-row p{color:var(--text-light);font-size:15px;line-height:1.8}.back-link{color:#9eff8f;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:20px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex}.back-link:hover{color:#fff;transform:translate(-5px)}.voucher-form{flex-direction:column;gap:28px;display:flex}.form-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:32px;transition:all .3s}.form-card:hover{background:var(--glass-hover);transform:translateY(-4px)}.form-card-heading{border-bottom:1px solid #ffffff14;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:22px;display:flex}.section-number{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:flex}.form-card-heading h3{color:#fff;margin-bottom:4px;font-size:24px}.form-card-heading p{color:var(--text-light);font-size:14px}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-field{flex-direction:column;display:flex}.form-field-full{grid-column:1/-1}.form-field label{color:#fff;gap:5px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.form-field label span{color:#ff8585}.form-field input,.form-field select,.form-field textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;outline:none;width:100%;padding:15px 18px;font-size:15px;transition:all .3s}.form-field textarea{resize:vertical;min-height:140px;line-height:1.7}.form-field input::placeholder,.form-field textarea::placeholder{color:#ffffff73}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}.form-field select option{color:#fff;background:#142118}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #42b72a2e}.form-field input:hover,.form-field textarea:hover,.form-field select:hover{border-color:#ffffff47}.form-field input:disabled{opacity:.75;cursor:not-allowed}.form-error{color:#ffd4d4;background:#aa282833;border:1px solid #ff5a5a40;border-radius:14px;padding:18px 22px;font-weight:600}.dynamic-list{flex-direction:column;gap:18px;display:flex}.dynamic-row{grid-template-columns:110px 1fr 50px;align-items:center;gap:18px;display:grid}.atf-row{grid-template-columns:110px 1fr 220px 50px;align-items:center;gap:18px;display:grid}.dynamic-index{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:14px;justify-content:center;align-items:center;height:50px;font-size:14px;font-weight:700;display:flex}.dynamic-row input,.atf-row input{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;outline:none;width:100%;height:50px;padding:0 16px;transition:all .3s}.dynamic-row input:focus,.atf-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #42b72a2e}.amount-input-wrap{position:relative}.amount-input-wrap span{color:#9eff8f;pointer-events:none;font-weight:700;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.amount-input-wrap input{padding-left:48px}.remove-row-btn{color:#ffb5b5;cursor:pointer;background:#ff46462e;border:none;border-radius:14px;width:46px;height:46px;font-size:22px;transition:all .3s}.remove-row-btn:hover{color:#fff;background:#d53d3d}.add-row-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:14px;align-self:flex-start;margin-top:6px;padding:13px 24px;font-weight:700;transition:all .3s;box-shadow:0 10px 24px #00000038}.add-row-btn:hover{transform:translateY(-3px)}.upload-area{cursor:pointer;background:#ffffff0a;border:2px dashed #ffffff38;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:220px;transition:all .35s;display:flex;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary);background:#ffffff14}.upload-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:20px;justify-content:center;align-items:center;width:74px;height:74px;font-size:34px;display:flex}.upload-area strong{color:#fff;font-size:18px}.upload-area span{color:var(--text-light);font-size:14px}.upload-area input{opacity:0;cursor:pointer;position:absolute;inset:0}.selected-files{flex-direction:column;gap:14px;margin-top:22px;display:flex}.selected-file{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.selected-file strong{color:#fff;margin-bottom:4px;display:block}.selected-file span{color:var(--text-light);font-size:13px}.selected-file button{color:#ffb5b5;cursor:pointer;background:#ff46462e;border:none;border-radius:12px;width:42px;height:42px;font-size:20px;transition:all .3s}.selected-file button:hover{color:#fff;background:#d53d3d}.confirmation-card{background:linear-gradient(135deg,#42b72a26,#2b8f1d14);border:1px solid #42b72a47;border-radius:22px;padding:28px 32px}.confirmation-card strong{color:#fff;margin-bottom:10px;font-size:18px;display:block}.confirmation-card p{color:var(--text-light);line-height:1.8}.form-actions{justify-content:flex-end;gap:18px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:16px;padding:0 28px;font-size:15px;font-weight:700;transition:all .35s}.primary-btn{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border:none;height:56px;box-shadow:0 12px 26px #00000040}.primary-btn:hover{transform:translateY(-3px)}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff38;height:50px}.secondary-btn:hover{background:#ffffff24;transform:translateY(-3px)}.voucher-success-card{text-align:center;background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:26px;max-width:720px;margin:70px auto;padding:60px}.success-check{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:auto auto 28px;font-size:50px;font-weight:900;display:flex}.success-eyebrow{color:#9eff8f;letter-spacing:3px;margin-bottom:14px;font-size:13px}.success-message{color:var(--text-light);margin:22px 0 34px;line-height:1.8}.serial-result{background:#ffffff0f;border-radius:18px;margin:35px 0;padding:26px}.serial-result span{color:var(--text-light);margin-bottom:10px;display:block}.serial-result strong{color:#9eff8f;font-size:34px}.success-actions{justify-content:center;gap:18px;display:flex}@media (width<=992px){.form-grid{grid-template-columns:1fr}.form-field-full{grid-column:auto}.dynamic-row,.atf-row{grid-template-columns:1fr}}@media (width<=768px){.page-top-row{padding:28px}.page-top-row h2{font-size:32px}.form-card{padding:24px}.form-actions,.success-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.create-voucher-page .group-a-file{color:#fff;border:1px solid #ffffff40;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:12px;display:flex}.create-voucher-page .group-a-file button{color:#fff;cursor:pointer;background:#8c2525;border:1px solid #f99;border-radius:8px;padding:8px 14px}.create-voucher-page .group-a-attachments h3,.create-voucher-page .group-a-attachments p{color:#fff}.my-vouchers-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100vh;padding:35px}.my-vouchers-header{background:linear-gradient(#08120a8c,#08120a8c);border-radius:24px;justify-content:space-between;align-items:flex-end;margin-bottom:35px;padding:45px;display:flex}.my-vouchers-eyebrow{color:#9eff8f;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.my-vouchers-header h2{color:#fff;margin-bottom:10px;font-size:42px;font-weight:800}.my-vouchers-subtitle{color:var(--text-light);font-size:15px;line-height:1.8}.my-vouchers-back{color:#9eff8f;cursor:pointer;background:0 0;border:none;margin-bottom:18px;font-size:15px;font-weight:700;transition:all .3s}.my-vouchers-back:hover{color:#fff;transform:translate(-5px)}.new-voucher-button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;min-width:220px;height:58px;box-shadow:var(--shadow);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.new-voucher-button:hover{transform:translateY(-3px)}.new-voucher-button span{font-size:22px}.voucher-filter-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:2fr 1fr auto;align-items:end;gap:20px;margin-bottom:30px;padding:28px;display:grid}.voucher-search-box,.voucher-status-filter{flex-direction:column;display:flex}.voucher-filter-card label{color:#fff;margin-bottom:10px;font-size:14px;font-weight:600}.voucher-filter-card input,.voucher-filter-card select{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;outline:none;height:52px;padding:0 18px;font-size:15px;transition:all .3s}.voucher-filter-card input:focus,.voucher-filter-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #42b72a2e}.voucher-filter-card select option{background:#132117}.clear-filter-button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:14px;height:52px;padding:0 26px;font-weight:700;transition:all .3s}.clear-filter-button:hover{background:#ffffff2e}.my-vouchers-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.my-vouchers-card-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:28px 30px;display:flex}.my-vouchers-card-header h3{color:#fff;margin-bottom:6px;font-size:24px}.my-vouchers-card-header p{color:var(--text-light)}.refresh-vouchers-button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .3s}.refresh-vouchers-button:hover{transform:translateY(-3px)}.my-vouchers-table-wrapper{overflow:auto}.my-vouchers-table{border-collapse:collapse;width:100%;min-width:1200px}.my-vouchers-table thead{background:#ffffff0d}.my-vouchers-table th{text-align:left;color:#c6d0c8;letter-spacing:1px;text-transform:uppercase;padding:18px 24px;font-size:12px}.my-vouchers-table td{color:#fff;border-top:1px solid #ffffff0f;padding:20px 24px}.my-vouchers-table tbody tr{transition:all .25s}.my-vouchers-table tbody tr:hover{background:#ffffff0d}.voucher-serial-link{color:#9eff8f;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:700;transition:all .3s}.voucher-serial-link:hover{color:#fff}.voucher-description-cell{white-space:nowrap;text-overflow:ellipsis;max-width:320px;color:var(--text-light);overflow:hidden}.voucher-list-amount{color:#9eff8f;font-size:15px;font-weight:700}.stage-badge{color:#fff;background:#ffffff14;border-radius:40px;justify-content:center;align-items:center;min-width:140px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.voucher-list-status{border-radius:40px;justify-content:center;align-items:center;min-width:130px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.status-rejected,.status-cancelled{color:#ffb2b2;background:#5b1d1d}.voucher-view-button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.voucher-view-button:hover{transform:translateY(-2px)}.my-vouchers-message{text-align:center;padding:80px 30px}.my-vouchers-message h4{color:#fff;margin:18px 0 10px;font-size:24px}.my-vouchers-message p{color:var(--text-light);margin-bottom:25px;line-height:1.8}.my-vouchers-message button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-weight:700}.my-vouchers-loader,.my-vouchers-empty-icon,.my-vouchers-error-icon,.my-vouchers-search-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:42px;font-weight:700;display:flex}.my-vouchers-loader{background:0 0;border:5px solid #ffffff2e;border-top-color:#42b72a;border-radius:50%;animation:.8s linear infinite spin}.voucher-pagination{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.pagination-information{color:var(--text-light)}.pagination-information strong{color:#fff;margin:0 5px}.pagination-buttons{align-items:center;gap:14px;display:flex}.pagination-buttons span{color:#fff}.pagination-buttons strong{color:#9eff8f;margin:0 5px}.pagination-buttons button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:44px;height:44px;font-size:18px;transition:all .3s}.pagination-buttons button:hover:not(:disabled){background:var(--primary)}.pagination-buttons button:disabled{opacity:.45;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=992px){.voucher-filter-card{grid-template-columns:1fr}}@media (width<=768px){.my-vouchers-header{flex-direction:column;align-items:flex-start;gap:20px;padding:30px}.my-vouchers-header h2{font-size:32px}.new-voucher-button{width:100%}.voucher-pagination{flex-direction:column;gap:20px}}@media (width<=480px){.my-vouchers-page{padding:20px}.my-vouchers-header{padding:24px}.my-vouchers-header h2{font-size:28px}}.voucher-details-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100vh;padding:35px}.voucher-details-header{background:linear-gradient(#08120a8c,#08120a8c);border-radius:24px;justify-content:space-between;align-items:flex-end;margin-bottom:35px;padding:40px;display:flex}.details-back-btn{color:#9eff8f;cursor:pointer;background:0 0;border:none;margin-bottom:18px;font-size:15px;font-weight:700;transition:all .3s}.details-back-btn:hover{color:#fff;transform:translate(-5px)}.details-title-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.details-title-row p{color:#9eff8f;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.details-title-row h2{color:#fff;font-size:40px;font-weight:800}.details-status{border-radius:40px;justify-content:center;align-items:center;padding:10px 22px;font-size:13px;font-weight:700;display:inline-flex}.status-submitted,.status-account_allocation,.status-awaiting_approval,.status-partially_approved{color:#ffe08a;background:#7a5a00}.status-approved,.status-otp_ready{color:#9eff8f;background:#195c2f}.status-paid{color:#7fffd4;background:#0d5c4e}.status-rejected{color:#ffb4b4;background:#612323}.voucher-amount-box{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);text-align:right;border-radius:22px;min-width:260px;padding:30px}.voucher-amount-box span{color:var(--text-light);margin-bottom:10px;font-size:13px;display:block}.voucher-amount-box strong{color:#9eff8f;font-size:34px;font-weight:800}.details-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;margin-bottom:28px;padding:30px;transition:all .3s}.details-card:hover{background:var(--glass-hover)}.details-card-title{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:18px;display:flex}.details-card-title h3{color:#fff;margin-bottom:6px;font-size:24px}.details-card-title p{color:var(--text-light)}.current-stage-chip{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:40px;padding:10px 20px;font-size:13px;font-weight:700}.rejected-notice{background:#ff464626;border:1px solid #ff46464d;border-radius:18px;margin-bottom:30px;padding:20px 24px}.rejected-notice strong{color:#ffbdbd;margin-bottom:8px;display:block}.rejected-notice span{color:#ffd9d9}.progress-tracker{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.progress-step{position:relative}.progress-top{align-items:center;display:flex}.progress-circle{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:flex}.progress-line{background:#ffffff26;border-radius:20px;flex:1;height:4px;margin-left:10px}.progress-step.completed .progress-circle{color:#fff;background:#42b72a}.progress-step.current .progress-circle{color:#1d2b1d;background:#fff;box-shadow:0 0 20px #ffffff59}.progress-step.future .progress-circle{color:#fff;background:#ffffff14}.progress-step.completed .progress-line{background:#42b72a}.progress-label{margin-top:18px}.progress-label strong{color:#fff;margin-bottom:6px;font-size:14px;display:block}.progress-label span{color:var(--text-light);font-size:13px;line-height:1.6}.details-layout{grid-template-columns:2fr 1fr;gap:28px;display:grid}.details-main-column,.details-side-column{flex-direction:column;display:flex}.information-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.information-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:8px;padding:18px;display:flex}.information-item span{color:var(--text-light);font-size:13px}.information-item strong{color:#fff;word-break:break-word;font-size:16px;line-height:1.6}.information-full{grid-column:1/-1}.reference-layout{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.reference-layout h4{color:#fff;margin-bottom:18px;font-size:18px}.reference-list{flex-direction:column;gap:14px;display:flex}.reference-row{background:#ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.reference-row span{color:var(--text-light);font-size:13px}.reference-row strong{color:#fff}.atf-reference b{color:#9eff8f}.no-reference{color:var(--text-light);font-style:italic}.attachment-count{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.no-attachments{color:var(--text-light);text-align:center;padding:40px}.attachment-list{flex-direction:column;gap:16px;display:flex}.attachment-row{background:#ffffff0d;border-radius:18px;align-items:center;gap:18px;padding:18px;display:flex}.attachment-file-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-weight:700;display:flex}.attachment-info{flex:1}.attachment-info strong{color:#fff;margin-bottom:6px;display:block}.attachment-info span{color:var(--text-light);font-size:13px}.attachment-row button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 22px;font-weight:700}.status-summary{grid-template-columns:1fr;gap:12px;display:grid}.status-summary span{color:var(--text-light);font-size:13px}.status-summary strong{color:#fff;margin-bottom:10px;font-size:15px}.otp-box{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;letter-spacing:8px;border-radius:20px;justify-content:center;align-items:center;height:90px;font-size:34px;font-weight:800;display:flex}.history-list{flex-direction:column;display:flex}.history-item{gap:20px;display:flex}.history-marker{flex-direction:column;align-items:center;display:flex}.history-marker span{background:var(--primary);border-radius:50%;width:14px;height:14px}.history-marker i{background:#ffffff1f;flex:1;width:2px;margin:6px 0}.history-content{flex:1;padding-bottom:30px}.history-content strong{color:#fff;margin-bottom:8px;display:block}.history-content p{color:var(--text-light);margin-bottom:8px;line-height:1.6}.history-content span{color:#9eff8f;font-size:13px}.history-content small{color:#ffffff8c;margin-top:8px;display:block}.voucher-details-state{text-align:center;background:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.details-loader{border:6px solid #ffffff26;border-top-color:var(--primary);border-radius:50%;width:80px;height:80px;animation:.8s linear infinite spin}.details-error-icon{color:#fff;background:#9b2d2d;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:20px;font-size:40px;display:flex}.voucher-details-state h2{color:#fff;margin-bottom:14px}.voucher-details-state p{color:var(--text-light);margin-bottom:30px}.voucher-details-state button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 30px;font-weight:700}@media (width<=1200px){.details-layout{grid-template-columns:1fr}}@media (width<=992px){.progress-tracker{grid-template-columns:repeat(3,1fr);row-gap:35px}.reference-layout,.information-grid{grid-template-columns:1fr}.information-full{grid-column:auto}}@media (width<=768px){.voucher-details-header{flex-direction:column;align-items:flex-start;gap:24px;padding:28px}.voucher-amount-box{text-align:left;width:100%}.progress-tracker{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.voucher-details-page{padding:20px}.progress-tracker{grid-template-columns:1fr}.details-title-row h2{font-size:30px}}.voucher-details-page .group-a-primary-action{color:#fff;cursor:pointer;background:#217d24;border:1px solid #54ce43;border-radius:12px;width:100%;margin-top:12px;padding:12px 16px;font-weight:800;display:block}.voucher-details-page .group-a-primary-action:disabled{opacity:.55;cursor:not-allowed}.voucher-details-page .group-a-feedback{color:#dbffe0;margin-top:12px;font-size:13px}:root{--primary:#42b72a;--primary-dark:#2b8f1d;--glass:#ffffff14;--glass-hover:#ffffff1f;--border:#ffffff26;--text:#fff;--text-light:#ffffffb8;--shadow:0 20px 45px #00000047}.finance-dashboard-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100vh;padding:35px}.finance-hero{background:linear-gradient(#08120a8c,#08120a8c);border-radius:24px;margin-bottom:25px;padding:35px}.finance-eyebrow{color:#9eff8f;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.finance-hero h1{color:#fff;margin-bottom:12px;font-size:42px;font-weight:800}.finance-subtitle{max-width:700px;color:var(--text-light);line-height:1.8}.finance-summary-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.finance-summary-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:18px;padding:28px;transition:all .3s;display:flex}.finance-summary-card:hover{background:var(--glass-hover);transform:translateY(-5px)}.finance-summary-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;display:flex}.finance-summary-card span{color:var(--text-light);margin-bottom:8px;display:block}.finance-summary-card strong{color:#fff;font-size:28px;font-weight:800}.finance-filter-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:2fr repeat(3,1fr);gap:20px;margin-bottom:30px;padding:28px;display:grid}.finance-search-box{position:relative}.finance-search-icon{color:#9eff8f;font-size:17px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.finance-search-box input{width:100%;height:54px;padding-left:50px}.finance-filter-card input,.finance-filter-card select{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;outline:none;height:54px;padding:0 18px;font-size:15px;transition:all .3s}.finance-filter-card input:focus,.finance-filter-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #42b72a2e}.finance-filter-card input::placeholder{color:#ffffff73}.finance-filter-card select option{color:#fff;background:#132117}.finance-table-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.finance-table-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.finance-table-header h2{color:#fff;margin-bottom:8px;font-size:26px}.finance-table-header p{color:var(--text-light)}.finance-tabs{gap:14px;display:flex}.finance-tab{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:40px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .3s}.finance-tab:hover{background:#ffffff26}.finance-tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.finance-table-wrapper{overflow:auto}.finance-table{border-collapse:collapse;width:100%;min-width:1200px}.finance-table thead{background:#ffffff0d}.finance-table th{text-align:left;color:#cfd8cf;letter-spacing:1px;text-transform:uppercase;padding:18px 22px;font-size:12px;font-weight:700}.finance-table td{color:#fff;vertical-align:middle;border-top:1px solid #ffffff14;padding:20px 22px}.finance-table tbody tr{transition:all .25s}.finance-table tbody tr:hover{background:#ffffff0d}.finance-status-badge{border-radius:40px;justify-content:center;align-items:center;min-width:130px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.finance-status-pending{color:#ffe28d;background:#715300}.finance-status-approved{color:#9eff8f;background:#1b5c2f}.finance-status-rejected{color:#ffb8b8;background:#612424}.finance-review-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.finance-review-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000040}.finance-loading{text-align:center;padding:90px}.finance-loader{border:5px solid #ffffff2e;border-top-color:var(--primary);border-radius:50%;width:70px;height:70px;margin:auto;animation:.8s linear infinite financeSpin}.finance-loading h3{color:#fff;margin-top:24px}.finance-empty-state{text-align:center;padding:90px}.finance-empty-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 24px;font-size:40px;font-weight:800;display:flex}.finance-empty-state h3{color:#fff;margin-bottom:14px}.finance-empty-state p{color:var(--text-light);line-height:1.8}.finance-table-wrapper::-webkit-scrollbar{height:10px}.finance-table-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:20px}.finance-table-wrapper::-webkit-scrollbar-track{background:0 0}@keyframes financeSpin{to{transform:rotate(360deg)}}@media (width<=1200px){.finance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.finance-filter-card{grid-template-columns:1fr}.finance-table-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=768px){.finance-dashboard-page{padding:22px}.finance-hero{padding:30px}.finance-hero h1{font-size:34px}.finance-summary-grid{grid-template-columns:1fr}.finance-tabs{width:100%}.finance-tab{flex:1}}@media (width<=480px){.finance-dashboard-page{padding:16px}.finance-hero{padding:24px}.finance-hero h1{font-size:28px}.finance-table th,.finance-table td{padding:16px}}.finance-dashboard-page .group-a-finance-return-row{outline-offset:-2px;background:#a01e1e2e;outline:2px solid #d55}.finance-dashboard-page .group-a-finance-return-reason{color:#ffbdbd;overflow-wrap:anywhere;max-width:350px;margin-top:8px;display:block}.finance-dashboard-page .group-b-finance-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.finance-dashboard-page .group-b-finance-actions button{min-height:46px;font:inherit;color:#fff;cursor:pointer;border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:750;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.finance-dashboard-page .group-b-finance-create{background:linear-gradient(135deg,#42b72a,#2b8f1d)}.finance-dashboard-page .group-b-finance-own{background:#ffffff1a}.finance-dashboard-page .group-b-finance-actions button:hover{border-color:#9eff8fa6;transform:translateY(-2px)}.finance-dashboard-page .group-b-finance-actions button:focus-visible{outline-offset:2px;outline:2px solid #9eff8f}.finance-review-header{background:#ffffff14;border:1px solid #ffffff29;border-radius:26px;justify-content:space-between;align-items:stretch;gap:30px;margin-bottom:30px;padding:34px;display:flex;box-shadow:0 20px 45px #00000047}.finance-review-header-left{flex-direction:column;flex:1;display:flex}.finance-review-back-btn{color:#9eff8f;cursor:pointer;background:#ffffff14;border:none;border-radius:14px;align-items:center;gap:10px;width:max-content;margin-bottom:28px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.finance-review-back-btn:hover{color:#fff;background:#ffffff29;transform:translate(-4px)}.finance-review-title{color:#fff;margin:0;font-size:40px;font-weight:800}.finance-review-serial{color:#ffffffb3;margin-top:12px;margin-bottom:34px;font-size:16px}.finance-review-serial strong{color:#9eff8f;margin-left:8px}.finance-review-details{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.finance-review-detail{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:18px;transition:all .3s}.finance-review-detail:hover{background:#ffffff17}.finance-review-detail label{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.finance-review-detail span{color:#fff;font-size:15px;font-weight:700}.finance-review-status{color:#9eff8f;background:#42b72a2e;border:1px solid #42b72a59;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.finance-review-amount-card{background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:22px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:300px;padding:30px;display:flex;box-shadow:0 20px 40px #00000047}.finance-review-amount-label{color:#ffffffe0;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:13px}.finance-review-amount{color:#fff;text-align:center;font-size:38px;font-weight:900}@media (width<=1100px){.finance-review-header{flex-direction:column}.finance-review-amount-card{width:100%}}@media (width<=768px){.finance-review-details{grid-template-columns:repeat(2,1fr)}.finance-review-title{font-size:32px}}@media (width<=520px){.finance-review-details{grid-template-columns:1fr}.finance-review-header{padding:24px}}.workflow-section{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-bottom:30px;padding:30px;box-shadow:0 20px 45px #00000047}.workflow-header{margin-bottom:30px}.workflow-header h2{color:#fff;margin:0;font-size:28px;font-weight:800}.workflow-header p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.workflow-container{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.workflow-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.workflow-step-circle{color:#fff;background:#ffffff14;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:800;transition:all .35s;display:flex}.workflow-active{background:#42b72a;border-color:#42b72a;box-shadow:0 0 0 8px #42b72a2e}.workflow-completed{background:linear-gradient(135deg,#42b72a,#2b8f1d);border-color:#42b72a}.workflow-step-title{text-align:center;color:#fff;margin-top:14px;font-size:14px;font-weight:700}.workflow-step-line{background:#ffffff1f;width:100%;height:3px;position:absolute;top:28px;left:58%}.workflow-line-completed{background:#42b72a}@media (width<=900px){.workflow-container{flex-direction:column;gap:30px}.workflow-step{flex-direction:row;align-items:center;gap:20px;width:100%}.workflow-step-line{display:none}.workflow-step-title{text-align:left;margin-top:0}}.voucher-info-section{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;box-shadow:0 20px 45px #00000047}.voucher-info-header{margin-bottom:28px}.voucher-info-header h2{color:#fff;margin:0;font-size:28px;font-weight:800}.voucher-info-header p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.voucher-info-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.voucher-info-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:10px;padding:22px;transition:all .3s;display:flex}.voucher-info-card:hover{background:#ffffff1a;transform:translateY(-2px)}.voucher-info-card label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.voucher-info-card span{color:#fff;word-break:break-word;font-size:16px;font-weight:700;line-height:1.6}.voucher-description-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;margin-top:28px;padding:28px}.voucher-description-card label{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700;display:block}.voucher-description-card p{color:#fff;white-space:pre-wrap;font-size:15px;line-height:1.9}@media (width<=768px){.voucher-info-grid{grid-template-columns:1fr}.voucher-info-section{padding:24px}.voucher-info-header h2{font-size:24px}}.po-layout-section{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;box-shadow:0 20px 45px #00000047}.po-layout-header{margin-bottom:28px}.po-layout-header h2{color:#fff;margin:0;font-size:28px;font-weight:800}.po-layout-header p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.po-layout-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.po-layout-column{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;display:flex}.po-layout-column:hover{background:#ffffff17}.po-layout-title{color:#fff;border-bottom:1px solid #ffffff14;padding-bottom:14px;font-size:18px;font-weight:700}.po-layout-empty{text-align:center;color:#fff9;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:16px;padding:35px;font-style:italic}.po-layout-item{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-weight:600;transition:all .25s;display:flex}.po-layout-item:hover{background:#ffffff1a;transform:translate(6px)}.po-layout-item:before{content:"📄";font-size:18px}.po-layout-atf{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .25s;display:flex}.po-layout-atf:hover{background:#ffffff1a;transform:translate(6px)}.po-layout-atf span{color:#fff;font-weight:600}.po-layout-atf strong{color:#9eff8f;font-size:15px;font-weight:800}@media (width<=900px){.po-layout-grid{grid-template-columns:1fr}}@media (width<=600px){.po-layout-section{padding:22px}.po-layout-header h2{font-size:24px}.po-layout-column{padding:20px}}.attachment-list-card{-webkit-backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;transition:transform .25s,background .25s,border-color .25s;box-shadow:0 20px 45px #00000047}.attachment-list-card:hover{background:#ffffff1a;border-color:#ffffff38}.attachment-list-card h3{color:#fff;margin:0 0 24px;font-size:24px;font-weight:800}.attachment-list-card>p{color:#ffffffa6;text-align:center;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:18px;margin:0;padding:22px;font-size:14px;font-style:italic}.attachment-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:18px 20px;transition:all .25s;display:flex}.attachment-row:last-child{margin-bottom:0}.attachment-row:hover{background:#ffffff1a;transform:translateY(-2px)}.attachment-row>div:first-child{align-items:center;gap:14px;min-width:0;display:flex}.attachment-row>div:first-child:before{content:"📎";flex-shrink:0;font-size:21px}.attachment-row strong{color:#fff;word-break:break-word;font-size:15px;font-weight:700;line-height:1.5;display:block}.attachment-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.attachment-actions button{color:#fff;min-width:96px;height:42px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:0 18px;font-size:14px;font-weight:800;transition:all .25s}.attachment-actions button:hover{background:#42b72a;border-color:#42b72a;transform:translateY(-2px);box-shadow:0 10px 22px #42b72a3d}.attachment-actions button:active{transform:translateY(0)}@media (width<=768px){.attachment-list-card{padding:22px}.attachment-row{flex-direction:column;align-items:flex-start}.attachment-actions{width:100%}.attachment-actions button{flex:1}}@media (width<=480px){.attachment-list-card{border-radius:20px;padding:20px}.attachment-list-card h3{font-size:22px}.attachment-actions{flex-direction:column}.attachment-actions button{width:100%}}.gl-allocation-section{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;overflow:visible;box-shadow:0 20px 45px #00000047}.gl-allocation-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.gl-allocation-header h2{color:#fff;margin:0;font-size:28px;font-weight:800}.gl-allocation-header p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.gl-header-actions{gap:12px;display:flex}.gl-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42b72a,#2b8f1d);border:none;border-radius:14px;padding:13px 22px;font-size:14px;font-weight:700;transition:all .3s}.gl-add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #42b72a40}.gl-table-header{color:#ffffffa6;text-transform:uppercase;background:#ffffff0d;border-radius:18px;grid-template-columns:70px 2fr 2fr 70px;gap:18px;margin-bottom:18px;padding:18px;font-size:13px;font-weight:700;display:grid}.gl-allocation-row{z-index:1000;grid-template-columns:70px 2fr 2fr 70px;align-items:center;gap:18px;margin-bottom:18px;display:grid}.gl-row-index{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:14px;justify-content:center;align-items:center;height:56px;font-weight:700;display:flex}.gl-search-box{z-index:1000;position:relative}.gl-search-box input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;height:56px;padding:0 18px;transition:all .3s}.gl-search-box input:focus{background:#ffffff14;border-color:#42b72a;box-shadow:0 0 0 3px #42b72a2e}.gl-search-box input::placeholder{color:#ffffff73}.gl-account-name{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;height:56px;padding:0 18px;font-weight:600;display:flex}.gl-search-dropdown{z-index:99999;-webkit-backdrop-filter:blur(20px);background:#122014fa;border:1px solid #ffffff1f;border-radius:16px;max-height:260px;position:absolute;top:62px;left:0;right:0;overflow-y:auto;box-shadow:0 18px 35px #00000059}.gl-search-option{cursor:pointer;color:#fff;padding:15px 18px;transition:all .25s}.gl-search-option strong{color:#9eff8f}.gl-search-option:hover{background:#ffffff14}.gl-remove-btn{color:#ffb5b5;cursor:pointer;background:#ff46462e;border:none;border-radius:14px;width:56px;height:56px;font-size:20px;transition:all .3s}.gl-remove-btn:hover{color:#fff;background:#d74242;transform:rotate(90deg)}.gl-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gl-modal{z-index:100000;background:#122014fa;border:1px solid #ffffff24;border-radius:24px;width:min(520px,92vw);padding:34px;box-shadow:0 30px 60px #00000073}.gl-modal h2{color:#fff;margin:0 0 28px;font-size:28px;font-weight:800}.gl-modal input,.gl-modal textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;margin-bottom:18px;padding:15px 18px;transition:all .3s}.gl-modal textarea{resize:vertical;min-height:120px}.gl-modal input:focus,.gl-modal textarea:focus{background:#ffffff14;border-color:#42b72a;box-shadow:0 0 0 3px #42b72a2e}.gl-modal input::placeholder,.gl-modal textarea::placeholder{color:#ffffff73}.gl-modal-actions{justify-content:flex-end;gap:14px;margin-top:8px;display:flex}.gl-cancel-btn,.gl-save-btn{cursor:pointer;border:none;border-radius:14px;height:50px;padding:0 24px;font-size:14px;font-weight:700;transition:all .3s}.gl-cancel-btn{color:#fff;background:#ffffff14}.gl-cancel-btn:hover{background:#ffffff26}.gl-save-btn{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d)}.gl-save-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #42b72a40}.gl-search-dropdown::-webkit-scrollbar{width:8px}.gl-search-dropdown::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:20px}.gl-search-dropdown::-webkit-scrollbar-track{background:0 0}@media (width<=900px){.gl-table-header{display:none}.gl-allocation-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:1fr;padding:20px}.gl-row-index{width:60px}.gl-remove-btn{width:100%}}@media (width<=600px){.gl-allocation-header{flex-direction:column;align-items:flex-start}.gl-header-actions{flex-direction:column;width:100%}.gl-add-btn{width:100%}.gl-modal-actions{flex-direction:column}.gl-cancel-btn,.gl-save-btn{width:100%}}.group-c-entry-card{color:#fff;background:#ffffff14;border:1px solid #ffffff2b;border-radius:20px;margin:25px 0;padding:28px}.group-c-entry-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.group-c-entry-header h2{color:#fff;margin:0 0 8px;font-size:23px;font-weight:750}.group-c-entry-header p,.group-c-entry-help{color:#ffffffb3;margin:0;font-size:14px;line-height:1.6}.group-c-entry-header button{color:#fff;cursor:pointer;background:#42b72a;border:0;border-radius:12px;flex-shrink:0;padding:12px 17px;font-weight:700}.group-c-entry-header button:disabled{cursor:not-allowed;opacity:.5}.group-c-entry-table{overflow-x:auto}.group-c-entry-row{border-bottom:1px solid #ffffff17;grid-template-columns:40px minmax(170px,1fr) minmax(170px,1fr) 85px;align-items:center;gap:12px;min-width:590px;padding:10px 0;display:grid}.group-c-entry-head{text-transform:uppercase;color:#b7dcb5;letter-spacing:.5px;font-size:12px;font-weight:700}.group-c-entry-row input{color:#fff;background:#ffffff14;border:1px solid #ffffff3b;border-radius:10px;outline:none;width:100%;min-width:0;padding:12px}.group-c-entry-row input:focus{border-color:#42b72a;box-shadow:0 0 0 2px #42b72a33}.group-c-entry-row input::placeholder{color:#fff6}.group-c-remove{color:#fbb;cursor:pointer;background:#fa46461f;border:1px solid #ff646466;border-radius:10px;padding:11px 8px}.group-c-entry-help{margin-top:14px}@media (width<=720px){.group-c-entry-card{padding:19px}.group-c-entry-header{flex-direction:column;align-items:flex-start}}.approval-flow-card{-webkit-backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;transition:transform .25s,background .25s,border-color .25s;box-shadow:0 20px 45px #00000047}.approval-flow-card:hover{background:#ffffff1a;border-color:#ffffff38}.approval-flow-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.approval-flow-header h3{color:#fff;margin:0;font-size:24px;font-weight:800}.approval-flow-header p{color:#ffffffa6;margin:8px 0 0;font-size:14px;line-height:1.7}.approval-flow-count{color:#9eff8f;letter-spacing:.3px;background:#42b72a2e;border:1px solid #42b72a4d;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:12px;font-weight:800}.approval-search-wrap{z-index:5;position:relative}.approval-search-wrap label{color:#fff9;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.approval-search-wrap input{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);color:#fff;width:100%;height:56px;font:inherit;background:#ffffff0f;border:1px solid #ffffff26;border-radius:16px;outline:none;padding:0 18px;font-size:15px;transition:all .3s}.approval-search-wrap input::placeholder{color:#ffffff73}.approval-search-wrap input:focus{background:#ffffff1a;border-color:#42b72a;box-shadow:0 0 0 4px #42b72a2e}.approval-search-results{-webkit-backdrop-filter:blur(24px);background:#0d1c12f5;border:1px solid #ffffff29;border-radius:18px;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 22px 45px #0000006b}.approval-search-result{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:16px 18px;transition:all .25s;display:flex}.approval-search-result:last-child{border-bottom:none}.approval-search-result:hover{background:#42b72a29}.approval-search-result span:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.approval-search-result strong{color:#fff;font-size:14px;font-weight:800}.approval-search-result small{color:#fff9;word-break:break-word;font-size:12px}.approval-result-meta{color:#9eff8f;text-align:right;flex-shrink:0;font-size:12px;font-weight:700}.approval-search-message{color:#ffffff9e;padding:15px 4px 0;font-size:13px}.approval-search-results .approval-search-message{text-align:center;padding:18px}.approval-search-error{color:#ffb3b3;background:#dc35452e;border:1px solid #dc354559;border-radius:14px;margin-top:10px;padding:14px 16px;font-size:13px;font-weight:700}.approval-selected-list{gap:14px;margin-top:26px;display:grid}.approval-selected-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;transition:all .25s;display:grid}.approval-selected-row:hover{background:#ffffff1a;transform:translateY(-2px)}.approval-level-badge{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:900;display:flex;box-shadow:0 8px 20px #42b72a38}.approval-person{flex-direction:column;gap:5px;min-width:0;display:flex}.approval-person strong{color:#fff;word-break:break-word;font-size:15px;font-weight:800}.approval-person span{color:#fff9;word-break:break-word;font-size:13px}.approval-row-actions{align-items:center;gap:8px;display:flex}.approval-row-actions button{color:#fff;min-width:42px;height:42px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:0 12px;font-size:14px;font-weight:800;transition:all .25s}.approval-row-actions button:hover:not(:disabled){background:#42b72a;border-color:#42b72a;transform:translateY(-2px)}.approval-row-actions button:disabled{opacity:.35;cursor:not-allowed}.approval-row-actions .approval-remove-btn{color:#ffb3b3;background:#dc35451f;border-color:#dc354533;min-width:86px}.approval-row-actions .approval-remove-btn:hover{color:#fff;background:#dc3545;border-color:#dc3545}.approval-empty-state{color:#ffffffa6;text-align:center;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:18px;padding:28px;font-size:14px;font-style:italic}.approval-search-results::-webkit-scrollbar{width:8px}.approval-search-results::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:20px}.approval-search-results::-webkit-scrollbar-track{background:0 0}@media (width<=768px){.approval-flow-card{padding:22px}.approval-flow-header{flex-direction:column}.approval-selected-row{grid-template-columns:auto minmax(0,1fr)}.approval-row-actions{grid-column:1/-1;justify-content:flex-end}.approval-search-result{flex-direction:column;align-items:flex-start;gap:8px}.approval-result-meta{text-align:left}}@media (width<=480px){.approval-flow-card{border-radius:20px;padding:20px}.approval-flow-header h3{font-size:22px}.approval-selected-row{grid-template-columns:1fr}.approval-level-badge{width:42px;height:42px}.approval-row-actions{grid-column:auto;width:100%}.approval-row-actions button{flex:1}.approval-row-actions .approval-remove-btn{flex:2}}.finance-remarks-section{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;box-shadow:0 20px 45px #00000047}.finance-remarks-header{margin-bottom:24px}.finance-remarks-header h2{color:#fff;margin:0;font-size:28px;font-weight:800}.finance-remarks-header p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.finance-remarks-input{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;min-height:180px;padding:18px 20px;font-size:15px;line-height:1.8;transition:all .3s}.finance-remarks-input:focus{background:#ffffff14;border-color:#42b72a;box-shadow:0 0 0 3px #42b72a2e}.finance-remarks-input::placeholder{color:#ffffff73}.finance-remarks-note{color:#ffffff8c;margin-top:16px;font-size:13px;line-height:1.6}@media (width<=768px){.finance-remarks-section{padding:24px}.finance-remarks-header h2{font-size:24px}}.review-action-section{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;margin-bottom:10px;padding:28px;display:flex;box-shadow:0 18px 40px #00000047}.review-action-left h3{color:#fff;margin:0;font-size:26px;font-weight:800}.review-action-left p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.review-action-buttons{gap:16px;display:flex}.review-action-btn{cursor:pointer;border:none;border-radius:16px;min-width:180px;height:56px;font-size:15px;font-weight:700;transition:all .3s}.review-action-reject{color:#fff;background:#c43b3b}.review-action-reject:hover{background:#a92c2c;transform:translateY(-2px)}.review-action-save{color:#fff;background:#ffffff1a}.review-action-save:hover{background:#ffffff2e}.review-action-submit{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);box-shadow:0 15px 30px #42b72a40}.review-action-submit:hover{transform:translateY(-3px);box-shadow:0 20px 40px #42b72a59}.review-action-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=900px){.review-action-section{flex-direction:column;align-items:flex-start}.review-action-buttons{flex-direction:column;width:100%}.review-action-btn{width:100%}}.finance-review-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:35px}.finance-review-grid{grid-template-columns:1fr 1fr;gap:30px;margin:30px 0;display:grid}.finance-loading{color:#fff;text-align:center;-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;justify-content:center;align-items:center;min-height:80vh;font-size:28px;font-weight:700;display:flex}.finance-error{color:#ffb3b3;text-align:center;-webkit-backdrop-filter:blur(20px);background:#ff464614;border:1px solid #ff464633;border-radius:24px;justify-content:center;align-items:center;min-height:80vh;font-size:28px;font-weight:700;display:flex}.finance-review-page>*{margin-bottom:30px}.finance-review-page>:last-child{margin-bottom:0}.finance-review-page::-webkit-scrollbar{width:10px}.finance-review-page::-webkit-scrollbar-thumb{background:#fff3;border-radius:20px}.finance-review-page::-webkit-scrollbar-track{background:0 0}@media (width<=1200px){.finance-review-grid{grid-template-columns:1fr}}@media (width<=768px){.finance-review-page{padding:22px}.finance-loading,.finance-error{min-height:60vh;font-size:22px}}@media (width<=480px){.finance-review-page{padding:16px}}.finance-review-page .group-a-finance-return{color:#fff;background:#a019192e;border:2px solid #e66;border-radius:16px;padding:18px 22px}.finance-review-page .group-a-finance-return p{color:#ffd0d0;margin-top:8px}.approval-dashboard{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:35px}.approval-header{background:#ffffff14;border:1px solid #ffffff29;border-radius:26px;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;padding:35px;display:flex;box-shadow:0 20px 45px #00000047}.approval-label{color:#9eff8f;letter-spacing:1px;background:#42b72a2e;border:1px solid #42b72a47;border-radius:999px;margin-bottom:14px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-block}.approval-header h1{color:#fff;margin:0;font-size:42px;font-weight:800;line-height:1.2}.approval-header p{color:#ffffffb3;margin-top:12px;font-size:15px;line-height:1.8}.approval-summary{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px;display:grid}.summary-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;padding:30px;transition:all .3s;box-shadow:0 15px 35px #00000040}.summary-card:hover{background:#ffffff1c;transform:translateY(-4px)}.summary-card span{color:#ffffffb3;margin-bottom:12px;font-size:14px;display:block}.summary-card strong{color:#fff;font-size:34px;font-weight:800}.approval-filter{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;margin-bottom:30px;padding:26px}.approval-filter input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;height:58px;padding:0 22px;font-size:15px;transition:all .3s}.approval-filter input::placeholder{color:#ffffff73}.approval-filter input:focus{background:#ffffff14;border-color:#42b72a;box-shadow:0 0 0 3px #42b72a2e}.approval-table-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #00000047}.approval-table-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:30px;display:flex}.approval-table-header h3{color:#fff;margin:0;font-size:26px;font-weight:800}.approval-table-header p{color:#ffffffa6;margin-top:8px;font-size:14px}.approval-table{border-collapse:collapse;width:100%}.approval-table thead{background:#ffffff0d}.approval-table th{color:#ffffffbf;text-transform:uppercase;letter-spacing:1px;text-align:left;border-bottom:1px solid #ffffff14;padding:18px 22px;font-size:13px;font-weight:700}.approval-table td{color:#fff;border-bottom:1px solid #ffffff0f;padding:20px 22px;font-size:15px;transition:all .25s}.approval-table tbody tr{transition:all .25s}.approval-table tbody tr:hover{background:#ffffff0d}.approval-table tbody tr:last-child td{border-bottom:none}.review-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42b72a,#2b8f1d);border:none;border-radius:12px;min-width:120px;height:44px;font-size:14px;font-weight:700;transition:all .3s}.review-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #42b72a47}.empty-row{padding:0!important}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:70px 20px;display:flex}.empty-icon{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:24px;font-size:38px;font-weight:800;display:flex}.empty-state h3{color:#fff;margin:0;font-size:28px;font-weight:800}.empty-state p{color:#ffffffa6;margin-top:12px;font-size:15px}.approval-dashboard h2{color:#fff;text-align:center;margin-top:120px;font-size:34px;font-weight:800}.approval-loading{color:#fff;justify-content:center;align-items:center;min-height:80vh;font-size:28px;font-weight:700;display:flex}.approval-loading:before{content:"";border:5px solid #ffffff2e;border-top-color:#42b72a;border-radius:50%;width:55px;height:55px;margin-right:18px;animation:.8s linear infinite approvalSpin}@keyframes approvalSpin{to{transform:rotate(360deg)}}.approval-dashboard::-webkit-scrollbar{width:10px}.approval-dashboard::-webkit-scrollbar-track{background:0 0}.approval-dashboard::-webkit-scrollbar-thumb{background:#fff3;border-radius:20px}.approval-dashboard::-webkit-scrollbar-thumb:hover{background:#ffffff59}@media (width<=1200px){.approval-summary{grid-template-columns:1fr}}@media (width<=900px){.approval-dashboard{padding:24px}.approval-header{flex-direction:column;align-items:flex-start}.approval-header h1{font-size:34px}.approval-table-card{overflow-x:auto}.approval-table{min-width:900px}}@media (width<=600px){.approval-dashboard{padding:18px}.approval-header,.summary-card{padding:24px}.summary-card strong{font-size:28px}.approval-filter{padding:20px}.approval-table-header{padding:24px}.approval-table-header h3{font-size:22px}.empty-state{padding:50px 20px}.empty-icon{width:72px;height:72px;font-size:30px}.empty-state h3{font-size:22px}}.approval-history-shortcut{text-align:center;color:#fff;background:#42b72a;border:1px solid #ffffff3d;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;min-height:45px;padding:10px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s;display:inline-flex;box-shadow:0 8px 23px #0c280d4d}.approval-history-shortcut:hover,.approval-history-shortcut:focus-visible{color:#fff;background:#2f921e}@media (width<=600px){.approval-history-shortcut{box-sizing:border-box;width:100%}}.approval-gl-section{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:30px;box-shadow:0 20px 45px #00000047}.approval-gl-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.approval-gl-header h2{color:#fff;margin:0;font-size:28px;font-weight:800}.approval-gl-header p{color:#ffffffa6;margin-top:8px;font-size:14px;line-height:1.7}.approval-gl-table-wrapper{overflow-x:auto}.approval-gl-table{border-collapse:collapse;width:100%}.approval-gl-table thead{background:#ffffff0d}.approval-gl-table th{text-align:left;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff14;padding:18px 20px;font-size:13px;font-weight:700}.approval-gl-table td{color:#fff;border-bottom:1px solid #ffffff0f;padding:18px 20px;font-size:15px}.approval-gl-table tbody tr{transition:all .25s}.approval-gl-table tbody tr:hover{background:#ffffff0d}.approval-gl-table tbody tr:last-child td{border-bottom:none}.approval-gl-empty{text-align:center;color:#ffffffa6;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:20px;padding:60px 20px;font-size:16px;font-style:italic}@media (width<=768px){.approval-gl-section{padding:24px}.approval-gl-header{flex-direction:column;gap:16px}.approval-gl-table{min-width:600px}}.group-c-summary{color:#fff;background:#ffffff14;border:1px solid #ffffff2b;border-radius:20px;margin:24px 0;padding:26px}.group-c-summary h2{margin:0 0 18px;font-size:23px;font-weight:750}.group-c-summary h3{color:#dbf5d7;margin:0 0 10px;font-size:17px;font-weight:700}.group-c-remarks-panel{background:#42b72a14;border:1px solid #42b72a4d;border-radius:13px;margin-bottom:24px;padding:16px}.group-c-remarks-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.75}.group-c-review-meta{color:#ffffffa6;margin:10px 0 0;font-size:12px}.group-c-empty-ref{color:#ffffffb3;margin:0;font-size:14px}.group-c-summary-scroller{overflow-x:auto}.group-c-summary-table{border-collapse:collapse;text-align:left;width:100%;min-width:430px}.group-c-summary-table th,.group-c-summary-table td{border-bottom:1px solid #ffffff1f;padding:13px}.group-c-summary-table th{color:#b9e5b1;text-transform:uppercase;font-size:12px}@media (width<=720px){.group-c-summary{padding:18px}}.approval-timeline-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;padding:34px;box-shadow:0 20px 45px #00000047}.approval-timeline-header{margin-bottom:34px}.approval-timeline-header h3{color:#fff;margin:0;font-size:30px;font-weight:800}.approval-timeline-header p{color:#ffffffa6;margin-top:10px;font-size:15px}.approval-empty{text-align:center;color:#fff9;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:20px;padding:60px}.approval-stepper{justify-content:space-between;align-items:flex-start;gap:0;padding:10px 0;display:flex;overflow-x:auto}.approval-step{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;min-width:190px;display:flex}.approval-step-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;font-size:28px;font-weight:800;transition:all .3s;display:flex}.approval-step-circle.approved{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 25px #16a34a59}.approval-step-circle.pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 25px #f59e0b59}.approval-step-circle.rejected{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 25px #dc262659}.approval-step-circle.waiting{background:#ffffff1a;border:2px solid #fff3}.approval-step-name{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4}.approval-step-level{color:#fff9;margin-bottom:16px;font-size:14px}.approval-step-status{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700}.approval-step-status.approved{color:#8ff3a8;background:#16a34a2e;border:1px solid #16a34a4d}.approval-step-status.pending{color:#ffd27d;background:#f59e0b2e;border:1px solid #f59e0b4d}.approval-step-status.rejected{color:#ffb5b5;background:#dc26262e;border:1px solid #dc26264d}.approval-step-status.waiting{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26}.approval-step-line{background:#ffffff1f;border-radius:999px;flex:1;min-width:60px;height:4px;margin:32px 10px 0}.approval-step-line.completed{background:linear-gradient(90deg,#42b72a,#2b8f1d)}.approval-stepper::-webkit-scrollbar{height:8px}.approval-stepper::-webkit-scrollbar-thumb{background:#fff3;border-radius:20px}@media (width<=900px){.approval-step{min-width:160px}}@media (width<=768px){.approval-timeline-card{padding:24px}.approval-step{min-width:150px}.approval-step-circle{width:58px;height:58px;font-size:24px}.approval-step-name{font-size:16px}}.approval-actions{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;padding:30px;display:flex;box-shadow:0 20px 45px #00000047}.approval-actions-left h3{color:#fff;margin:0;font-size:26px;font-weight:800}.approval-actions-left p{color:#ffffffa6;margin-top:10px;font-size:14px;line-height:1.7}.approval-actions-right{gap:16px;display:flex}.approval-reject-btn,.approval-approve-btn{cursor:pointer;border:none;border-radius:16px;min-width:170px;height:54px;font-size:15px;font-weight:700;transition:all .3s}.approval-reject-btn{color:#fff;background:#c43b3b}.approval-reject-btn:hover{background:#a62d2d;transform:translateY(-2px)}.approval-approve-btn{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);box-shadow:0 15px 30px #42b72a40}.approval-approve-btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px #42b72a59}.approval-reject-btn:disabled,.approval-approve-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.approval-actions{flex-direction:column;align-items:flex-start}.approval-actions-right{flex-direction:column;width:100%}.approval-reject-btn,.approval-approve-btn{width:100%}}.approval-review-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:35px}.approval-review-grid{grid-template-columns:1fr 1fr;gap:30px;margin:30px 0;display:grid}.approval-loading{color:#fff;text-align:center;-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;justify-content:center;align-items:center;min-height:80vh;font-size:28px;font-weight:700;display:flex}.approval-error{color:#ffb3b3;text-align:center;-webkit-backdrop-filter:blur(24px);background:#ff464614;border:1px solid #ff464638;border-radius:24px;justify-content:center;align-items:center;min-height:80vh;font-size:28px;font-weight:700;display:flex}.approval-review-page>*{margin-bottom:30px}.approval-review-page>:last-child{margin-bottom:0}.approval-review-page::-webkit-scrollbar{width:10px}.approval-review-page::-webkit-scrollbar-track{background:0 0}.approval-review-page::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:20px}.approval-review-page::-webkit-scrollbar-thumb:hover{background:#ffffff47}@media (width<=1100px){.approval-review-grid{grid-template-columns:1fr}}@media (width<=768px){.approval-review-page{padding:22px}.approval-loading,.approval-error{min-height:60vh;font-size:22px}}@media (width<=480px){.approval-review-page{padding:16px}}.approval-review-page .group-a-approval-return{color:#fff;background:#a01e1e2e;border:2px solid #f77;border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.approval-review-page .group-a-approval-return :is(select,textarea){color:#fff;font:inherit;background:#16291b;border:1px solid #ffffff4d;border-radius:10px;padding:12px}.approval-review-page .group-a-approval-return textarea{min-height:100px}.approval-review-page .group-a-choice-actions{justify-content:flex-end;gap:12px;display:flex}.approval-review-page .group-a-choice-actions button{cursor:pointer;border-radius:10px;padding:12px}.approval-review-page .group-a-choice-actions button:last-child{color:#fff;background:#9e2e2e;border:0}.approver-history-page{box-sizing:border-box;color:#f5fff4;background:linear-gradient(145deg,#071a11 0%,#123521 52%,#071c13 100%);min-height:100vh;padding:30px;font-family:inherit}.approver-history-hero{background:#ffffff12;border:1px solid #ffffff26;border-radius:23px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:30px;display:flex}.approver-history-eyebrow{letter-spacing:.13em;color:#94e98a;font-size:12px;font-weight:800}.approver-history-hero h1{color:#fff;margin:10px 0;font-size:clamp(26px,3.5vw,39px);font-weight:800}.approver-history-hero p{color:#c0d6c5;margin:0;font-size:14px;line-height:1.6}.approver-history-back{color:#e0f8e2;white-space:nowrap;border:1px solid #688d73;border-radius:11px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none}.approver-history-back:hover{background:#ffffff17}.approver-history-card{background:#ffffff12;border:1px solid #ffffff24;border-radius:22px;margin-bottom:20px;padding:24px;box-shadow:0 15px 35px #00000026}.approver-history-dates,.approver-history-filter-grid{align-items:end;gap:13px;display:grid}.approver-history-dates{grid-template-columns:minmax(145px,1fr) minmax(145px,1fr) repeat(3,max-content)}.approver-history-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.approver-history-page label{color:#e0f2e2;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:700;display:flex}.approver-history-page input,.approver-history-page select{box-sizing:border-box;color:#effcef;width:100%;height:43px;font:inherit;background:#193928;border:1px solid #52765f;border-radius:10px;outline:none;padding:0 12px;font-size:14px;display:block}.approver-history-page input:focus,.approver-history-page select:focus{border-color:#8fe581;box-shadow:0 0 0 3px #42b72a30}.approver-history-page select option{color:#fff;background:#163020}.approver-history-page input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.approver-history-page button{cursor:pointer;font:inherit;white-space:nowrap;border-radius:11px;height:43px;padding:0 16px;font-size:13px;font-weight:700}.approver-history-page button:disabled{cursor:not-allowed;opacity:.48}.approver-history-primary{color:#fff;background:#42b72a;border:1px solid #52c33e}.approver-history-primary:not(:disabled):hover{background:#319623}.approver-history-secondary{color:#e0f9e2;background:0 0;border:1px solid #61866a}.approver-history-secondary:not(:disabled):hover{background:#ffffff17}.approver-history-active-range{color:#bdd7c2;flex-wrap:wrap;gap:9px;margin-top:16px;font-size:13px;display:flex}.approver-history-active-range strong{color:#f0fff0}.approver-history-active-range span{color:#b3d2ba;margin-left:auto}.approver-history-summary{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px;display:grid}.approver-history-metric{background:#ffffff13;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;gap:12px;padding:22px 25px;display:flex}.approver-history-metric span{color:#c6ddca;font-size:14px}.approver-history-metric strong{color:#fff;font-size:clamp(22px,2.8vw,32px);font-weight:800}.approver-history-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.approver-history-actions>span{color:#bcd5c0;font-size:13px}.approver-history-actions>div{flex-wrap:wrap;gap:10px;display:flex}.approver-history-alert{color:#ffe5e5;background:#9b232338;border:1px solid #f29c9c;border-radius:12px;margin-bottom:18px;padding:14px 18px}.approver-history-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px;display:flex}.approver-history-list-header h2{color:#fff;margin:0;font-size:22px}.approver-history-list-header span{color:#b3cdb9;font-size:13px}.approver-history-table-scroll{overflow-x:auto}.approver-history-table{border-collapse:collapse;text-align:left;color:#edf9ed;width:100%;min-width:930px;font-size:13px}.approver-history-table thead{background:#ffffff16}.approver-history-table th{color:#ccdfce;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;border-bottom:1px solid #4b7656;padding:15px 13px;font-size:12px}.approver-history-table td{white-space:nowrap;border-bottom:1px solid #ffffff16;padding:16px 13px}.approver-history-table tbody tr:hover{background:#ffffff0a}.approver-history-voucher{color:#a9f2a2;font-weight:800}.approver-history-money{text-align:right;font-variant-numeric:tabular-nums}.approver-history-paid{color:#d6ffd3;background:#235e2c;border:1px solid #4bbd45;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:800}.approver-history-empty{text-align:center;color:#bed2c2;padding:45px 12px}.approver-history-footnote{color:#b1cfb7;margin:16px 0 0;font-size:12px}@media (width<=1100px){.approver-history-dates{grid-template-columns:repeat(2,minmax(0,1fr))}.approver-history-dates button{width:100%}.approver-history-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=670px){.approver-history-page{padding:14px}.approver-history-hero{flex-direction:column;align-items:flex-start;padding:22px}.approver-history-card{padding:18px}.approver-history-dates,.approver-history-filter-grid,.approver-history-summary{grid-template-columns:1fr}.approver-history-active-range span{margin-left:0}.approver-history-actions>div,.approver-history-actions button{width:100%}}.cashier-dashboard-page{--cashier-primary:#42b72a;--cashier-primary-dark:#2b8f1d;--cashier-text:#fff;--cashier-muted:#ffffffb8;--cashier-border:#ffffff29;--cashier-glass:#ffffff16;--cashier-shadow:0 16px 40px #0000003d;box-sizing:border-box;width:100%;min-height:100vh;color:var(--cashier-text);background:linear-gradient(#07120ad4,#07120ad4),url(/assets/hay-madampe-C6rb3seH.jpg) 50%/cover no-repeat fixed;padding:34px}.cashier-dashboard-page *,.cashier-dashboard-page :before,.cashier-dashboard-page :after{box-sizing:border-box}.cashier-dashboard-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.cashier-dashboard-label{color:#9eff8f;letter-spacing:1.6px;background:#42b72a26;border:1px solid #42b72a61;border-radius:999px;align-items:center;margin-bottom:14px;padding:8px 16px;font-size:11px;font-weight:800;display:inline-flex}.cashier-dashboard-header h1{color:#fff;margin:0;font-size:clamp(28px,3vw,42px);font-weight:850;line-height:1.2}.cashier-dashboard-header p{color:var(--cashier-muted);margin:12px 0 0;font-size:15px;line-height:1.6}.cashier-refresh-btn,.cashier-filter-quick-btn,.cashier-tab,.cashier-pdf-btn,.cashier-open-btn,.cashier-retry-btn{font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:750;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.cashier-dashboard-page button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important;transform:none!important}.cashier-dashboard-page button:focus-visible,.cashier-dashboard-page input:focus-visible,.cashier-dashboard-page select:focus-visible{outline-offset:2px;outline:2px solid #9eff8f}.cashier-refresh-btn{border:1px solid var(--cashier-border);color:#fff;background:#ffffff1a;border-radius:12px;min-height:44px;padding:10px 18px}.cashier-refresh-btn:hover:not(:disabled),.cashier-filter-quick-btn:hover:not(:disabled){background:#ffffff2e}.cashier-spin{animation:.9s linear infinite cashierSpin}.cashier-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.cashier-summary-card{border:1px solid var(--cashier-border);background:var(--cashier-glass);-webkit-backdrop-filter:blur(20px);min-width:0;box-shadow:var(--cashier-shadow);border-radius:21px;align-items:center;gap:17px;padding:24px;display:flex}.cashier-summary-card>div:last-child{min-width:0}.cashier-summary-icon{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:17px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:23px;display:grid}.cashier-summary-card span{color:var(--cashier-muted);margin-bottom:9px;font-size:13px;display:block}.cashier-summary-card strong{overflow-wrap:anywhere;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(23px,2.1vw,31px);font-weight:850;display:block}.cashier-summary-card strong.cashier-money-value{font-size:clamp(17px,1.75vw,25px)}.cashier-filter-card{border:1px solid var(--cashier-border);background:var(--cashier-glass);-webkit-backdrop-filter:blur(20px);box-shadow:var(--cashier-shadow);border-radius:21px;grid-template-columns:minmax(235px,1.8fr) repeat(3,minmax(140px,1fr));align-items:end;gap:17px;margin-bottom:24px;padding:23px;display:grid}.cashier-filter-field{flex-direction:column;gap:9px;min-width:0;display:flex}.cashier-filter-field label{color:#ffffffdb;font-size:12px;font-weight:750}.cashier-filter-field input,.cashier-filter-field select{color:#fff;width:100%;min-width:0;height:47px;font:inherit;background:#07190d80;border:1px solid #ffffff36;border-radius:12px;outline:none;padding:0 14px;font-size:13px;display:block}.cashier-filter-field select option{color:#fff;background:#14291a}.cashier-filter-field input::placeholder{color:#ffffff70}.cashier-search-input-wrap,.cashier-date-input-wrap{position:relative}.cashier-search-input-wrap>svg,.cashier-date-input-wrap>svg{color:#9eff8f;pointer-events:none;font-size:15px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.cashier-filter-field .cashier-search-input-wrap input,.cashier-filter-field .cashier-date-input-wrap input{padding-left:43px}.cashier-filter-field input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cashier-date-filter{border-top:1px solid #ffffff1c;flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:11px;padding-top:17px;display:flex}.cashier-date-field{flex:0 215px}.cashier-filter-quick-btn{color:#fff;background:#ffffff17;border:1px solid #ffffff38;border-radius:12px;height:47px;padding:0 17px}.cashier-date-hint{color:#ffffffa8;margin:0 0 13px auto;font-size:12px}.cashier-table-card{border:1px solid var(--cashier-border);background:var(--cashier-glass);box-shadow:var(--cashier-shadow);-webkit-backdrop-filter:blur(24px);border-radius:22px;overflow:hidden}.cashier-table-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:25px 28px;display:flex}.cashier-table-header h2{color:#fff;margin:0;font-size:24px;font-weight:800}.cashier-table-header p{color:var(--cashier-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.cashier-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cashier-tabs{background:#00000029;border:1px solid #ffffff1f;border-radius:14px;gap:7px;padding:5px;display:flex}.cashier-tab{color:#ffffffbf;background:0 0;border:0;border-radius:10px;min-height:40px;padding:9px 14px}.cashier-tab:hover:not(.active){color:#fff;background:#ffffff1c}.cashier-tab.active{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);box-shadow:0 6px 18px #42b72a36}.cashier-pdf-btn{color:#fff;background:linear-gradient(135deg,#308d28,#226c1e);border:1px solid #ffffff29;border-radius:12px;min-height:46px;padding:10px 16px}.cashier-pdf-btn:hover:not(:disabled),.cashier-open-btn:hover:not(:disabled),.cashier-retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #42b72a38}.cashier-table-wrapper{max-width:100%;overflow-x:auto}.cashier-table{border-collapse:collapse;background:0 0;width:100%;min-width:980px}.cashier-history-table{min-width:1280px}.cashier-table thead{background:#ffffff0d}.cashier-table th,.cashier-table td{text-align:left;vertical-align:middle;white-space:nowrap;background:0 0;padding:17px 19px}.cashier-table th{color:#ffffffc2;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #ffffff1a;font-size:11px;font-weight:800}.cashier-table td{color:#fff;border-bottom:1px solid #ffffff12;font-size:13px}.cashier-table tbody tr:nth-child(2n){background:#ffffff06}.cashier-table td strong{color:#a7fa9a;font-size:13px;font-weight:800}.cashier-table th.cashier-align-right,.cashier-table td.cashier-align-right{text-align:right}.cashier-table td.cashier-amount{font-variant-numeric:tabular-nums;font-weight:750}.cashier-status{color:#b1fca3;background:#42b72a2b;border:1px solid #42b72a61;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.cashier-status-paid{background:#2eaa5f2e;border-color:#3cc47266}.cashier-open-btn,.cashier-retry-btn{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border:0;border-radius:10px;min-height:37px;padding:9px 15px}.cashier-table-footer{color:var(--cashier-muted);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:17px 28px;font-size:13px;display:flex}.cashier-table-footer strong{color:#fff;font-variant-numeric:tabular-nums;font-size:14px}.cashier-empty-state,.cashier-error-state,.cashier-loading{text-align:center;padding:74px 24px}.cashier-empty-icon{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 22px;font-size:30px;display:grid}.cashier-empty-state h3,.cashier-error-state h3,.cashier-loading h3{color:#fff;margin:0;font-size:21px;font-weight:800}.cashier-empty-state p,.cashier-error-state p{max-width:690px;color:var(--cashier-muted);margin:12px auto 0;font-size:14px;line-height:1.65}.cashier-error-state{background:#781c1c24}.cashier-error-state h3{color:#ffcaca}.cashier-error-state code{color:#fff;font-size:12px}.cashier-retry-btn{margin-top:22px}.cashier-loader{border:4px solid #ffffff24;border-top-color:#42b72a;border-radius:50%;width:47px;height:47px;margin:0 auto 20px;animation:.75s linear infinite cashierSpin}@keyframes cashierSpin{to{transform:rotate(360deg)}}.cashier-table-wrapper::-webkit-scrollbar{height:9px}.cashier-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:10px}@media (width<=1370px){.cashier-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){.cashier-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-search-field{grid-column:1/-1}.cashier-date-hint{width:100%;margin:4px 0 0}}@media (width<=700px){.cashier-dashboard-page{background-attachment:scroll;padding:18px}.cashier-dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.cashier-summary-grid,.cashier-filter-card{grid-template-columns:1fr;gap:13px}.cashier-search-field,.cashier-date-filter{grid-column:auto}.cashier-summary-card{padding:18px}.cashier-filter-card{padding:17px}.cashier-table-header{padding:20px}.cashier-header-actions{flex-direction:column;align-items:stretch;width:100%}.cashier-tabs{width:100%}.cashier-tab{flex:1}.cashier-pdf-btn{width:100%}.cashier-table-footer{padding:17px 20px}}@media (width<=400px){.cashier-dashboard-page{padding:12px}.cashier-tab{padding:9px 8px;font-size:11px}}.cashier-dashboard-page .group-b-cashier-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cashier-dashboard-page .group-b-cashier-actions .group-b-cashier-create,.cashier-dashboard-page .group-b-cashier-actions .group-b-cashier-own{color:#fff;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:750;display:inline-flex}.cashier-dashboard-page .group-b-cashier-actions .group-b-cashier-create{background:linear-gradient(135deg,#42b72a,#2b8f1d)}.cashier-dashboard-page .group-b-cashier-actions .group-b-cashier-own{background:#ffffff1a}.cashier-dashboard-page .group-b-cashier-actions button:hover:not(:disabled){border-color:#9eff8fb3}@media (width<=820px){.cashier-dashboard-page .group-b-cashier-actions{justify-content:flex-start}}.cashier-voucher-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:35px}.cashier-voucher-header{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:26px;justify-content:space-between;align-items:stretch;gap:30px;margin-bottom:32px;padding:35px;display:flex;box-shadow:0 20px 45px #00000047}.cashier-header-left{flex-direction:column;flex:1;display:flex}.cashier-back-btn{color:#9eff8f;cursor:pointer;background:#ffffff14;border:none;border-radius:14px;align-items:center;gap:10px;width:max-content;margin-bottom:28px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.cashier-back-btn:hover{color:#fff;background:#ffffff29;transform:translate(-4px)}.cashier-header-left h1{color:#fff;margin:0;font-size:40px;font-weight:900}.cashier-header-left p{color:#ffffffb3;margin-top:12px;font-size:15px;line-height:1.8}.cashier-amount-card{background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:22px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:300px;padding:30px;display:flex;box-shadow:0 18px 35px #00000040}.cashier-amount-card span{color:#ffffffd9;text-transform:uppercase;letter-spacing:1px;font-size:14px}.cashier-amount-card strong{color:#fff;margin-top:14px;font-size:42px;font-weight:900}.cashier-workflow{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;justify-content:space-between;align-items:center;gap:0;margin-bottom:30px;padding:30px;display:flex}.cashier-voucher-page .cashier-workflow .workflow-item{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.cashier-voucher-page .cashier-workflow .workflow-circle{color:#fff;background:#ffffff1a;border:2px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:800;transition:all .3s;display:flex}.cashier-voucher-page .cashier-workflow .workflow-item.completed .workflow-circle{background:linear-gradient(135deg,#42b72a,#2b8f1d);border:none}.cashier-voucher-page .cashier-workflow .workflow-item.active .workflow-circle{color:#2b8f1d;background:#fff;border:none}.cashier-voucher-page .cashier-workflow .workflow-item span{color:#fff;text-align:center;font-size:13px;font-weight:700}.cashier-voucher-page .cashier-workflow .workflow-line{background:#ffffff1f;flex:1;height:3px;margin:0 12px}.cashier-voucher-page .cashier-workflow .workflow-line.completed{background:#42b72a}.cashier-main-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.cashier-left,.cashier-right{flex-direction:column;gap:30px;display:flex}.cashier-card{-webkit-backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;padding:30px;box-shadow:0 20px 45px #00000047}.cashier-card-title{color:#fff;margin-bottom:24px;font-size:24px;font-weight:800}.cashier-card-subtitle{color:#ffffffa6;margin-top:-10px;margin-bottom:24px;font-size:14px;line-height:1.7}.cashier-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.cashier-info-grid>div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:8px;padding:20px;transition:all .3s;display:flex}.cashier-info-grid>div:hover{background:#ffffff1a;transform:translateY(-2px)}.cashier-info-grid label{color:#fff9;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.cashier-info-grid span{color:#fff;word-break:break-word;font-size:16px;font-weight:700}.cashier-description{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;margin-top:28px;padding:24px}.cashier-description label{color:#fff9;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:700;display:block}.cashier-description p{color:#fff;white-space:pre-wrap;line-height:1.9}.cashier-table{border-collapse:collapse;width:100%}.cashier-table thead tr{background:#ffffff0a}.cashier-table th{text-align:left;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #ffffff1a;padding:18px 22px;font-size:12px;font-weight:700}.cashier-table td{color:#fff;border-bottom:1px solid #ffffff0f;padding:18px 22px}.cashier-table tbody tr{transition:all .25s}.cashier-table tbody tr:hover{background:#42b72a14}.cashier-table td strong{color:#9eff8f;font-weight:800}.cashier-file-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:18px 20px;transition:all .25s;display:flex}.cashier-file-row:hover{background:#ffffff1a}.cashier-file-left{color:#fff;word-break:break-word;align-items:center;gap:14px;font-weight:600;display:flex}.cashier-file-left span:first-child{font-size:22px}.cashier-file-actions{gap:10px;display:flex}.cashier-file-actions button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:42px;height:42px;transition:all .25s}.cashier-file-actions button:hover{background:#42b72a;transform:translateY(-2px)}.cashier-approver{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px;transition:all .25s;display:flex}.cashier-approver:hover{background:#ffffff17}.cashier-approver-left{align-items:center;gap:18px;display:flex}.cashier-avatar{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;font-weight:800;display:flex}.cashier-approver-left strong{color:#fff;font-size:16px;display:block}.cashier-approver-left p{color:#ffffffa6;margin-top:4px;font-size:13px}.cashier-approver-left small{color:#9eff8f;margin-top:6px;font-size:12px;display:block}.cashier-voucher-page .approval-status{text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;min-width:110px;padding:9px 18px;font-size:12px;font-weight:800}.cashier-voucher-page .approval-status.approved{color:#9eff8f;background:#42b72a2e}.cashier-voucher-page .approval-status.pending{color:#ffd95c;background:#ffc1072e}.cashier-voucher-page .approval-status.rejected{color:#ffb3b3;background:#dc35452e}.cashier-voucher-page .approval-status.waiting{color:#ffffffb3;background:#ffffff14}.cashier-empty{text-align:center;color:#ffffffa6;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:18px;padding:50px;font-style:italic}.cashier-voucher-page .payment-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cashier-voucher-page .payment-row:last-child{border-bottom:none}.cashier-voucher-page .payment-row span{color:#ffffffa6;font-size:14px;font-weight:600}.cashier-voucher-page .payment-row strong{color:#fff;text-align:right;font-size:15px;font-weight:800}.cashier-voucher-page .payment-amount{color:#9eff8f!important;font-size:26px!important;font-weight:900!important}.cashier-voucher-page .otp-input{-webkit-backdrop-filter:blur(18px);color:#fff;letter-spacing:8px;text-align:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;height:58px;margin-bottom:18px;padding:0 20px;font-size:20px;font-weight:700;transition:all .3s}.cashier-voucher-page .otp-input:focus{background:#ffffff1a;border-color:#42b72a;box-shadow:0 0 0 4px #42b72a2e}.cashier-voucher-page .otp-input::placeholder{letter-spacing:normal;color:#ffffff73;font-size:15px}.cashier-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42b72a,#2b8f1d);border:none;border-radius:16px;width:100%;height:56px;margin-top:10px;font-size:15px;font-weight:800;transition:all .3s;box-shadow:0 15px 30px #42b72a40}.cashier-btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px #42b72a59}.cashier-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pay-btn{background:linear-gradient(135deg,#1fa64a,#14863b);margin-top:18px}.cashier-voucher-page .success-message{color:#9eff8f;text-align:center;background:#42b72a2e;border:1px solid #42b72a59;border-radius:16px;margin-top:18px;padding:16px;font-weight:700}.cashier-voucher-page .error-message{color:#ffb3b3;text-align:center;background:#dc35452e;border:1px solid #dc354559;border-radius:16px;margin-top:18px;padding:16px;font-weight:700}.cashier-voucher-page .cashier-card .payment-row{min-height:52px}.cashier-voucher-page .cashier-card .payment-row strong{word-break:break-word}.cashier-voucher-page .payment-row strong.approved{color:#9eff8f}.cashier-voucher-page .payment-row strong.pending{color:#ffd95c}.cashier-voucher-page .payment-row strong.rejected{color:#ffb3b3}.cashier-card{transition:transform .25s,background .25s,border-color .25s}.cashier-card:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px)}.cashier-history-item{gap:18px;margin-bottom:26px;padding-bottom:26px;display:flex;position:relative}.cashier-history-item:last-child{margin-bottom:0;padding-bottom:0}.cashier-history-item:not(:last-child):after{content:"";background:#ffffff1f;width:2px;height:calc(100% + 10px);position:absolute;top:28px;left:11px}.cashier-history-dot{background:linear-gradient(135deg,#42b72a,#2b8f1d);border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:4px;box-shadow:0 0 0 6px #42b72a2e}.cashier-history-content{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex:1;padding:18px 22px;transition:all .25s}.cashier-history-content:hover{background:#ffffff1a}.cashier-history-title{color:#fff;font-size:16px;font-weight:800}.cashier-history-time{color:#fff9;margin-top:6px;font-size:13px}.cashier-history-user{color:#9eff8f;margin-top:14px;font-size:14px;font-weight:700}.cashier-history-remarks{color:#fffc;margin-top:12px;line-height:1.7}.cashier-table-card::-webkit-scrollbar{width:8px;height:8px}.cashier-table::-webkit-scrollbar{width:8px;height:8px}.cashier-table-card::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:20px}.cashier-table::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:20px}.cashier-table-card::-webkit-scrollbar-track{background:0 0}.cashier-table::-webkit-scrollbar-track{background:0 0}@media (width<=1200px){.cashier-main-grid{grid-template-columns:1fr}.cashier-right{order:-1}}@media (width<=900px){.cashier-voucher-header{flex-direction:column}.cashier-amount-card{width:100%}.cashier-workflow{justify-content:flex-start;padding-bottom:18px;overflow-x:auto}.cashier-voucher-page .cashier-workflow .workflow-item{min-width:90px}}@media (width<=768px){.cashier-voucher-page{padding:22px}.cashier-header-left h1{font-size:34px}.cashier-info-grid{grid-template-columns:1fr}.cashier-approver{flex-direction:column;align-items:flex-start}.cashier-voucher-page .approval-status{width:100%}.cashier-table{min-width:650px}.cashier-card{overflow-x:auto}}@media (width<=480px){.cashier-voucher-page{padding:16px}.cashier-card{padding:22px}.cashier-card-title{font-size:22px}.cashier-header-left h1{font-size:30px}.cashier-amount-card strong{font-size:32px}.cashier-voucher-page .otp-input{letter-spacing:4px;font-size:18px}}.otp-reissue-panel{background:#ffc10714;border:1px solid #ffc10738;border-radius:16px;margin-top:18px;padding:18px}.otp-reissue-copy{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.otp-reissue-copy strong{color:#fff;font-size:14px;font-weight:800}.otp-reissue-copy span{color:#ffffffa6;font-size:13px;line-height:1.6}.reissue-otp-btn{color:#ffe28a;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#ffc10724;border:1px solid #ffc10761;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:800;transition:all .25s}.reissue-otp-btn:hover:not(:disabled){background:#ffc10738;border-color:#ffc10794;transform:translateY(-1px)}.reissue-otp-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.cashier-info-message{color:#ffffffe0;text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;margin-top:18px;padding:16px;font-weight:700;line-height:1.5}.cashier-voucher-page .group-a-danger-button{background:#912d2d!important}.cashier-voucher-page .group-a-cashier-form{color:#fff;flex-direction:column;gap:12px;display:flex}.cashier-voucher-page .group-a-cashier-form :is(select,textarea){color:#fff;width:100%;font:inherit;background:#14251a;border:1px solid #ffffff59;border-radius:12px;padding:12px}.cashier-voucher-page .group-a-cashier-form textarea{min-height:110px}.cashier-voucher-page .group-a-cashier-actions{gap:12px;display:flex}.cashier-voucher-page .group-a-cashier-actions button{cursor:pointer;border-radius:10px;padding:12px}.cashier-voucher-page .group-a-cashier-actions button:last-child{color:#fff;background:#912d2d;border:0}.cashier-voucher-page,.cashier-voucher-page *,.cashier-voucher-page :before,.cashier-voucher-page :after{box-sizing:border-box}.cashier-voucher-page{width:100%;min-width:0;max-width:100%;overflow-x:clip}.cashier-voucher-page .cashier-voucher-header,.cashier-voucher-page .cashier-header-left,.cashier-voucher-page .cashier-amount-card{min-width:0;max-width:100%}.cashier-voucher-page .cashier-header-left h1,.cashier-voucher-page .cashier-amount-card strong{overflow-wrap:anywhere}.cashier-voucher-page .cashier-main-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:24px;width:100%;min-width:0;max-width:100%;display:grid}.cashier-voucher-page .cashier-left,.cashier-voucher-page .cashier-right{width:100%;min-width:0;max-width:100%}.cashier-voucher-page .cashier-left>*,.cashier-voucher-page .cashier-right>*{min-width:0;max-width:100%}.cashier-voucher-page .cashier-card{min-width:0;max-width:100%;overflow:auto hidden}.cashier-voucher-page .cashier-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.cashier-voucher-page .cashier-info-grid>div,.cashier-voucher-page .cashier-history-content,.cashier-voucher-page .cashier-description,.cashier-voucher-page .cashier-file-left,.cashier-voucher-page .cashier-approver-left{overflow-wrap:anywhere;min-width:0}.cashier-voucher-page .cashier-file-left span:last-child,.cashier-voucher-page .cashier-approver-left p,.cashier-voucher-page .cashier-approver-left strong,.cashier-voucher-page .cashier-history-remarks{overflow-wrap:anywhere}.cashier-voucher-page .cashier-card .payment-row{gap:14px;min-width:0}.cashier-voucher-page .cashier-card .payment-row>span{flex:auto;min-width:0}.cashier-voucher-page .cashier-card .payment-row>strong{overflow-wrap:anywhere;text-align:right;min-width:0;max-width:58%}.cashier-voucher-page .cashier-workflow{scrollbar-width:thin;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.cashier-voucher-page .cashier-workflow .workflow-item{flex:0 0 76px;min-width:0}.cashier-voucher-page .cashier-workflow .workflow-line{flex:1 0 24px;min-width:24px;margin:0 6px}.cashier-voucher-page .group-a-cashier-actions{flex-wrap:wrap}.cashier-voucher-page .group-a-cashier-actions button{flex:135px}@media (width<=1200px){.cashier-voucher-page .cashier-main-grid{grid-template-columns:minmax(0,1fr)}.cashier-voucher-page .cashier-right{order:-1}}@media (width<=900px){.cashier-voucher-page .cashier-voucher-header{flex-direction:column}.cashier-voucher-page .cashier-amount-card{width:100%}}@media (width<=768px){.cashier-voucher-page .cashier-info-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.cashier-voucher-page .cashier-main-grid{gap:18px}.cashier-voucher-page .cashier-card{padding:20px}.cashier-voucher-page .cashier-workflow{padding:18px 14px}}.admin-page{--admin-green:#42b72a;--admin-green-dark:#268b1d;--admin-border:#ffffff21;--admin-surface:#ffffff13;--admin-muted:#ffffffb0;--admin-shadow:0 20px 45px #00000038;color:#fff;background:linear-gradient(#07120ad1,#07120adb),url(/assets/hay-madampe-C6rb3seH.jpg) 50%/cover no-repeat fixed;min-height:100vh;padding:35px}.admin-page *,.admin-page :before,.admin-page :after{box-sizing:border-box}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:30px;padding:6px 0;display:flex}.admin-label{color:#a4f495;letter-spacing:1.7px;background:#42b72a24;border:1px solid #42b72a66;border-radius:999px;align-items:center;padding:9px 15px;font-size:11px;font-weight:800;display:inline-flex}.admin-header h1{color:#fff;margin:18px 0 9px;font-size:clamp(30px,3vw,42px);font-weight:850;line-height:1.15}.admin-header p{color:var(--admin-muted);margin:0;font-size:15px;line-height:1.6}.admin-refresh-btn{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#ffffff13;border:1px solid #ffffff38;border-radius:12px;padding:10px 17px;font-size:13px;font-weight:750;transition:background .2s,border-color .2s}.admin-refresh-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff5e}.admin-notice{color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:12px;margin:0 0 20px;padding:14px 16px;font-size:14px;line-height:1.45;display:flex;box-shadow:0 8px 28px #0000001f}.admin-notice-success{background:#1a632461;border-color:#42b72a66}.admin-notice-error{background:#781d245e;border-color:#fa747470}.admin-notice-info{background:#1a486f66;border-color:#76b9f566}.admin-notice-icon{background:#ffffff1f;border-radius:50%;flex:0 0 27px;place-items:center;height:27px;font-size:15px;font-weight:900;display:inline-grid}.admin-notice-text{flex:1;min-width:0}.admin-notice-close,.admin-notice-retry{color:#fff;cursor:pointer;font:inherit;background:#ffffff1c;border:0;border-radius:8px;flex:none;font-weight:750}.admin-notice-close{width:29px;height:29px;font-size:22px;line-height:1}.admin-notice-retry{padding:7px 13px}.admin-notice-close:hover,.admin-notice-retry:hover{background:#ffffff38}.admin-summary-card,.admin-assignment-card,.admin-quick-section{background:var(--admin-surface);-webkit-backdrop-filter:blur(19px);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);border-radius:22px}.admin-summary-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.admin-summary-left{grid-template-rows:repeat(2,minmax(135px,1fr));gap:20px;display:grid}.admin-summary-right{min-width:0}.admin-summary-card{padding:26px}.admin-summary-left .admin-summary-card{flex-direction:column;justify-content:center;display:flex}.admin-summary-card>span{color:var(--admin-muted);margin-bottom:12px;font-size:13px;font-weight:650;display:block}.admin-summary-card>strong{color:#fff;margin-bottom:8px;font-size:clamp(32px,3.2vw,47px);font-weight:850;line-height:1.12;display:block}.admin-summary-card small{color:var(--admin-muted);font-size:12px;display:block}.approver-card{height:100%;min-height:290px}.admin-card-header{margin-bottom:22px}.admin-card-header h2{color:#fff;margin:7px 0;font-size:22px;font-weight:800;line-height:1.3}.admin-card-header p{color:var(--admin-muted);margin:0;font-size:13px;line-height:1.65}.approver-workload{flex-direction:column;gap:0;max-height:280px;display:flex;overflow:auto}.approver-row{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.approver-row:last-child{border-bottom:0}.approver-row span{color:#ffffffe3;overflow-wrap:anywhere;min-width:0;font-size:14px}.approver-row strong{color:#a4f495;flex:none;font-size:23px;font-weight:850}.admin-approver-empty{color:var(--admin-muted);margin:12px 0;font-size:14px}.admin-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.admin-assignment-card{flex-direction:column;min-width:0;padding:27px;display:flex}.admin-section-tag{color:#9dec92;letter-spacing:1.5px;font-size:10px;font-weight:800;display:inline-block}.admin-user-preview{background:#fff1;border:1px solid #ffffff1c;border-radius:16px;align-items:center;gap:14px;min-width:0;margin-bottom:17px;padding:17px;display:flex}.admin-avatar{background:linear-gradient(135deg, var(--admin-green), var(--admin-green-dark));color:#fff;border-radius:14px;flex:0 0 55px;place-items:center;width:55px;height:55px;font-size:22px;font-weight:850;display:grid}.admin-user-details{flex:1;min-width:0}.admin-preview-label{color:#b3e7af;letter-spacing:.8px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.admin-user-details h3{color:#fff;overflow-wrap:anywhere;margin:0 0 4px;font-size:16px;font-weight:800}.admin-preview-email{color:var(--admin-muted);overflow-wrap:anywhere;font-size:12px;display:block}.admin-status-pill{text-align:center;border-radius:30px;flex:none;max-width:110px;padding:7px 10px;font-size:10px;font-weight:800}.admin-status-pill.is-active{color:#adffa0;background:#42b72a29;border:1px solid #42b72a6b}.admin-status-pill.is-empty{color:#ffffffb3;background:#ffffff12;border:1px solid #fff3}.admin-assignment-note{color:var(--admin-muted);margin:0 0 19px;font-size:12px;line-height:1.55}.admin-form-group{flex-direction:column;gap:10px;margin-top:auto;margin-bottom:18px;display:flex}.admin-form-group label{color:#fff;font-size:13px;font-weight:750}.admin-form-group select{color:#fff;width:100%;min-width:0;height:51px;font:inherit;cursor:pointer;background:#213328;border:1px solid #ffffff38;border-radius:12px;outline:none;padding:0 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.admin-form-group select:focus{border-color:var(--admin-green);box-shadow:0 0 0 3px #42b72a2e}.admin-form-group select option{color:#fff;background:#213328}.admin-save-btn{background:linear-gradient(135deg, var(--admin-green), var(--admin-green-dark));color:#fff;width:100%;min-height:49px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:11px 15px;font-size:13px;font-weight:800;transition:filter .2s,transform .2s,box-shadow .2s}.admin-save-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 22px #42b72a33}.admin-cashier-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.admin-cashier-actions>.admin-save-btn:only-child{grid-column:1/-1}.admin-remove-btn{color:#ffd0d0;min-height:49px;font:inherit;cursor:pointer;background:#7e272b38;border:1px solid #ffadad59;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:750}.admin-remove-btn:hover:not(:disabled){background:#7e272b63}.admin-assignment-footnote{color:var(--admin-muted);margin-top:17px;font-size:11px;line-height:1.55;display:block}.admin-confirm-panel{background:#09180da1;border:1px solid #ffffff3b;border-radius:14px;margin-top:17px;padding:18px}.admin-confirm-panel strong{color:#fff;margin-bottom:8px;font-size:14px;display:block}.admin-confirm-panel p{color:#ffffffc2;margin:0 0 16px;font-size:13px;line-height:1.6}.admin-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-confirm-cancel,.admin-confirm-submit{min-height:41px;font:inherit;cursor:pointer;border-radius:10px;padding:9px 15px;font-size:12px;font-weight:800}.admin-confirm-cancel{color:#fff;background:#ffffff14;border:1px solid #ffffff40}.admin-confirm-submit{background:var(--admin-green-dark);color:#fff;border:1px solid #0000}.admin-confirm-submit.is-danger{background:#a33b3d}.admin-confirm-cancel:hover:not(:disabled),.admin-confirm-submit:hover:not(:disabled){filter:brightness(1.14)}.admin-page button:disabled,.admin-page select:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-page button:focus-visible,.admin-page select:focus-visible{outline-offset:3px;outline:3px solid #a4f495ba}.admin-quick-section{padding:27px}.admin-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.admin-action-card{text-align:left;color:#fff;width:100%;min-width:0;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:17px;padding:25px;transition:background .2s,transform .2s,border-color .2s;display:block}.admin-action-card:hover:not(:disabled){background:#ffffff18;border-color:#42b72a73;transform:translateY(-3px)}.admin-action-icon{margin-bottom:13px;font-size:29px;line-height:1.25;display:block}.admin-action-card h3{color:#fff;margin:0 0 8px;font-size:16px;font-weight:800}.admin-action-card p{color:var(--admin-muted);margin:0;font-size:12px;line-height:1.65}.admin-action-card.disabled{opacity:.47}.admin-loading{color:#fff;justify-content:center;align-items:center;gap:16px;min-height:65vh;font-size:18px;font-weight:750;display:flex}.admin-loading-spinner{border:3px solid #ffffff38;border-top-color:var(--admin-green);border-radius:50%;width:27px;height:27px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.admin-summary-layout{grid-template-columns:1fr}.admin-summary-left{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-assignment-grid{grid-template-columns:1fr}}@media (width<=750px){.admin-page{background-attachment:scroll;padding:20px}.admin-summary-left,.admin-action-grid{grid-template-columns:1fr}.admin-header{align-items:flex-start}.admin-assignment-card,.admin-quick-section{padding:22px}.admin-user-preview{flex-wrap:wrap}.admin-status-pill{margin-left:auto}}@media (width<=480px){.admin-page{padding:14px}.admin-summary-card{padding:21px}.admin-assignment-card,.admin-quick-section{padding:19px}.admin-cashier-actions{grid-template-columns:1fr}.admin-cashier-actions>*{width:100%}.admin-notice{align-items:flex-start}.admin-header h1{font-size:29px}}@media (prefers-reduced-motion:reduce){.admin-page *,.admin-page :before,.admin-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.admin-users-page{background-color:#0000;background-image:linear-gradient(#07120ac7,#07120ac7),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:35px}.admin-users-loading{color:#fff;justify-content:center;align-items:center;min-height:80vh;font-size:30px;font-weight:800;display:flex}.admin-users-header{justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px;display:flex}.admin-users-label{color:#9eff8f;letter-spacing:1px;background:#42b72a2e;border:1px solid #42b72a59;border-radius:999px;margin-bottom:14px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.admin-users-header h1{color:#fff;margin:0;font-size:42px;font-weight:900}.admin-users-header p{color:#ffffffb8;margin-top:10px;font-size:15px;line-height:1.8}.admin-users-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42b72a,#2b8f1d);border:none;border-radius:16px;min-width:180px;height:56px;font-size:15px;font-weight:800;transition:all .3s;box-shadow:0 15px 30px #42b72a47}.admin-users-add-btn:hover{transform:translateY(-2px);box-shadow:0 20px 35px #42b72a59}.admin-users-summary{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px;display:grid}.admin-users-summary-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;padding:28px;transition:all .3s;box-shadow:0 20px 45px #00000047}.admin-users-summary-card:hover{background:#ffffff1c;transform:translateY(-3px)}.admin-users-summary-card span{color:#ffffffa6;margin-bottom:12px;font-size:14px;display:block}.admin-users-summary-card strong{color:#fff;font-size:34px;font-weight:900}.admin-users-search-card{margin-bottom:30px}.admin-users-search-card input{-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;outline:none;width:100%;height:58px;padding:0 22px;font-size:15px;transition:all .3s}.admin-users-search-card input:focus{border-color:#42b72a;box-shadow:0 0 0 4px #42b72a26}.admin-users-search-card input::placeholder{color:#ffffff73}.admin-users-table-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #00000047}.admin-users-table-header{border-bottom:1px solid #ffffff1a;padding:30px}.admin-users-table-header h3{color:#fff;margin:0;font-size:28px;font-weight:800}.admin-users-table-header p{color:#ffffffa6;margin-top:8px;font-size:14px}.admin-users-table{border-collapse:separate;border-spacing:0;width:100%}.admin-users-table thead tr{background:#ffffff08}.admin-users-table th{text-align:left;color:#ffffffa6;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff14;padding:20px 24px;font-size:12px;font-weight:700}.admin-users-table td{color:#fff;vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:22px 24px;font-size:15px}.admin-users-table tbody tr{transition:all .25s}.admin-users-table tbody tr:hover{background:#42b72a14}.admin-users-table td strong{color:#9eff8f;font-size:16px;font-weight:800}.admin-users-empty{text-align:center;color:#fff9;font-style:italic;padding:60px!important}.role-badge{color:#9eff8f;letter-spacing:.5px;text-transform:uppercase;background:#42b72a26;border:1px solid #42b72a59;border-radius:999px;justify-content:center;align-items:center;min-width:95px;padding:8px 16px;font-size:12px;font-weight:800;display:inline-flex}.status-active,.status-inactive{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:8px 16px;font-size:12px;font-weight:800;display:inline-flex}.status-active{color:#9eff8f;background:#42b72a26;border:1px solid #42b72a59}.status-inactive{color:#ffb3b3;background:#ef444426;border:1px solid #ef444459}.admin-user-actions{align-items:center;gap:12px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:12px;min-width:78px;height:38px;font-size:13px;font-weight:700;transition:all .25s}.edit-btn{color:#9eff8f;background:#42b72a2e;border:1px solid #42b72a59}.edit-btn:hover{color:#fff;background:#42b72a;transform:translateY(-2px)}.delete-btn{color:#ffb3b3;background:#ef444426;border:1px solid #ef444459}.delete-btn:hover{color:#fff;background:#ef4444;transform:translateY(-2px)}.admin-user-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-user-modal{-webkit-backdrop-filter:blur(25px);background:#122014fa;border:1px solid #ffffff26;border-radius:26px;width:min(650px,95vw);padding:35px;box-shadow:0 30px 70px #00000073}.admin-user-modal h2{color:#fff;margin:0 0 30px;font-size:30px;font-weight:900}.admin-user-form{gap:18px;display:grid}.admin-user-form input,.admin-user-form select{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;height:56px;padding:0 18px;font-size:15px;transition:all .3s}.admin-user-form input:focus,.admin-user-form select:focus{border-color:#42b72a;box-shadow:0 0 0 4px #42b72a26}.admin-user-form input::placeholder{color:#ffffff73}.admin-user-form select option{color:#fff;background:#17331d}.admin-user-checkbox{color:#fff;align-items:center;gap:12px;margin-top:6px;font-size:15px;font-weight:600;display:flex}.admin-user-checkbox input{accent-color:#42b72a;width:18px;height:18px}.admin-user-modal-actions{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.admin-user-cancel,.admin-user-save{cursor:pointer;border:none;border-radius:14px;min-width:130px;height:50px;font-size:14px;font-weight:700;transition:all .25s}.admin-user-cancel{color:#fff;background:#ffffff14}.admin-user-cancel:hover{background:#ffffff24}.admin-user-save{color:#fff;background:linear-gradient(135deg,#42b72a,#2b8f1d);box-shadow:0 12px 25px #42b72a40}.admin-user-save:hover{transform:translateY(-2px);box-shadow:0 18px 35px #42b72a59}.admin-user-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.admin-users-summary{grid-template-columns:1fr}}@media (width<=900px){.admin-users-header{flex-direction:column;align-items:flex-start}.admin-users-add-btn{width:100%}.admin-users-table-card{overflow-x:auto}.admin-users-table{min-width:950px}}@media (width<=600px){.admin-users-page{padding:20px}.admin-users-header h1{font-size:32px}.admin-user-modal{padding:24px}.admin-user-modal-actions{flex-direction:column}.admin-user-cancel,.admin-user-save{width:100%}}.admin-users-back{margin-bottom:22px}.admin-back-btn{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.admin-back-btn:hover{background:#ffffff24;border-color:#42b72a59;transform:translate(-3px)}.admin-otp-page{color:#fff;background-color:#0000;background-image:linear-gradient(#07120ad1,#07120ad1),url(/assets/hay-madampe-C6rb3seH.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:34px}.admin-otp-header{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff29;border-radius:26px;padding:34px;box-shadow:0 20px 45px #00000047}.admin-otp-back{color:#9eff8f;font:inherit;cursor:pointer;background:#ffffff14;border:none;border-radius:13px;margin-bottom:24px;padding:10px 17px;font-weight:800}.admin-otp-label{color:#9eff8f;letter-spacing:2px;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.admin-otp-header h1{margin:0;font-size:40px;font-weight:900}.admin-otp-header p{color:#ffffffb3;max-width:780px;margin:12px 0 0;line-height:1.8}.admin-otp-notice{background:#ffc10714;border:1px solid #ffc1073d;border-radius:20px;align-items:flex-start;gap:18px;margin-top:24px;padding:22px 24px;display:flex}.admin-otp-notice-icon{font-size:28px}.admin-otp-notice strong{color:#ffe28a;font-size:16px}.admin-otp-notice p{color:#ffffffb8;margin:7px 0 0;line-height:1.65}.admin-otp-toolbar{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:22px 24px;display:flex}.admin-otp-toolbar>div{flex-direction:column;gap:5px;display:flex}.admin-otp-toolbar strong{font-size:18px}.admin-otp-toolbar span{color:#ffffff9e;font-size:13px}.admin-otp-toolbar input{color:#fff;width:min(520px,100%);min-height:48px;font:inherit;background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;outline:none;padding:0 18px}.admin-otp-toolbar input:focus{border-color:#42b72a;box-shadow:0 0 0 4px #42b72a29}.admin-otp-toolbar input::placeholder{color:#ffffff6b}.admin-otp-message{color:#b9ffad;background:#42b72a1f;border:1px solid #42b72a47;border-radius:15px;margin-top:20px;padding:16px 20px;font-weight:700}.admin-otp-table-card{-webkit-backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;margin-top:24px;overflow:hidden;box-shadow:0 20px 45px #00000047}.admin-otp-table-wrap{overflow:auto}.admin-otp-table{border-collapse:collapse;width:100%;min-width:1050px}.admin-otp-table th{text-align:left;color:#ffffff9e;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #ffffff1a;padding:18px 20px;font-size:12px}.admin-otp-table td{color:#fff;vertical-align:middle;border-bottom:1px solid #ffffff12;padding:18px 20px}.admin-otp-table tbody tr:hover{background:#42b72a12}.admin-otp-person{flex-direction:column;gap:5px;display:flex}.admin-otp-person span{color:#ffffff8c;font-size:12px}.admin-otp-amount{font-weight:800;color:#9eff8f!important}.admin-otp-status{color:#ffffffc7;letter-spacing:.4px;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:7px 12px;font-size:11px;font-weight:900;display:inline-flex}.admin-otp-status.status-active{color:#9eff8f;background:#42b72a2e}.admin-otp-status.status-verified{color:#b8ffcb;background:#28a74538}.admin-otp-status.status-locked{color:#ffb3b3;background:#dc35452e}.admin-otp-status.status-expired,.admin-otp-status.status-replaced{color:#ffe28a;background:#ffc10726}.admin-otp-actions{align-items:center;gap:10px;display:flex}.admin-otp-actions button{min-height:40px;font:inherit;cursor:pointer;border-radius:11px;padding:9px 14px;font-size:12px;font-weight:800;transition:all .25s}.admin-otp-view-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.admin-otp-reissue-btn{color:#ffe28a;background:#ffc10724;border:1px solid #ffc10752}.admin-otp-actions button:hover:not(:disabled){transform:translateY(-1px)}.admin-otp-actions button:disabled{opacity:.42;cursor:not-allowed}.admin-otp-empty,.admin-otp-loading{text-align:center;color:#ffffffad;padding:60px 30px}@media (width<=800px){.admin-otp-page{padding:20px}.admin-otp-header{padding:26px}.admin-otp-header h1{font-size:32px}.admin-otp-toolbar{flex-direction:column;align-items:stretch}.admin-otp-toolbar input{width:100%}}.e-admin-page{color:#f4fff3;background:linear-gradient(145deg,#06190f,#102d1d);min-height:100vh;padding:32px;font-family:inherit}.e-admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.e-admin-header h1{margin:9px 0;font-size:clamp(24px,3vw,35px);font-weight:800}.e-admin-header p,.e-admin-card-head p,.e-admin-muted{color:#bbcebd;font-size:14px;line-height:1.55}.e-admin-kicker{letter-spacing:.12em;color:#87db75;font-size:12px;font-weight:800}.e-admin-back,.e-admin-outline{color:#e3ffe0;cursor:pointer;background:0 0;border:1px solid #639477;border-radius:11px;padding:11px 15px;text-decoration:none}.e-admin-grid{grid-template-columns:minmax(270px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.e-admin-card{background:#ffffff12;border:1px solid #ffffff26;border-radius:22px;min-width:0;padding:22px;box-shadow:0 18px 36px #00000029}.e-admin-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.e-admin-card-head h2{margin:0;font-size:20px}.e-admin-card-head>span{color:#afe0a6;font-size:13px}.e-admin-search{gap:8px;margin-bottom:18px;display:flex}.e-admin-page input,.e-admin-page select,.e-admin-page textarea{color:#f3fff0;width:100%;font:inherit;box-sizing:border-box;background:#153323;border:1px solid #52745f;border-radius:10px;padding:11px}.e-admin-page select option{color:#fff;background:#173221}.e-admin-page button{font:inherit;cursor:pointer}.e-admin-search button,.e-admin-edit button{color:#fff;background:#42b72a;border:0;border-radius:10px;padding:10px 15px;font-weight:700}.e-admin-page button:disabled{opacity:.45;cursor:not-allowed}.e-admin-voucher-list{gap:8px;max-height:65vh;display:grid;overflow-y:auto}.e-admin-voucher{text-align:left;color:#f4fff3;background:#153223;border:1px solid #40694d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:14px;display:flex}.e-admin-voucher.selected,.e-admin-voucher:hover{background:#204a2a;border-color:#42b72a}.e-admin-voucher span{color:#dae8dd;font-size:13px}.e-admin-voucher small{color:#9cc9a1}.e-admin-empty{text-align:center;color:#b6cdb9;padding:44px 14px}.e-admin-assignment-list{gap:12px;display:grid}.e-admin-assignment{background:#0000001f;border:1px solid #3a6046;border-radius:14px;padding:17px}.e-admin-assignment-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.e-admin-assignment-head>div{flex-direction:column;gap:6px;display:flex}.e-admin-assignment-head span{color:#c3d9c8;font-size:13px}.e-admin-pill{white-space:nowrap;border-radius:999px;padding:5px 10px;font-weight:700;font-size:12px!important}.e-admin-pill.pending{color:#b0f7a7;background:#20502c}.e-admin-pill.locked{color:#d7e1da;background:#38453c}.e-admin-edit{gap:9px;margin-top:15px;display:grid}.e-admin-edit label{color:#d3e7d7;font-size:13px;font-weight:700}.e-admin-edit button{justify-self:start;margin-top:6px}.e-admin-message{border-radius:10px;margin-bottom:18px;padding:13px 17px;font-size:14px}.e-admin-error{color:#ffe4e4;background:#572c2c;border:1px solid #c05656}.e-admin-success{color:#ddffdf;background:#20462c;border:1px solid #329947}.e-admin-history{border-top:1px solid #4c6554;margin-top:25px;padding-top:17px}.e-admin-history h3{margin:0 0 13px;font-size:17px}.e-admin-history-item{border-bottom:1px solid #3a6046;flex-direction:column;gap:5px;padding:11px 0;font-size:13px;display:flex}.e-admin-history-item span{color:#d5e1d5}.e-admin-history-item small{color:#a9bdb0}.e-admin-shortcut{z-index:101;color:#fff;background:#42b72a;border:2px solid #78db5f;border-radius:50px;padding:14px 21px;font-weight:800;text-decoration:none;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 30px #0008}.e-admin-shortcut:hover{background:#2d961c}@media (width<=950px){.e-admin-grid{grid-template-columns:1fr}.e-admin-page{padding:18px}.e-admin-voucher-list{max-height:340px}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{color:#18251b;background:#f5f7f5;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}