*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}#root{max-width:100%!important;width:100vw!important;margin:0!important;padding:0!important}.app-container{display:flex;height:100vh;background:#f4f6f8;overflow:hidden}.left-sidebar{width:260px;background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column}.nav-section{padding:15px;border-bottom:1px solid #eee;display:flex;flex-direction:column;overflow-y:auto}.nav-section h3{margin-bottom:10px;color:#555;font-size:14px;text-transform:uppercase}.nav-btn{padding:10px 15px;margin-bottom:5px;border-radius:8px;border:none;background:transparent;text-align:left;cursor:pointer;font-weight:500;transition:.2s}.nav-btn:hover{background:#f0f0f0}.nav-btn.active{background:#ff6b6b;color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.add-btn{background:#e0e7ff;color:#4f46e5;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.add-btn:hover{background:#c7d2fe}.scrollable-list{display:flex;flex-direction:column;overflow-y:auto;max-height:250px;padding-right:5px}.scrollable-list::-webkit-scrollbar{width:4px}.scrollable-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.middle-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.middle-content{padding:20px;display:flex;flex-direction:column;flex:1;gap:20px;overflow-y:auto}.current-order-area{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 5px #0000000d}.order-item-list{margin:15px 0;display:flex;flex-direction:column;gap:0px;max-height:220px;overflow-y:auto;padding-right:5px}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9f9f9;border-radius:8px}.menu-grid{display:flex;flex-wrap:wrap;gap:15px}.menu-card{width:calc(20% - 12px);background:#fff;padding:8px;border-radius:10px;text-align:center;cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:.2s}.menu-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.running-orders-bar{display:flex;gap:px;padding:15px 20px;background:#fff;border-top:1px solid #ddd;align-items:center;overflow-x:auto}.bill-receipt{border:1px dashed #ccc;padding:20px;flex:1;border-radius:8px;display:flex;flex-direction:column}.bill-header{text-align:center;border-bottom:1px dashed #ccc;padding-bottom:15px;margin-bottom:15px}.bill-items{flex:1;overflow-y:auto}.bill-totals{border-top:1px dashed #ccc;padding-top:15px;margin-top:15px}.print-btn{margin-top:20px;padding:16px;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;width:100%;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:8px;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 10px #22c55e4d}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0003;animation:modalFadeIn .3s ease}.modal-content h3{margin-bottom:15px;color:#1e293b;font-size:20px}.modal-content p{margin-bottom:25px;color:#64748b;line-height:1.5}.modal-actions{display:flex;justify-content:center;gap:15px}.btn-cancel,.btn-confirm{padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:14px;transition:.2s ease-in-out}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel:hover{background:#e2e8f0}.btn-confirm{background:#ef4444;color:#fff}.btn-confirm:hover{background:#dc2626}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.receipt-modal{width:95%!important;max-width:420px!important;padding:20px!important}.cart-item-row{display:flex;justify-content:space-between;align-items:center;padding:14px 8px;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.cart-item-row:hover{background-color:#f8fafc}.cart-item-info{display:flex;flex-direction:column;flex:1}.cart-item-name{font-weight:600;font-size:15px;color:#1e293b}.cart-item-details{font-size:11px;color:#94a3b8}.cart-item-controls{display:flex;align-items:center;gap:12px}.qty-pill{display:flex;align-items:center;background:#f1f5f9;border-radius:20px;padding:2px;border:1px solid #e2e8f0}.qty-pill-btn{background:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-weight:700;box-shadow:0 1px 2px #0000000d}.qty-pill-btn:hover{background:#f8fafc;color:#1e293b}.qty-pill-val{min-width:28px;text-align:center;font-weight:700;font-size:14px;color:#0f172a}.cart-item-total{min-width:85px;text-align:right;font-size:14px;color:#0f172a}.cart-item-delete{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:6px;border-radius:8px;display:flex;transition:all .2s}.cart-item-delete:hover{background:#fee2e2;color:#ef4444}@media(max-width:720px){.cart-item-row{padding:10px 4px}.qty-pill{transform:scale(.9)}.cart-item-total{min-width:70px;font-size:13px}.cart-item-controls{gap:6px}}@media(max-width:1024px){.app-container{flex-direction:column!important;overflow-y:auto!important;height:auto!important;min-height:100vh}.left-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #e2e8f0!important}.middle-section{width:100%!important;flex:none!important}.middle-content{padding:15px!important;gap:15px!important}.current-order-area{width:100%!important;margin-bottom:10px!important}.order-item-list{max-height:300px!important}.menu-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}.menu-card{width:100%!important;padding:12px!important}}@media(max-width:720px){.cart-item-row{padding:10px 4px!important}.cart-item-name{font-size:14px!important}.cart-item-controls{gap:8px!important}.qty-pill{transform:scale(.9);transform-origin:right}.cart-item-total{min-width:70px!important;font-size:13px!important}.running-orders-bar{flex-direction:column!important;align-items:center!important;gap:12px!important;padding:15px!important}.running-orders-bar>div{margin:0!important;border:none!important;padding:0!important;text-align:center!important}}@media(max-width:1024px){.menu-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;padding:10px 5px 20px!important;-webkit-overflow-scrolling:touch}.menu-grid::-webkit-scrollbar{display:none}.menu-card{flex:0 0 130px!important;width:130px!important;padding:12px!important;margin:0!important}.menu-card img{width:60px!important;height:60px!important;border-radius:8px!important;margin-bottom:5px!important}.menu-card div{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.item-left-block{flex:1;padding-right:15px}.item-name{font-weight:600;font-size:14px;color:#1e293b}.item-right-group{display:flex;align-items:center;gap:15px}.item-controls-block{display:flex;flex-direction:column;align-items:flex-end}.cancel-wrapper{height:auto;margin-bottom:6px}.small-cancel-icon-btn{background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;color:#dc2626;cursor:pointer;padding:2px 4px;opacity:1;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out}.small-cancel-icon-btn:hover{background:#fca5a5;color:#fff}.qty-controls-row{display:flex;align-items:center;gap:8px;background-color:#f1f5f9;padding:3px 6px;border-radius:6px}.qty-btn{background:none;border:none;color:#64748b;font-size:16px;font-weight:700;cursor:pointer;padding:0;line-height:1}.qty-btn:hover{color:#1e293b}.qty-val{font-weight:700;font-size:14px;color:#1e293b;min-width:16px;text-align:center}.item-price-block{min-width:80px;text-align:right}.item-total-price{font-size:15px;color:#1e293b;font-weight:700}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f4f6f8}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;text-align:center}.auth-card h2{margin-bottom:20px;color:#333}.auth-card input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;font-size:16px}.auth-btn{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.auth-btn:hover{background:#4338ca}.auth-switch{margin-top:15px;color:#4f46e5;cursor:pointer;font-size:14px}.auth-error{color:#ff4d4f;font-size:14px;margin-bottom:15px}.nav-rail{width:80px;background:#1e293b;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 0;z-index:10;flex-shrink:0}.nav-rail-top,.nav-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.rail-logo{font-size:28px;margin-bottom:20px}.rail-btn{background:transparent;border:none;color:#94a3b8;width:50px;height:50px;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;text-decoration:none}.rail-btn:hover{background:#334155;color:#fff}.rail-btn.active{background:#4f46e5;color:#fff;box-shadow:0 4px 10px #4f46e566}.logout-btn:hover{background:#fee2e2;color:#ef4444}.inv-page-container{flex:1;padding:20px;background:#f8fafc;height:100vh;overflow-y:auto;box-sizing:border-box;width:100%}.inv-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.horizontal-form-row{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.horizontal-form-row .form-group{flex:1;min-width:150px;margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.form-label{font-size:13px;color:#64748b;font-weight:700}.form-input,.form-select{padding:10px;border-radius:6px;border:1px solid #cbd5e1;width:100%;font-size:14px}.table-responsive-wrapper{width:100%;overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.custom-data-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.custom-data-table th{background:#f1f5f9;padding:12px 15px;color:#64748b;font-size:14px;border-bottom:2px solid #e2e8f0}.custom-data-table td{padding:12px 15px;border-bottom:1px solid #e2e8f0;font-size:14px}.edit-table-input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.qty-unit-wrapper{display:flex;align-items:center;gap:6px}.qty-input{width:60px}.unit-select{width:70px}.action-buttons-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:12px}@media(max-width:1024px){.app-container{padding-bottom:70px!important}.left-sidebar{width:100%;border-right:none;border-bottom:2px solid #ddd;padding-bottom:15px}.scrollable-list{max-height:150px}.middle-section{width:100%;flex:none;overflow-y:visible}.menu-card{width:calc(33.333% - 10px)}.running-orders-bar{flex-direction:column;align-items:flex-start}.running-orders-bar>div{margin-left:0!important;flex-wrap:wrap}.nav-rail{position:fixed!important;bottom:0!important;left:0!important;width:100vw!important;height:70px!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:0 10px!important;border-top:1px solid #334155!important;background:#1e293b;z-index:9999!important}.nav-rail-top,.nav-rail-bottom{flex-direction:row!important;width:auto!important;gap:10px!important;margin:0!important}.rail-logo{display:none!important}.rail-btn{width:45px!important;height:45px!important;border-radius:10px!important}}@media(max-width:720px){.nav-rail{height:65px!important;padding:0 15px!important;gap:5px!important}.nav-rail-top,.nav-rail-bottom{gap:8px!important}.rail-btn{width:42px!important;height:42px!important;border-radius:10px!important}.rail-btn svg{width:20px!important;height:20px!important}.settings-nav-btn:active{background:#334155!important;transform:scale(.95)}.app-container{padding-bottom:65px!important}.left-sidebar{padding-bottom:10px!important}.nav-section{padding:10px 15px!important}.scrollable-list{max-height:120px!important}}@media(max-width:768px){.manage-form-container{padding:12px!important;margin-bottom:15px!important}.manage-form-container h3{margin-bottom:10px!important;font-size:16px!important}.horizontal-form-row{gap:8px!important}.horizontal-form-row .form-group{min-width:45%!important}.form-label{font-size:11px!important;margin-bottom:2px!important}.form-input,.form-select{padding:8px!important;font-size:13px!important;height:34px!important}.submit-btn-mobile{height:34px!important;padding:0 15px!important;font-size:13px!important;width:100%!important;margin-top:5px!important;justify-content:center!important}.table-responsive-wrapper,.inventory-table-container{max-height:45vh!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.custom-data-table{min-width:100%!important}.custom-data-table th,.custom-data-table td{padding:12px 4px!important;font-size:11px!important;white-space:normal!important}.action-buttons-wrapper{flex-direction:column;gap:12px;align-items:center}.qty-unit-wrapper{align-items:center}.qty-input{width:55px}.unit-select{width:65px}}@media(max-width:600px){.menu-grid{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:12px;padding-bottom:12px;-webkit-overflow-scrolling:touch}.menu-grid::-webkit-scrollbar{height:6px}.menu-card{flex:0 0 auto;width:110px;padding:10px 5px;border-radius:8px}.menu-card img{width:50px!important;height:50px!important;margin-bottom:5px!important;border-radius:6px!important}.menu-card div[style*="40px"]{font-size:30px!important;margin-bottom:5px!important}.menu-card div:nth-child(2){font-size:12px;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-card div:last-child{font-size:12px}.nav-rail{padding:0 15px!important;justify-content:space-around!important}.nav-rail-top,.nav-rail-bottom{gap:15px!important}.inv-header-row{flex-direction:column;align-items:flex-start}}.recipe-builder-container{padding:30px;max-width:100%;margin:0;overflow-y:auto;flex:1;background-color:#f8fafc}.recipe-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin-bottom:25px}.recipe-title{font-size:28px;font-weight:800;color:#1e293b;margin-bottom:25px;display:flex;align-items:center;gap:12px}.recipe-select{width:100%;padding:14px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;outline:none;background-color:#f8fafc;color:#334155;font-weight:500;transition:.2s ease-in-out}.recipe-select:focus{border-color:#3b82f6;background-color:#fff}.ingredient-row{display:flex;gap:15px;margin-bottom:15px;align-items:center}.ingredient-select{flex:2;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;background-color:#fff}.ingredient-qty{flex:1;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}.btn-remove{background-color:#fee2e2;color:#ef4444;border:none;border-radius:8px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-remove:hover{background-color:#ef4444;color:#fff}.recipe-actions{display:flex;justify-content:space-between;margin-top:25px;padding-top:25px;border-top:1px solid #e2e8f0}.btn-add-ingredient{background-color:#f1f5f9;color:#475569;padding:12px 20px;border-radius:8px;font-weight:700;border:1px solid #cbd5e1;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.btn-add-ingredient:hover{background-color:#e2e8f0}.btn-save-recipe{background-color:#3b82f6;color:#fff;padding:12px 25px;border-radius:8px;font-weight:700;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px #3b82f640;transition:.2s}.btn-save-recipe:hover{background-color:#2563eb;transform:translateY(-1px)}@media(max-width:768px){.recipe-builder-container{padding:15px}.ingredient-row{flex-direction:column;align-items:stretch;background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0;gap:10px}.btn-remove{width:100%;height:40px;margin-top:5px}.recipe-actions{flex-direction:column;gap:15px}.btn-save-recipe,.btn-add-ingredient{width:100%;justify-content:center}}@media(max-width:768px){.reports-page-wrapper{padding:12px!important;overflow-x:hidden!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.reports-page-wrapper *{box-sizing:border-box!important;max-width:100%!important}.reports-page-wrapper>div:nth-child(1){flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;padding-bottom:10px!important;margin-bottom:15px!important}.reports-page-wrapper h2{font-size:16px!important}.reports-page-wrapper>div:nth-child(1)>div:first-child svg{width:20px!important;height:20px!important}.reports-page-wrapper>div:nth-child(1)>div:nth-child(2){width:100%!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important}.reports-page-wrapper>div:nth-child(1)>div:nth-child(2) select{padding:6px 8px!important;font-size:12px!important;flex:1!important;height:auto!important}.reports-page-wrapper>div:nth-child(1)>div:nth-child(2) button{padding:6px 10px!important;font-size:12px!important;flex:1!important;height:auto!important;justify-content:center!important}.reports-page-wrapper>div:nth-child(1)>div:nth-child(2) button svg{width:14px!important;height:14px!important}.reports-page-wrapper>div:nth-child(2),.reports-page-wrapper>div:nth-child(3){flex-direction:column!important;gap:12px!important;width:100%!important}.reports-page-wrapper>div:nth-child(2)>div,.reports-page-wrapper>div:nth-child(3)>div{min-width:0!important;width:100%!important;flex:none!important;padding:15px!important}.reports-page-wrapper>div:nth-child(4){padding:15px!important;width:100%!important}.reports-page-wrapper .table-responsive-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.recipe-builder-container{padding:15px!important}.recipe-card>div:not(:last-child){flex-direction:column!important;align-items:stretch!important;background:#f8fafc!important;padding:15px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;gap:10px!important}.recipe-card>div:not(:last-child)>select,.recipe-card>div:not(:last-child)>input{width:100%!important;padding:12px!important}.recipe-card>div:not(:last-child)>button{width:100%!important;padding:12px!important;margin-top:5px!important}.recipe-card>div:last-child{flex-direction:column!important;gap:10px!important}.recipe-card>div:last-child>button{width:100%!important;justify-content:center!important;padding:12px!important}}@media(max-width:768px){.recipe-builder-container{padding:12px!important}.recipe-card{padding:15px!important;margin-bottom:20px!important}.ingredient-row-wrapper{flex-direction:column!important;align-items:stretch!important;gap:8px!important;background:#f8fafc!important;padding:12px!important;border-radius:8px!important;border:1px solid #e2e8f0!important}.recipe-qty-row{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.recipe-input{width:100%!important;padding:8px 10px!important;font-size:13px!important;height:38px!important}.recipe-qty-row .recipe-btn-icon{flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.recipe-action-buttons{flex-direction:column!important;gap:10px!important}.recipe-btn{width:100%!important;padding:10px!important;font-size:14px!important;height:40px!important;justify-content:center!important}.recipe-builder-container h1{font-size:20px!important;margin-bottom:15px!important}.recipe-builder-container h2,.recipe-card label{font-size:14px!important;margin-bottom:8px!important}.recipe-builder-container table{min-width:500px!important;font-size:13px!important}}.settings-container{padding:30px;max-width:900px;margin:0 auto;animation:fadeIn .3s ease-out}.settings-header{font-size:26px;color:#0f172a;margin-bottom:8px;font-weight:700}.settings-description{color:#64748b;margin-bottom:25px;line-height:1.5;font-size:15px}.settings-success-alert{padding:12px 16px;background:#dcfce3;color:#15803d;margin-bottom:20px;border-radius:8px;font-weight:600;border:1px solid #bbf7d0;display:flex;align-items:center;gap:10px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000008;border:1px solid #e2e8f0;overflow:hidden}.settings-table th{padding:16px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.settings-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;font-weight:500}.settings-table tbody tr:hover{background-color:#f8fafc;transition:background-color .2s ease}.settings-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;transform:scale(1.1)}@media(max-width:768px){.settings-container{padding:15px}.settings-header{font-size:22px}.settings-description{font-size:14px}.settings-table th,.settings-table td{padding:12px}}.settings-container{flex:1;padding:30px;width:100%!important;max-width:100%!important;height:100vh;overflow-y:auto;background-color:#f8fafc;box-sizing:border-box}.settings-header{font-size:26px;color:#0f172a;margin-bottom:20px;font-weight:800}.settings-layout-wrapper{display:flex;flex-direction:row;gap:24px;align-items:flex-start;width:100%}.settings-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000008;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;flex:1 1 0%}.matrix-card{flex:1.5 1 0%;min-width:400px}.approvals-card,.form-card{flex:1 1 0%;min-width:350px}.settings-tabs{display:flex;gap:15px;margin-bottom:25px;border-bottom:2px solid #e2e8f0;padding-bottom:12px;overflow-x:auto;width:100%}.tab-btn{padding:10px 20px;font-weight:700;background:#f1f5f9;color:#475569;border:none;border-radius:8px;cursor:pointer;transition:.2s;white-space:nowrap}.tab-btn:hover{background:#e2e8f0}.tab-btn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 10px #3b82f64d}.settings-card-header{padding:18px 20px;border-bottom:1px solid #e2e8f0;background-color:#fff}.settings-card-header h2{font-size:18px;margin:0;color:#1e293b;font-weight:800}.card-body{padding:20px}.scrollable-table{max-height:400px;overflow-y:auto}.settings-table{width:100%;border-collapse:collapse;text-align:left;min-width:500px}.settings-table th{padding:16px;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:700;font-size:13px;text-transform:uppercase;background:#f8fafc;position:sticky;top:0;z-index:1}.settings-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;font-weight:500}.center-text{text-align:center!important}.settings-form{display:flex;flex-direction:column;gap:15px}.form-input,.form-select{padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff;outline:none}.form-input:focus,.form-select:focus{border-color:#3b82f6}.btn-primary{padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:15px;transition:.2s}.btn-primary:hover{background:#2563eb}.btn-success{padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:15px;transition:.2s}.btn-success:hover{background:#059669}.sub-header{margin-top:30px;margin-bottom:15px;font-size:16px;color:#1e293b;font-weight:800}.branch-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.branch-list li{background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0;font-size:15px;color:#0f172a}.branch-address{font-size:13px;color:#64748b;margin-top:4px;display:block}.status-badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;display:inline-block}.status-badge.pending{background:#fef08a;color:#b45309}.status-badge.approved{background:#dcfce3;color:#15803d}.settings-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.role-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;cursor:pointer;background:#fff;font-size:13px}@media(max-width:600px){.settings-container{padding:15px 15px 90px}.settings-header{font-size:22px}.tab-btn{padding:8px 12px;font-size:13px}.settings-table th,.settings-table td{padding:12px 8px;font-size:12px}.settings-checkbox{width:15px;height:15px}.role-select{padding:6px;font-size:11px}}.expenses-container{flex:1;padding:30px;background:#f8fafc;height:100vh;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;marginBottom:30px}.table-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.expenses-table{width:100%;border-collapse:collapse}.expenses-table th{padding:15px 20px;text-align:left;font-size:12px;color:#64748b;font-weight:700;letter-spacing:.05em;background:#f8fafc}.expenses-table td{padding:18px 20px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.expense-actions{display:flex;justify-content:center;gap:8px}.action-btn{border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:.2s}.action-btn.edit{background:#eff6ff;color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.delete{background:#fee2e2;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.add-expense-btn{background:#f59e0b;color:#fff;border:none;padding:12px 24px;borderRadius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;fontWeight:600;box-shadow:0 4px 6px -1px #f59e0b33}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.expenses-header-left{display:flex;align-items:center;gap:15px}.expenses-icon-wrapper{background:#fef3c7;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center}.expenses-title{margin:0;color:#1e293b;font-size:24px}.expenses-subtitle{margin:0;color:#64748b;font-size:14px}@media(max-width:768px){.expenses-container{padding:15px 15px 90px}.expenses-header{margin-bottom:20px}.expenses-header-left{gap:10px}.expenses-icon-wrapper{padding:8px;border-radius:8px}.header-icon{width:20px!important;height:20px!important}.expenses-title{font-size:16px}.expenses-subtitle{font-size:11px}.add-expense-btn{padding:8px 12px!important;font-size:12px!important;border-radius:8px!important;gap:4px!important}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.search-wrapper{width:100%!important}.expenses-table th,.expenses-table td{padding:12px 6px;font-size:12px}.expense-actions{flex-direction:row!important;flex-wrap:nowrap;gap:6px!important;justify-content:center}.action-btn{padding:6px!important;width:28px!important;height:28px!important;display:flex;align-items:center;justify-content:center}.action-btn svg{width:14px!important;height:14px!important}}@media(max-width:480px){.expenses-table th:nth-child(3),.expenses-table td:nth-child(3){display:none}.add-btn-text{display:none}.add-expense-btn{padding:10px!important;justify-content:center}}@media(max-width:768px){.settings-card.matrix-card,.settings-card.approvals-card{min-width:0!important;width:100%!important}.settings-card .table-responsive-wrapper{overflow-x:hidden!important}.settings-table{min-width:100%!important;width:100%!important;table-layout:fixed!important}.settings-table th,.settings-table td{padding:6px 2px!important;font-size:11px!important;word-wrap:break-word!important;white-space:normal!important}.matrix-card .settings-table th:first-child,.matrix-card .settings-table td:first-child{width:35%!important}.settings-checkbox{width:14px!important;height:14px!important;transform:scale(.8)!important;margin:0!important}.role-select{padding:4px!important;font-size:10px!important;height:auto!important;width:100%!important}.status-badge{padding:3px 4px!important;font-size:9px!important}}@media(max-width:1024px){.settings-layout-wrapper{flex-direction:column;gap:20px}.settings-card{width:100%;min-width:100%;flex:none}.settings-container{padding-bottom:90px}}@media(max-width:600px){.settings-container{padding:12px 12px 90px}.settings-header{font-size:20px;margin-bottom:15px}.settings-tabs{gap:5px;margin-bottom:15px;padding-bottom:8px;width:100%}.tab-btn{flex:1;padding:8px 4px;font-size:10px;text-align:center;white-space:normal;line-height:1.2;border-radius:6px}.settings-table th,.settings-table td{padding:10px 6px;font-size:11px}.settings-checkbox{width:16px;height:16px}.role-select{padding:6px;font-size:11px}}.settings-container{padding:20px;max-width:1200px;margin:0 auto}.expense-header-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.settings-header{margin:0;font-size:24px;color:#0f172a}.settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.form-input{width:100%;padding:10px;border-radius:5px;border:1px solid #cbd5e1;font-size:14px;box-sizing:border-box;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:20px;overflow:hidden}.settings-card-header{background-color:#f8fafc;padding:15px 20px;border-bottom:1px solid #e2e8f0}.settings-card-header h2{margin:0;font-size:18px;color:#1e293b}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-table{width:100%;min-width:650px;border-collapse:collapse}.settings-table th,.settings-table td{padding:12px 15px;border-bottom:1px solid #e2e8f0;text-align:left}.settings-table th{background-color:#f8fafc;color:#475569;font-weight:600}.settings-success-alert{background-color:#d1fae5;color:#065f46;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-container{padding:15px 10px}.expense-header-wrapper{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.expense-header-wrapper h1{font-size:18px;text-align:left;margin:0}.expense-header-wrapper .btn-primary{width:auto;padding:8px 12px;font-size:14px;white-space:nowrap}.settings-form{grid-template-columns:1fr!important}}@media screen and (max-width:768px){.split-layout{display:flex!important;flex-direction:column!important;gap:20px!important}.dashboard-box{padding:15px!important;height:auto!important;min-height:auto!important;width:100%!important;box-sizing:border-box}.dashboard-box .recharts-responsive-container,.dashboard-box>div[style*="height: 320px"]{height:280px!important;min-height:280px!important;margin-top:10px}.search-bar{width:100%!important;margin-top:5px}.table-scroll-area{margin-top:10px;border-radius:8px;overflow-x:auto!important;-webkit-overflow-scrolling:touch;box-shadow:inset -8px 0 8px -8px #0000001a}.modern-table{min-width:480px!important}.modern-table th,.modern-table td{padding:10px 8px!important;font-size:12px!important}.modern-table th{font-size:11px!important}.mobile-hide{display:none!important}.modern-table .action-btn{padding:8px!important;justify-content:center}}.role-badge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:default;margin-bottom:10px}.role-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:900;font-size:15px;box-shadow:0 2px 4px #0003}.role-text{color:#cbd5e1;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}@media(max-width:768px){.role-badge-container{margin-bottom:0;flex-direction:row}.role-avatar{width:28px;height:28px;font-size:13px}.role-text{display:none}}@media(max-width:768px){.right-sidebar{width:100%!important;border-left:none!important;border-top:4px solid #cbd5e1!important;height:auto!important;flex:none!important}.right-sidebar>div{padding:15px!important}.bill-receipt{padding:15px!important}.bill-header h2{font-size:18px!important}.bill-header p{font-size:11px!important}.right-sidebar>div:last-child>div{padding:10px!important;margin-bottom:10px!important}.right-sidebar label{font-size:13px!important;gap:4px!important}.print-btn{padding:12px!important;font-size:14px!important}}.role-dropdown-menu{position:absolute;left:70px;bottom:0;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:180px;z-index:9999;overflow:hidden}.role-dropdown-menu button{padding:14px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;text-align:left;font-size:13px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.role-dropdown-menu button:hover{background:#f8fafc;color:#3b82f6}@media(max-width:768px){.nav-rail{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:65px!important;padding:0 10px!important;box-sizing:border-box!important;position:fixed!important;bottom:0!important;left:0!important;z-index:1000!important;background:#1e293b!important;border-top:1px solid #0f172a!important;box-shadow:0 -4px 12px #0003!important;overflow:visible!important}.nav-rail-top,.nav-rail-bottom{display:contents!important}.rail-logo,.role-text{display:none!important}.rail-btn,.settings-nav-btn{margin:0!important;padding:8px!important;flex:1!important;display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;border-radius:10px!important;color:#94a3b8!important;background:transparent!important;transition:all .2s ease!important}.rail-btn.active,.settings-nav-btn.active{color:#60a5fa!important;background:#3b82f626!important}.rail-btn svg,.settings-nav-btn svg{width:24px!important;height:24px!important}.nav-rail-bottom>div[style*="position: relative"]{flex:1!important;display:flex!important;justify-content:center!important}.role-badge-container{padding:0!important;margin:0!important;min-width:32px!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important}.role-avatar{width:32px!important;height:32px!important;margin:0!important;font-size:14px!important;border:2px solid #334155!important}.role-dropdown-menu{inset:auto 15px 75px auto!important;position:absolute!important;color:#0f172a!important}.app-container{padding-bottom:65px!important}}