@tailwind base;@tailwind components;@tailwind utilities;@layer base{body,html{height:100%;overflow:auto;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:.875rem}body{@apply bg-gray-800 text-white}body,button,input,select,textarea{@apply text-black}#__next{height:100%;display:flex;flex-direction:column}}.bg-gray-900{background-color:#1a202c}.text-white{color:#ffffff}.text-red-500{color:#f56565}.hover\:bg-gray-700:hover background-color#2dទ0

.transition-all{transition:all .3s ease-in-out}.h-screen{height:100vh}.overflow-auto{overflow:auto}.w-16{width:4rem}.w-64{width:16rem}.modal-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-dropdown{z-index:10;background-color:#ffffff;border:1px solid #d1d5db;margin-top:4px;max-height:240px}.modal-table thead{top:0;background-color:#f5f5f5;z-index:10}.modal-table th{padding:8px;border:1px solid #d1d5db;text-align:left}.modal-table tbody{overflow-y:auto}.modal-table tr{border-bottom:1px solid #d1d5db}.modal-table td{border:1px solid #d1d5db}.modal-table input{width:100%;padding:4px;border:none;outline:none}.page-container{height:100vh;overflow:hidden}.table-container{max-height:500px;overflow-y:auto;display:block;width:100%}.table{width:100%;border-collapse:collapse}.table thead{position:-webkit-sticky;position:sticky;top:0;background-color:#f5f5f5;z-index:10}.table th{padding:8px 16px;border-bottom:1px solid #e5e7eb;text-align:left;font-weight:700}.table tbody{overflow-y:auto}.table tr{border-bottom:1px solid #e5e7eb}.table td{padding:8px 16px}.table .text-center{text-align:center;padding:16px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#ffffff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:relative}.modal-header{font-size:1.25rem;font-weight:600;margin-bottom:16px}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.modal-input,.modal-select{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.modal-input:disabled,.modal-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal-input.error,.modal-select.error{border-color:#ef4444}.modal-error{color:#ef4444;font-size:.75rem;margin-top:4px}.city-select-dropdown,.modal-dropdown{position:absolute;z-index:20;width:100%;background-color:#ffffff;border:1px solid #d1d5db;border-radius:4px;margin-top:4px;max-height:240px;overflow-y:auto;box-shadow:0 2px 4px rgba(0,0,0,.1)}.city-select-dropdown-item,.modal-dropdown-item{padding:8px;cursor:pointer}.city-select-dropdown-item:hover,.modal-dropdown-item:hover{background-color:#f3f4f6}.city-select-dropdown-empty,.city-select-dropdown-loading,.modal-dropdown-empty,.modal-dropdown-loading{padding:8px;color:#6b7280}.modal-section-title{font-size:1rem;font-weight:600;margin-bottom:8px}.modal-button{padding:8px 16px;border-radius:4px;font-size:.875rem;cursor:pointer}.modal-button-cancel{background-color:#e5e7eb}.modal-button-save{background-color:#16a34a;color:#ffffff}.modal-button-save.edit{background-color:#2563eb}.modal-button-save:hover{filter:brightness(1.1)}.modal-button-add-row{margin-top:8px;padding:4px 12px;background-color:#2563eb;color:#ffffff;border-radius:4px;font-size:.875rem}.modal-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}:root{--sidebar-collapsed-width:4.rem;--sidebar-expanded-width:16rem;--bg-gray-50:#f9fafb;--bg-white:#ffffff}#__next,body,html{height:100%;margin:0;padding:0}.sidebar{background-color:var(--bg-white);border-right:1px solid #e5e7eb;box-shadow:2px 0 5px rgba(0,0,0,.1);transition:width .3s ease}.main-content{background-color:var(--bg-gray-50);min-height:100vh}.city-select-dropdown,.modal-dropdown{z-index:1000}.branch-select-container{position:relative;width:40%}.branch-select{padding:8px;font-size:.875rem;max-height:40px}.branch-dropdown,.branch-select{width:100%;border:1px solid #d1d5db;border-radius:4px}.branch-dropdown{position:absolute;top:100%;left:0;max-height:200px;overflow-y:auto;background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.branch-dropdown-item{padding:8px;cursor:pointer}.branch-dropdown-item:hover{background-color:#f3f4f6}.branch-dropdown-empty{padding:8px;color:#6b7280}.date-input{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.date-input:disabled{background-color:#f3f4f6;cursor:not-allowed}@media (max-width:640px){.modal-content{width:95%;padding:16px;max-height:85vh}.modal-grid{grid-template-columns:1fr}.modal-grid.date-grid{grid-template-columns:repeat(2,1fr);gap:8px}.branch-select-container{width:100%}.date-input,.modal-input,.modal-select{font-size:.75rem;padding:6px}.modal-button{padding:6px 12px;font-size:.75rem}.modal-table-container{max-height:300px}}