.menu-hierarchy{display:flex;flex-direction:column;gap:15px}.menu-parent-card{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.menu-parent-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:10px;padding:12px 15px}.menu-parent-header.no-children{border-bottom:none}.expand-btn{align-items:center;background:none;border:none;color:#810055;cursor:pointer;display:flex;padding:4px;transition:transform .2s ease}.expand-btn:hover{transform:scale(1.1)}.menu-parent-label{flex:1 1}.menu-parent-title{color:#333;font-size:.9rem;font-weight:500;margin:0}.menu-parent-desc{color:#666;font-size:.75rem;margin:2px 0 0}.menu-children-container{background:#fff;padding:10px 15px 10px 45px}.menu-children-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.menu-child-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px;transition:all .2s ease}.menu-child-card.selected{background:#f8f9fa}.menu-child-title{color:#333;font-size:.8125rem;font-weight:400;margin:0}.menu-child-desc{color:#666;font-size:.75rem;margin:2px 0 0}.menu-stats{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:15px}.menu-stats p{color:#666;font-size:.9rem;margin:0}.loading-menus{padding:40px;text-align:center}.loading-menus p{color:#666;margin-top:10px}.no-menus{color:#666;text-align:center}.sidebar{background:#fff;box-shadow:2px 0 12px #0000001a;height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:left .3s cubic-bezier(.25,.46,.45,.94);width:280px;z-index:1002}.sidebar.open{left:0}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.sidebar-header{background:linear-gradient(135deg,#810055,#6a0046);border-bottom:1px solid #ffffff1a;color:#fff;padding:16px 20px}.sidebar-header h2{font-family:Arial,sans-serif;font-size:1.15rem;font-weight:500;letter-spacing:.3px;margin:0}.sidebar-nav{padding:10px 0}.sidebar-empty,.sidebar-loading{color:#666;font-size:.8125rem;padding:20px;text-align:center}.sidebar-loading{font-style:italic}.sidebar-empty{color:#999}.sidebar-menu-group{margin-bottom:2px}.sidebar-menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.sidebar-menu-item.level-0{font-weight:500;padding-left:20px}.sidebar-menu-item.level-1{font-size:.8125rem;font-weight:400;padding-left:50px}.sidebar-menu-item:hover{background:#f8f9fa;color:#810055}.sidebar-menu-item.active{background:linear-gradient(90deg,#8100551a,#0000);border-left:3px solid #810055;color:#810055;font-weight:500}.sidebar-menu-item.expanded{background:#f8f9fa;color:#810055}.menu-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem}.menu-label{flex:1 1}.menu-arrow{align-items:center;display:flex;font-size:1rem;transition:transform .2s ease}.sidebar-submenu{animation:slideDown .2s ease;background:#fafafa}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.navbar{border-bottom:2px solid #810055;box-shadow:0 2px 8px #00000014;height:56px;padding:0 20px}.navbar-left{gap:15px}.menu-toggle-btn,.navbar-left{align-items:center;display:flex}.menu-toggle-btn{background:#810055;border:none;border-radius:8px;box-shadow:0 2px 6px #81005533;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.menu-toggle-btn:hover{background:#6a0046;box-shadow:0 4px 12px #8100554d;transform:scale(1.05)}.menu-toggle-btn:active{transform:scale(.95)}.navbar-brand{font-size:1.15rem;font-weight:500;letter-spacing:.2px;transition:all .2s ease}.navbar-brand:hover{color:#6a0046}.user-btn{align-items:center;background:#fff;border:1.5px solid #e9ecef;border-radius:8px;color:#495057;display:flex;font-family:Arial,sans-serif;font-size:.9rem;gap:8px}.user-btn:hover{background:#f8f9fa;border-color:#810055;box-shadow:0 2px 8px #8100551a;color:#810055}.user-menu{animation:fadeIn .2s ease;border:1px solid #e9ecef;box-shadow:0 4px 16px #00000026;min-width:160px}.menu-item{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:.9rem;font-weight:500;gap:10px;padding:12px 16px}.menu-item:hover{background:#f8f9fa}.menu-item.logout:hover{background:#fff5f5;color:#6c757d}@media (max-width:768px){.navbar{padding:0 15px}.navbar-brand{font-size:1.1rem}.sidebar{left:-260px;width:260px}}.btn{box-shadow:0 1px 3px #00000014;font-size:.8125rem;letter-spacing:.2px;padding:8px 16px}.btn:before{background:#ffffff4d;transition:width .5s,height .5s}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-icon-left,.btn-icon-right{align-items:center;display:flex;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,#810055,#6a0046);border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6a0046,#550038);box-shadow:0 4px 12px #8100554d;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);border:none}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-info:hover:not(:disabled){background:#f8f9fa;border-color:#810055;box-shadow:0 4px 12px #81005526;color:#810055;transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 12px #0000001a;color:#333;transform:translateY(-2px)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#6c757d,#5a6268);border-color:#6c757d;box-shadow:0 4px 12px #6c757d40;color:#fff;transform:translateY(-2px)}.btn-sm{font-size:.75rem;min-width:28px;padding:5px 10px}.btn-sm .btn-icon-left,.btn-sm .btn-icon-right{font-size:.95rem}.btn-icon{height:32px;width:32px}.btn-icon.btn-sm{border-radius:6px;font-size:.8125rem;height:26px;width:26px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#333;font-family:Arial,sans-serif}.page-header{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#333;margin-bottom:20px;padding:16px 24px;text-align:center}.page-header h2{color:#333;font-size:1.25rem;font-weight:500;letter-spacing:-.3px;margin:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s ease}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn i,.btn svg{flex-shrink:0;font-size:1rem}.btn-primary{background:#810055;box-shadow:0 2px 4px #81005526;color:#fff}.btn-primary:hover{background:#6a0046;box-shadow:0 4px 12px #81005540;transform:translateY(-2px)}.btn-success{background:#810055;box-shadow:0 2px 4px #81005526;color:#fff}.btn-success:hover{background:#6a0046;box-shadow:0 4px 12px #81005540;transform:translateY(-2px)}.btn-info{background:#fff;border:1.5px solid #dee2e6;box-shadow:0 1px 3px #0000000d;color:#495057}.btn-info:hover{background:#f8f9fa;border-color:#810055;box-shadow:0 4px 12px #0000001a;color:#810055;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1.5px solid #dee2e6;box-shadow:0 1px 3px #0000000d;color:#495057}.btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-danger{background:#fff;border:1.5px solid #dee2e6;box-shadow:0 1px 3px #0000000d;color:#6c757d}.btn-danger:hover{background:#6c757d;border-color:#6c757d;box-shadow:0 4px 12px #6c757d33;color:#fff;transform:translateY(-2px)}.btn-sm{border-radius:6px;font-size:.8125rem;gap:6px;min-width:32px;padding:6px 12px}.btn-sm i,.btn-sm svg{font-size:.875rem}.btn-icon{align-items:center;border-radius:8px;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.btn-icon-sm{border-radius:6px;height:28px;width:28px}.btn-with-icon-left i,.btn-with-icon-left svg{margin-right:4px}.btn-with-icon-right i,.btn-with-icon-right svg{margin-left:4px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{color:#333;font-size:.875rem;font-weight:500;margin-bottom:5px}.form-input{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#333;font-family:Arial,sans-serif;font-size:.8125rem;padding:10px 14px;transition:all .2s ease}.form-input:focus{border-color:#810055;box-shadow:0 0 0 3px #81005514;outline:none}.form-group input[type=select],.form-group select,input[type=select].form-input,select.form-input{color:#333;font-size:.8125rem}.form-input.error{border-color:#856404}.error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem;margin-bottom:20px;padding:12px;text-align:center}.data-table{border-collapse:collapse;font-family:Arial,sans-serif;font-size:.8125rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e9ecef;padding:10px 12px;text-align:left}.data-table th{background:#f8f9fa;color:#333;font-size:.875rem;font-weight:500}.table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.content-container{background:#f8f9fa;min-height:100vh;padding:20px}.loading{color:#666;font-style:italic;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#810055;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification{animation:slideIn .3s ease-out;background:#6c757d;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 2px 12px #00000026;color:#fff;font-size:.8125rem;max-width:400px;min-width:280px;padding:12px 16px;position:fixed;right:20px;top:80px;z-index:1000}.notification.success{background:#28a745;box-shadow:0 2px 12px #28a74533}.notification.info{background:#6c757d;box-shadow:0 2px 12px #6c757d33}.notification.error{background:#6c757d;box-shadow:0 2px 12px #dc354533}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-content{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#333;font-size:1.15rem;font-weight:500;margin:0}.modal-close{background:none;border:none;color:#810055;cursor:pointer;font-size:1.5rem;height:30px;padding:0;width:30px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.login-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:32px;width:100%}.login-header{margin-bottom:24px;text-align:center}.login-header h1{color:#333;font-size:1.5rem;font-weight:500;margin-bottom:8px}.login-header p{color:#666;font-size:.875rem;margin:0}.form-actions{align-items:center;display:flex;gap:10px}.search-section>.form-actions{justify-content:flex-start;margin-top:20px}.search-bar-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.search-bar-container .form-group{flex:1 1;margin-bottom:0;max-width:400px}.search-bar-container .form-actions{margin-top:0}.search-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:16px}.search-form{grid-gap:20px;align-items:flex-end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-form .form-actions{margin-top:28px}@media (max-width:768px){.search-form{gap:15px;grid-template-columns:1fr}}.table-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px}.table-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.table-header h3{color:#333;font-size:1rem;font-weight:500;margin:0}.actions,.pagination{display:flex;gap:8px}.pagination{align-items:center;justify-content:center;margin-top:20px;padding:20px 0}.pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;min-width:36px;padding:6px 10px;transition:all .2s ease}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:#810055;border-color:#810055;box-shadow:0 2px 6px #81005526;color:#fff}.pagination-btn.active{font-weight:600}.pagination-btn:disabled{background:#f8f9fa;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:#666;font-size:.8125rem;padding:0 8px}.pagination-info{color:#666;font-size:.8125rem;margin-left:16px}.table-empty{color:#666;padding:20px;text-align:center}.entry-form-section{margin-bottom:20px;padding:20px}.section-title{color:#810055;font-size:1.1rem;margin-bottom:15px}.sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.sortable:hover{background:#f0f0f0}.header-actions{align-items:center;display:flex;gap:10px}.leave-checkboxes{display:flex;gap:20px;margin-bottom:20px}.leave-checkboxes label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.entry-form-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.section-title{color:#333;font-size:.9375rem;font-weight:500;margin-bottom:12px;margin-top:0}.time-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.entries-preview{margin-bottom:20px}.error-text,.required-mark{color:#856404}.error-text{display:block;font-size:.85rem;margin-top:4px}.text-muted{color:#666;font-size:.85rem}textarea.form-input{font-family:Arial,sans-serif;min-height:80px;resize:vertical}.modal-large{max-width:900px}.modal-medium{max-width:600px}.modal-small{max-width:400px}.text-center{text-align:center}.flex{display:flex}.flex-gap-10{gap:10px}.flex-between{justify-content:space-between}.flex-center{align-items:center;justify-content:center}.flex-end{justify-content:flex-end}.w-full{width:100%}.max-w-300{max-width:300px}.max-w-400{max-width:400px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.p-20{padding:20px}.p-40{padding:40px}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.bg-light{background:#f8f9fa}.bg-white{background:#fff}.rounded{border-radius:8px}.grid-auto{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.font-semibold{font-weight:500}.text-sm{font-size:.85rem}.text-xs{font-size:.8rem}.color-muted{color:#666}.color-primary{color:#810055}.flex-1{flex:1 1}.min-w-100{min-width:100px}.empty-state{color:#666;padding:40px;text-align:center}.hint-text{color:#666;display:block;font-size:.8rem;margin-top:4px}.validation-error{color:#856404;display:block;font-size:.85rem;margin-top:4px}.required-asterisk{color:#856404}@media (max-width:768px){.content-container{padding:15px}.page-header{margin-bottom:20px;padding:15px}.time-inputs{grid-template-columns:1fr}.leave-checkboxes{flex-direction:column;gap:10px}.header-actions{align-items:flex-start;flex-direction:column;gap:5px}}.navbar{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #00000014;height:60px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{color:#810055;cursor:pointer;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:#c22a6b;transform:scale(1.05)}.nav-menu{display:flex;flex:1 1;gap:5px;list-style:none;margin:0 0 0 40px;padding:0}.nav-menu li{position:relative}.nav-link{background:none;border:none;border-radius:6px;color:#495057;cursor:pointer;font-family:Arial,sans-serif;font-size:.875rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link.active,.nav-link:hover{background:#f8f9fa;color:#810055}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu{background:#fff;border:1px solid #f1f1ed;box-shadow:0 4px 8px #0000001a;display:none;left:0;list-style:none;margin:0;min-width:180px;padding:5px 0;position:absolute;top:100%;z-index:1001}.dropdown-menu li{width:100%}.dropdown-menu button{background:none;border:none;color:#333;cursor:pointer;font-family:Arial,sans-serif;font-size:.85rem;padding:10px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu button:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#810055;transform:translateX(5px)}.nav-user{position:relative}.user-btn{background:none;border:none;border-radius:4px;color:#810055;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.user-btn:hover{background-color:#f9f2f6}.user-menu{background:#fff;border:1px solid #f1f1ed;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px)}.menu-item{background:none;border:none;color:#333;cursor:pointer;font-size:14px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background:#f9f2f6;color:#810055}.app-layout{background:#f8f9fa;min-height:100vh}.main-content{margin-top:60px;min-height:calc(100vh - 60px);padding:0}.home-container{margin:0 auto;max-width:1200px;padding:20px}.home-header{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:24px 20px;text-align:center}.home-header h1{color:#333;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:500;margin-bottom:8px}.home-header p{color:#666;font-size:.9375rem;margin:0}.home-content{display:flex;justify-content:center}.welcome-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;max-width:600px;padding:32px;text-align:center;width:100%}.welcome-card h2{color:#333;font-size:1.25rem;font-weight:500;margin-bottom:12px}.welcome-card p{color:#666;font-size:.9375rem;line-height:1.6;margin:0}@media (max-width:768px){.navbar{padding:0 15px}.nav-menu{display:none}.main-content{padding:15px}}.dsr-entry-form{max-width:800px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:16px}.form-section h4{color:#333;font-size:.9375rem;font-weight:500;margin-bottom:12px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-row .form-group{margin-bottom:0}.entry-form{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.entries-list{margin-top:20px}.entries-list h5{color:#333;font-size:.875rem;font-weight:500;margin-bottom:12px}.data-table input[type=checkbox]{accent-color:#810055;cursor:pointer;height:16px;width:16px}.data-table th input[type=checkbox]{margin:0}.status-approved{color:#28a745;font-weight:500}.status-pending{color:#ffc107;font-weight:500}.status-danger{color:#856404;font-weight:500}.status-success{color:#28a745;font-weight:500}@media (max-width:768px){.form-row{gap:15px;grid-template-columns:1fr}.dsr-entry-form{max-width:100%}}.branch-selector-container{max-height:600px;min-height:500px}.zone-warning{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:12px 16px}.branch-search-section,.zone-warning{margin-bottom:20px}.branch-search-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.branch-search-input:focus{border-color:#810055;box-shadow:0 0 0 3px #8100551a}.branch-selection-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.selection-count{align-items:center;display:flex;gap:10px}.count-badge{background:#810055;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;min-width:30px;padding:4px 12px;text-align:center}.count-text{color:#666;font-size:.9rem;font-weight:500}.select-all-btn{border-radius:6px;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.branch-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.branch-list-container{background:#fff;border:2px solid #e9ecef;border-radius:8px;max-height:350px;overflow-y:auto}.branch-empty-state{color:#666;padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-text{font-size:1rem;font-weight:500}.branch-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}.branch-item{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;position:relative;transition:all .3s ease}.branch-item:hover{background:#f8f9fa;transform:translateX(3px)}.branch-item.selected{background:#e8f5e8;border-left:3px solid #28a745}.branch-item.selected:hover{background:#d4edda}.branch-checkbox{flex-shrink:0;margin-right:15px}.branch-info{flex:1 1;min-width:0}.branch-name{color:#333;font-size:.875rem;font-weight:500;line-height:1.2;margin-bottom:4px}.branch-details{align-items:center;color:#666;display:flex;font-size:.8125rem;gap:15px}.branch-code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Courier New,monospace;font-weight:500;padding:2px 8px}.branch-zone{color:#810055;font-weight:500}.selected-indicator{color:#28a745;flex-shrink:0;font-size:1.2rem;font-weight:700;margin-left:10px}.save-branches-btn{border-radius:6px;font-weight:500;padding:12px 24px;transition:all .2s ease}.save-branches-btn:hover{box-shadow:0 2px 8px #81005533;transform:translateY(-1px)}@media (max-width:768px){.branch-selection-header{align-items:stretch;flex-direction:column;gap:15px}.selection-count{justify-content:center}.branch-details{align-items:flex-start;flex-direction:column;gap:5px}.branch-item{padding:12px 15px}}.dashboard-header,.master-header,.queries-header,.reports-header{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#333;margin-bottom:20px;padding:16px 24px;text-align:center}.dashboard-header h2,.master-header h2,.queries-header h2,.reports-header h2{color:#333;font-family:Arial,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:-.3px;margin:0}.menu-icon{background:#810055;border:none;border-radius:6px;box-shadow:0 2px 6px #81005526;color:#fff;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.menu-icon:hover{background:#6a0046;box-shadow:0 4px 12px #81005533}.hamburger-menu{position:fixed;z-index:1001}.hamburger-menu,.hamburger-overlay{height:100%;left:0;top:0;width:100%}.hamburger-overlay{background:#00000080;position:absolute}.hamburger-content{animation:slideInLeft .4s cubic-bezier(.25,.46,.45,.94);background:#fff;box-shadow:2px 0 10px #0000001a;height:100%;left:0;position:absolute;top:0;width:280px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.hamburger-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:20px}.hamburger-close,.hamburger-header{align-items:center;color:#810055;display:flex}.hamburger-close{font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.hamburger-close,.hamburger-link{background:none;border:none;cursor:pointer}.hamburger-link{color:#333;font-family:Arial,sans-serif;font-size:1rem;font-weight:500;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.hamburger-link:hover{background:#f8f9fa;color:#810055;transform:translateX(5px)}.hamburger-link.active{background:#810055;color:#fff}.master-card,.query-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:20px;text-align:center;transition:all .2s ease}.master-card:hover,.query-card:hover{border-color:#810055;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.master-icon,.query-icon{color:#810055;display:block;filter:drop-shadow(0 2px 4px rgba(129,0,85,.1));font-size:2rem;margin-bottom:12px}.master-card h3,.query-card h3{color:#333;font-family:Arial,sans-serif;font-size:.9375rem;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}.master-card p,.query-card p{color:#666;font-size:.8125rem;line-height:1.5;margin-bottom:16px}.master-btn,.query-btn{background:#810055;border:none;border-radius:6px;box-shadow:0 2px 6px #81005526;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:.8125rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.master-btn:hover,.query-btn:hover{background:#6a0046;box-shadow:0 4px 12px #81005533;transform:translateY(-1px)}.action-btn{align-items:center;background:#810055;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.8125rem;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.action-btn:hover{background:#6a0046;box-shadow:0 2px 8px #81005533;transform:translateY(-1px)}.confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-dialog{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:24px;width:90%}.confirm-message{color:#333;font-family:Arial,sans-serif;font-size:.875rem;line-height:1.4;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.master-grid,.queries-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.master-view,.queries-view,.reports-view{background:#f8f9fa;min-height:100vh;padding:20px}.loading-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.notification.warning{background:#ffc107;box-shadow:0 4px 12px #ffc1074d;color:#212529}@media (max-width:768px){.menu-icon{display:block}.nav-menu{display:none}.master-grid,.queries-grid{grid-template-columns:1fr}.master-view,.queries-view,.reports-view{padding:15px}}.text-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-message{line-height:1.6;margin-bottom:20px}.modal-message p{margin-bottom:10px}.modal-message strong{color:#810055;font-weight:600}
/*# sourceMappingURL=main.e485cd7f.css.map*/