:root{--bg:#eef3fa;--surface:#fff;--surface2:#f0f5fc;--surface3:#dde8f5;--border:#ccd9ed;--border2:#b3c8e2;--amber:#b8860b;--amber-light:#d4a017;--amber-pale:#f5e6b8;--amber-glow:#b8860b1a;--amber-dim:#8a6208;--blue:#2563eb;--blue-light:#3b82f6;--blue-pale:#dbeafe;--green:#16a34a;--green-pale:#dcfce7;--red:#dc2626;--red-pale:#fee2e2;--purple:#7c3aed;--purple-pale:#ede9fe;--orange:#ea580c;--text:#1e2d45;--text2:#4a6080;--text3:#8099bb;--radius:10px;--radius-lg:16px;--shadow:0 2px 12px #1e2d501a;--shadow-lg:0 8px 32px #1e2d5029;--sidebar-w:245px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3fa;background:var(--bg);color:#1e2d45;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,h5{font-family:Syne,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f0f5fc;background:var(--surface2)}::-webkit-scrollbar-thumb{background:#b3c8e2;background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8099bb;background:var(--text3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(20px)}}@keyframes badgePop{0%{transform:scale(.5)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite;display:inline-block}.fade-in{animation:fadeIn .3s ease forwards;min-height:600px}.slide-in{animation:slideIn .25s ease forwards}input,select,textarea{background:#fff;background:var(--surface);border:1.5px solid #b3c8e2;border:1.5px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#1e2d45;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:9px 14px;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#b8860b;border-color:var(--amber);box-shadow:0 0 0 3px #b8860b1a;box-shadow:0 0 0 3px var(--amber-glow)}input:disabled{cursor:not-allowed;opacity:.5}select option{background:#fff;background:var(--surface);color:#1e2d45;color:var(--text)}textarea{min-height:80px;resize:vertical}label{color:#4a6080;color:var(--text2);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}table{border-collapse:collapse;width:100%}thead th{background:#f0f5fc;background:var(--surface2);border-bottom:2px solid #ccd9ed;border-bottom:2px solid var(--border);color:#8099bb;color:var(--text3);font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase}tbody tr{transition:background .13s}tbody tr:hover{background:#f0f5fc;background:var(--surface2);cursor:pointer}tbody td{border-bottom:1px solid #ccd9ed;border-bottom:1px solid var(--border);color:#1e2d45;color:var(--text);font-size:13px;padding:11px 14px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.03em;padding:3px 9px;white-space:nowrap}.badge-new{background:#dbeafe;background:var(--blue-pale);border:1px solid #93c5fd;color:#2563eb;color:var(--blue)}.badge-approved{background:#dcfce7;background:var(--green-pale);border:1px solid #86efac;color:#16a34a;color:var(--green)}.badge-running{background:#f5e6b8;background:var(--amber-pale);border:1px solid #d4a017;color:#b8860b;color:var(--amber)}.badge-ended{background:#f1f5f9;border:1px solid #b3c8e2;border:1px solid var(--border2);color:#4a6080;color:var(--text2)}.badge-rejected{background:#fee2e2;background:var(--red-pale);border:1px solid #fca5a5;color:#dc2626;color:var(--red)}.badge-dept{background:#ede9fe;background:var(--purple-pale);border:1px solid #c4b5fd;color:#7c3aed;color:var(--purple);font-size:10px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-size:13px;font-weight:600;gap:6px;letter-spacing:.02em;padding:9px 18px;transition:all .18s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{background:#b8860b;background:var(--amber);color:#fff}.btn-primary:hover:not(:disabled){background:#8a6208;background:var(--amber-dim);box-shadow:0 4px 16px #b8860b59}.btn-secondary{background:#fff;background:var(--surface);border:1.5px solid #b3c8e2;border:1.5px solid var(--border2);color:#1e2d45;color:var(--text)}.btn-secondary:hover:not(:disabled){background:#b8860b1a;background:var(--amber-glow);border-color:#b8860b;border-color:var(--amber);color:#b8860b;color:var(--amber)}.btn-danger{background:#fee2e2;background:var(--red-pale);border:1.5px solid #fca5a5;color:#dc2626;color:var(--red)}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--red);color:#fff}.btn-ghost{background:#0000;color:#4a6080;color:var(--text2);padding:7px 12px}.btn-ghost:hover:not(:disabled){background:#f0f5fc;background:var(--surface2);color:#1e2d45;color:var(--text)}.btn-sm{font-size:12px;padding:6px 12px}.btn-icon{padding:7px}.card{background:#fff;background:var(--surface);border:1px solid #ccd9ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #1e2d501a;box-shadow:var(--shadow);padding:20px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#1e2d5073;display:flex;height:fit-content;inset:0;justify-content:center;padding:24px 20px;position:fixed;z-index:1000}.modal-box{animation:fadeIn .25s ease;border:1px solid #b3c8e2;border:1px solid var(--border2);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #1e2d5029;box-shadow:var(--shadow-lg);max-height:100%;max-width:680px;overflow-y:auto;width:100%}.modal-box,.modal-header{background:#fff;background:var(--surface)}.modal-header{align-items:center;border-bottom:1px solid #ccd9ed;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;padding:20px 24px 16px;position:sticky;top:0;z-index:1}.modal-body{padding:20px 24px}.modal-footer{align-items:center;background:#fff;background:var(--surface);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #ccd9ed;border-top:1px solid var(--border);bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;position:sticky}.notif-dot{animation:badgePop .4s ease;background:#dc2626;background:var(--red);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.divider{border:none;border-top:1px solid #ccd9ed;border-top:1px solid var(--border);margin:16px 0}.form-grid{grid-gap:14px;display:grid;gap:14px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.empty-state,.form-group{display:flex;flex-direction:column}.empty-state{align-items:center;color:#8099bb;color:var(--text3);gap:12px;justify-content:center;padding:60px 20px}.empty-state svg{opacity:.35}.empty-state p{font-size:13px}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease,fadeOut .3s ease 3.7s forwards;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 12px #1e2d501a;box-shadow:var(--shadow);display:flex;font-size:13px;font-weight:500;gap:8px;max-width:340px;padding:12px 18px;pointer-events:all}.toast-success{background:#dcfce7;background:var(--green-pale);border:1px solid #86efac;color:#16a34a;color:var(--green)}.toast-error{background:#fee2e2;background:var(--red-pale);border:1px solid #fca5a5;color:#dc2626;color:var(--red)}.toast-info{background:#dbeafe;background:var(--blue-pale);border:1px solid #93c5fd;color:#2563eb;color:var(--blue)}.toast-warn{background:#f5e6b8;background:var(--amber-pale);border:1px solid #d4a017;color:#b8860b;color:var(--amber)}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #ccd9ed;border-right:1px solid var(--border);bottom:0;box-shadow:2px 0 12px #1e2d5012;display:flex;flex-direction:column;left:0;min-height:100vh;position:fixed;top:0;width:245px;width:var(--sidebar-w);z-index:100}.sidebar-logo{border-bottom:1px solid #ccd9ed;border-bottom:1px solid var(--border);flex-shrink:0;padding:18px 18px 14px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px}.nav-section-label{color:#8099bb;color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.1em;padding:14px 10px 5px;text-transform:uppercase}.nav-item{align-items:center;border:1px solid #0000;border-radius:8px;color:#4a6080;color:var(--text2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:2px;padding:8px 11px;position:relative;transition:all .15s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#f0f5fc;background:var(--surface2);color:#1e2d45;color:var(--text)}.nav-item.active{background:#f5e6b8;background:var(--amber-pale);border-color:#b8860b40}.nav-item.active,.nav-item.active svg{color:#b8860b;color:var(--amber)}.sidebar-footer{background:#f0f5fc;background:var(--surface2);border-top:1px solid #ccd9ed;border-top:1px solid var(--border);flex-shrink:0;padding:13px 14px}.app-shell,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:245px;margin-left:var(--sidebar-w);min-width:0}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:2px solid #ccd9ed;border-bottom:2px solid var(--border);box-shadow:0 2px 8px #1e2d500f;display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.page-content{flex:1 1;padding:28px}.stat-card{background:#fff;background:var(--surface);border:1px solid #ccd9ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #1e2d501a;box-shadow:var(--shadow);overflow:hidden;padding:20px 22px;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}.stat-card:hover{border-color:#b3c8e2;border-color:var(--border2);box-shadow:0 8px 32px #1e2d5029;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card.amber:before{background:linear-gradient(90deg,#b8860b,#d4a017);background:linear-gradient(90deg,var(--amber),var(--amber-light))}.stat-card.blue:before{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--blue),var(--blue-light))}.stat-card.green:before{background:linear-gradient(90deg,#16a34a,#22c55e);background:linear-gradient(90deg,var(--green),#22c55e)}.stat-card.purple:before{background:linear-gradient(90deg,#7c3aed,#a855f7);background:linear-gradient(90deg,var(--purple),#a855f7)}.stat-card.red:before{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--red),#ef4444)}.notif-panel{animation:fadeIn .2s ease;background:#fff;background:var(--surface);border:1px solid #b3c8e2;border:1px solid var(--border2);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #1e2d5029;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:56px;width:360px;z-index:200}.notif-list{flex:1 1;overflow-y:auto}.notif-item{border-bottom:1px solid #ccd9ed;border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px;transition:background .13s}.notif-item:hover{background:#f0f5fc;background:var(--surface2)}.notif-item.unread{border-left:3px solid #b8860b;border-left:3px solid var(--amber);padding-left:13px}.booking-card{cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.booking-card:hover{border-color:#b8860b!important;border-color:var(--amber)!important;box-shadow:0 8px 32px #1e2d5029;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#1e2d45;color:var(--text);font-size:20px;font-weight:800}.page-subtitle{color:#4a6080;color:var(--text2);font-size:13px;margin-top:2px}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.info-block{background:#f0f5fc;background:var(--surface2);border:1px solid #ccd9ed;border:1px solid var(--border);border-radius:8px;padding:10px 14px}.info-block-label{color:#4a6080;color:var(--text2);font-size:11px;font-weight:600;margin-bottom:3px}.info-block-value{font-size:13px;font-weight:600}.banner-row{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 12px}.banner-row,.doc-row{background:#f0f5fc;background:var(--surface2);border:1px solid #ccd9ed;border:1px solid var(--border);border-radius:8px;gap:10px;margin-bottom:8px}.doc-row{align-items:center;display:flex;padding:8px 12px;transition:border-color .2s}.doc-row.approved{background:#dcfce7;background:var(--green-pale);border-color:#86efac}.login-bg-grid{background-image:linear-gradient(#b3c8e2 1px,#0000 0),linear-gradient(90deg,#b3c8e2 1px,#0000 0);background-image:linear-gradient(var(--border2) 1px,#0000 1px),linear-gradient(90deg,var(--border2) 1px,#0000 1px);background-size:44px 44px;inset:0;opacity:.06;pointer-events:none;position:absolute}.login-account-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #ccd9ed;border:1.5px solid var(--border);border-radius:8px;box-shadow:0 1px 4px #1e2d5012;color:#1e2d45;color:var(--text);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;gap:12px;padding:10px 14px;text-align:left;transition:border-color .15s,background .15s;width:100%}.login-account-btn:hover{background:#f5e6b8;background:var(--amber-pale);border-color:#b8860b;border-color:var(--amber)}@media (max-width:768px){:root{--sidebar-w:0px}.sidebar{display:none}.page-content{padding:16px}.banner-row,.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.report-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.report-filter-bar{align-items:flex-end;background:#fff;background:var(--surface);border:1px solid #ccd9ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #1e2d501a;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.chart-bar-track{background:#f0f5fc;background:var(--surface2);border:1px solid #ccd9ed;border:1px solid var(--border);border-radius:6px;height:32px;overflow:hidden}.chart-tooltip{background:#fff;background:var(--surface);border:1px solid #b3c8e2;border:1px solid var(--border2);border-radius:8px;box-shadow:0 2px 12px #1e2d501a;box-shadow:var(--shadow);font-size:12px;padding:8px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:100}
/*# sourceMappingURL=main.641798bf.css.map*/