@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcfcfd;color:#1a1c1e;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#64748b;--accent:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#0ea5e9;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--glass-bg:#fffc;--glass-border:#ffffff4d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:6px;--radius:12px;--radius-lg:16px}.App{background-color:#f8fafc;background-color:var(--bg-main);min-height:100vh;text-align:left}.mobile-backdrop{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.mobile-backdrop.show{display:none}}.mobile-menu-btn{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:none;font-size:24px;left:20px;padding:10px;position:fixed;top:20px;transition:all .2s ease;z-index:1001}.mobile-menu-btn:hover{background:#4338ca;background:var(--primary-hover)}@media (max-width:768px){.mobile-menu-btn{display:block}}.main-content{background-color:#f8fafc;background-color:var(--bg-main);margin-left:280px;min-height:100vh;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:80px}h1,h2,h3,h4{color:#0f172a;color:var(--text-main);font-weight:700;letter-spacing:-.025em}.header{gap:24px;margin-bottom:32px}.btn-primary,.header-actions{align-items:center}.btn-primary{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#4338ca;background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:#10b981;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;background:var(--bg-main);border-color:#64748b;border-color:var(--secondary)}.btn-edit-sm i{color:#4f46e5}.btn-delete-sm i{color:#ef4444}.btn-approve-sm i{color:#10b981}.btn-excel i{color:#fff}.btn-invoice-sm i{color:#0ea5e9}.btn-success i{color:#fff}.btn-secondary i.fa-undo{color:#f59e0b}.btn-primary i.fa-plus,.btn-primary i.fa-times{color:#fff}.btn-approve-sm,.btn-delete-sm,.btn-edit-sm,.btn-invoice-sm{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s ease}.btn-approve-sm:hover,.btn-delete-sm:hover,.btn-edit-sm:hover,.btn-invoice-sm:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.btn-excel{align-items:center;background:#15803d;border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.btn-excel:hover{background:#166534;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-approve-sm:hover i,.btn-delete-sm:hover i,.btn-edit-sm:hover i{filter:brightness(1.2)}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);padding:24px}form{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto 32px;max-width:800px;padding:32px}.form-group label{color:#64748b}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);justify-content:flex-end;margin-top:32px;padding-top:24px}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}table{border-collapse:collapse;font-size:14px;width:100%}thead th{background:#f8fafc;color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}tbody td,thead th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:16px 24px}tbody td{color:#0f172a;color:var(--text-main)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f8fafc}.badge{font-size:12px;text-transform:capitalize}.badge-success{background:#dcfce7;color:#166534}.badge-pending{background:#fef9c3;color:#854d0e}.badge-danger{background:#fee2e2;color:#991b1b}.stat-card{border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:24px}.stat-card:hover{border-color:#4f46e5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.filters-wrapper{margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.filters-wrapper.expanded{margin-bottom:24px;max-height:500px;opacity:1}.filters-section{border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-filter.active,.btn-filter:hover{background:#f8fafc;background:var(--bg-main);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#4f46e5;color:var(--primary)}.filters-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:10px}.filter-group label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em}.filter-input,.filter-select{background:#f8fafc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-main);font-size:14px;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:90%}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.filter-actions{align-items:center;display:flex;gap:12px;height:46px}.page-enter{animation:fadeIn .4s ease-out forwards}@media (max-width:768px){.main-content{margin-left:0;padding:24px 16px}}.modal-overlay{animation:modalFadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;padding:24px;z-index:3000}.modal-content{animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-height:90vh;max-width:650px;overflow-y:auto;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#0f172a;font-weight:700;margin-bottom:24px;padding-bottom:16px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:0;height:100vh;max-height:100vh;padding:24px 16px}.form-row{grid-template-columns:1fr!important}}.navbar{background:#0f172a;border-right:1px solid #ffffff0d;box-shadow:4px 0 24px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.navbar.collapsed{width:80px}.navbar-header{justify-content:space-between;min-height:100px;padding:32px 24px}.navbar-brand,.navbar-header{align-items:center;display:flex}.navbar-brand{gap:12px}.navbar-brand h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#4f46e5);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:20px;font-weight:700;margin:0}.brand-icon{color:#818cf8;font-size:24px}.toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.toggle-btn:hover{background:#ffffff1a;color:#fff}.navbar-nav{flex:1 1;list-style:none;margin:0;padding:0 16px}.navbar-filter{margin-bottom:24px;padding:16px 24px}.navbar-filter select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#90a7c4;font-size:13px;font-weight:500;outline:none;padding:10px 12px;transition:all .2s;width:100%}.navbar-filter select:focus{background:#ffffff1a;border-color:#4f46e5}.nav-link{align-items:center;background:none;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#4f46e5;box-shadow:0 4px 12px #4f46e54d;color:#fff}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;transition:all .2s ease}.nav-link-transactions .nav-icon i{color:#fbbf24}.nav-link-organizations .nav-icon i{color:#38bdf8}.nav-link-users .nav-icon i{color:#ec4899}.nav-link-machines .nav-icon i{color:#10b981}.nav-link-fuels .nav-icon i{color:#f43f5e}.nav-link-daily-collection .nav-icon i{color:#a855f7}.nav-link-audit-logs .nav-icon i{color:#94a3b8}.nav-link.active .nav-icon i{color:#fff!important}.navbar-user{background:#ffffff05;border-top:1px solid #ffffff0d;padding:24px}.user-info{margin-bottom:16px}.user-name{color:#fff;display:block;font-size:14px;font-weight:600}.user-role{color:#64748b;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.logout-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.logout-btn:hover{background:#dc2626;transform:translateY(-1px)}.navbar.collapsed .nav-text,.navbar.collapsed .navbar-brand h2,.navbar.collapsed .user-info{display:none}.navbar.collapsed .nav-link{justify-content:center;padding:14px}@media (max-width:768px){.navbar{transform:translateX(-100%)}.navbar.mobile-open{transform:translateX(0)}}.dashboard{margin:0 auto;max-width:1400px;padding:32px}.dashboard h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon{background:var(--bg-main);border-radius:var(--radius);color:var(--primary);font-size:24px;padding:12px}.stat-title{color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--text-main);font-size:32px;font-weight:700}.charts-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.chart-card h2{color:var(--text-main);font-size:18px;font-weight:600;margin-bottom:32px}@media (max-width:768px){.dashboard{padding:24px 16px}.charts-container{grid-template-columns:1fr}}.organizations{margin:0 auto;max-width:100%;padding:32px}.organizations h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.org-form{animation:fadeIn .4s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;padding:32px}.organizations-list-table{margin-top:48px}@media (max-width:768px){.organizations{padding:24px 16px}}.users{margin:0 auto;max-width:100%;padding:32px}.users h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.user-form{animation:fadeIn .4s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;padding:32px}.users-list-table{margin-top:48px}.status-badge.admin{background:#e0e7ff;color:#4338ca}.status-badge.manager{background:#fae8ff;color:#86198f}.status-badge.purchaser{background:#fef9c3;color:#854d0e}.status-badge.salesman{background:#dcfce7;color:#166534}@media (max-width:768px){.users{padding:24px 16px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:32px;width:90%}.modal-content h2{color:var(--text-main);font-size:24px;margin-bottom:16px;margin-top:0}.modal-content p{color:var(--text-muted);font-size:14px;margin-bottom:24px}.fuels{margin:0 auto;max-width:100%;padding:32px}.fuels h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.fuel-form{animation:fadeIn .4s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;padding:32px}.fuels-list-table{margin-top:48px}@media (max-width:768px){.fuels{padding:24px 16px}}.transactions{margin:0 auto;max-width:100%;padding:32px}.transactions h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.transaction-form{animation:fadeIn .4s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;padding:32px}.transaction-summary-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.summary-stat-card{background:#fff;border-left:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.summary-stat-label{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.summary-stat-value{color:var(--text-main);font-size:24px;font-weight:700}.transaction-tabs{display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.tab-button{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s;white-space:nowrap}.tab-button.active{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-sm);color:#fff}.transactions-list-table{margin-top:48px}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.rejected{background:#fee2e2;color:#991b1b}@media (max-width:768px){.transactions{padding:24px 16px}}.auth-container{align-items:center;background:radial-gradient(circle at top left,#4f46e5 0,#0f172a 100%);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;max-width:480px;padding:48px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-card h2{color:var(--text-main);font-size:32px;font-weight:800;letter-spacing:-.05em;margin-bottom:32px;text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block}.form-group input,.form-group select{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.auth-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:16px;transition:all .2s;width:100%}.auth-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#991b1b;font-size:14px;font-weight:500;margin-bottom:24px;padding:16px;text-align:center}.auth-links{border-top:1px solid var(--border);margin-top:32px;padding-top:24px;text-align:center}.auth-links p{color:var(--text-muted);font-size:14px;margin:0}.auth-links a{color:var(--primary);font-weight:700;text-decoration:none;transition:all .2s}.auth-links a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:600px){.auth-card{padding:32px 24px}}.daily-collection-container{margin:0 auto;max-width:100%;padding:32px}.daily-collection-container h1{color:var(--text-main);font-size:32px;margin-bottom:32px;max-width:100%}.daily-collection-form{animation:fadeIn .4s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;padding:32px}.daily-collection-form h3{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:18px;margin-bottom:24px;padding-bottom:12px}.readonly-input{background-color:#f1f5f9!important;color:var(--text-muted)!important;cursor:not-allowed}.readonly-input.negative{background-color:#fef2f2!important;color:var(--danger)!important}.readonly-input.positive{background-color:#ecfdf5!important;color:var(--accent)!important}.submit-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2}.submit-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.submit-btn:disabled{background:var(--border);cursor:not-allowed}.form-actions.collection-actions{border-top:none;margin-top:24px;padding-top:0}.collections-list{margin-top:48px}.collections-list h2{font-size:24px;margin-bottom:24px}.table-responsive{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.collection-breakdown span{background:#f1f5f9;border-radius:4px;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:600;margin-right:8px;padding:2px 8px}.text-danger{color:var(--danger)}.text-success{color:var(--accent)}.approved-row{background-color:#fbfdff!important}@media (max-width:768px){.daily-collection-container{padding:24px 16px}}.machines-container{margin:0 auto;max-width:100%;padding:32px}.machines-container h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.machine-form{animation:fadeIn .4s ease-out;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;padding:32px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.form-group label{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-size:15px;padding:12px 16px;transition:all .2s ease;width:90%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.machines-list-table{margin-top:48px}.status-badge{font-size:11px;padding:4px 10px;text-transform:capitalize}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef9c3;color:#854d0e}.assigned-users{display:flex;flex-wrap:wrap;gap:6px}.user-tag{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#166534;font-size:11px;font-weight:500;padding:2px 8px}@media (max-width:768px){.machines-container{padding:24px 16px}}.tanks-container{margin:0 auto;max-width:100%;padding:24px}.tank-form{margin-bottom:40px;max-width:800px}.machines-multiselect{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:200px;overflow-y:auto;padding:15px}.checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input{height:16px!important;padding:0!important;width:16px!important}.stock-level-container{max-width:200px;width:100%}.progress-bg{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden;width:100%}.progress-bar{height:100%;transition:width .3s ease}.stock-text{color:#64748b;font-size:12px;font-weight:500}.linked-machines{display:flex;flex-wrap:wrap;gap:6px}.machine-tag{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1d4ed8;font-size:11px;font-weight:500;padding:2px 8px}.status-badge.low-stock{background:#fee2e2;color:#991b1b}.pagination-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:24px;padding:16px}.pagination-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.page-size-selector{align-items:center;display:flex;gap:8px}.page-size-selector label{color:#6b7280;font-size:14px;font-weight:500}.page-size-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px}.pagination-controls{align-items:center;display:flex;gap:12px;justify-content:center}.page-indicator{color:#6b7280;font-size:14px;font-weight:500}.btn-pagination{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.tank-refills-container{padding:24px}.refill-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:32px;padding:32px}.filters-section{box-shadow:0 2px 4px #0000001a}.filters-section h3{color:#1f2937;margin-top:0}.filter-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.refills-table{width:100%}.refills-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;padding:12px;text-align:left}.refills-table td{border-bottom:1px solid #e5e7eb;padding:12px}.number-cell{text-align:right}@media (max-width:768px){.tank-refills-container{padding:16px}.filter-row{grid-template-columns:1fr}}.testing-container{margin:0 auto;max-width:100%;padding:24px}.header{justify-content:space-between;margin-bottom:24px}.header,.header h1{align-items:center;display:flex}.header h1{color:#1e293b;font-size:28px;gap:12px}.header-actions{display:flex;gap:12px}.btn-export{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.btn-export:hover{background:#059669}.alert{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.alert-danger{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.testing-form{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group.half{flex:1 1}.form-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.form-text{color:#6b7280;font-size:12px;margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:20px}.filters-section{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filters-section h3{color:#1e293b;font-size:18px;margin-bottom:16px}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.filter-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.testing-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.testing-list h3{color:#1e293b;font-size:18px;margin-bottom:16px}.loading-state{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data{color:#6b7280;font-size:14px;padding:40px;text-align:center}.table-responsive{overflow-x:auto}.testing-table{border-collapse:collapse;width:100%}.testing-table thead{background:#f9fafb}.testing-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px;text-align:left}.testing-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:14px;padding:12px}.testing-table tbody tr:hover{background:#f9fafb}.number-cell{font-family:Courier New,monospace;font-weight:500;text-align:left}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.filter-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-row,.form-row{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column;gap:16px}}.shifts-container{padding:24px}.shift-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:32px;padding:32px}.shifts-table{width:100%}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.checkbox-group{align-items:center;display:flex;gap:10px;height:100%}.checkbox-group input{cursor:pointer;height:18px;width:18px}.checkbox-group label{cursor:pointer;margin-bottom:0}.action-buttons{display:flex;gap:8px}.assignee-list{display:flex;flex-wrap:wrap;gap:4px;max-width:250px}.assignee-tag{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;font-size:11px;padding:2px 8px}.no-assignees{color:#999;font-size:11px;font-style:italic}.salesmen-checkbox-list{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:16px}.salesman-checkbox-item{align-items:center;border-radius:4px;display:flex;gap:8px;padding:4px 8px;transition:background .2s}.salesman-checkbox-item:hover{background:#f1f5f9}.salesman-checkbox-item input{cursor:pointer;height:16px;width:16px}.salesman-checkbox-item label{color:#334155;cursor:pointer;font-size:14px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.salesman-checkbox-item label small{color:#64748b}.assignee-header{margin-bottom:6px}.count-badge{background:#f1f5f9;border-radius:12px;color:#475569;font-size:11px;font-weight:600;padding:2px 8px}.no-data-sm{color:#94a3b8;font-size:13px;font-style:italic;grid-column:1/-1;text-align:center}@media (max-width:768px){.shifts-container{padding:16px}}.sales-report-container{padding:24px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.report-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative}.report-card .card-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.report-card .card-value{font-size:24px;font-weight:700}.report-card .card-icon{bottom:-10px;font-size:60px;opacity:.05;position:absolute;right:-10px}.report-card.primary{border-top:4px solid #4f46e5}.report-card.primary .card-value{color:#4f46e5}.report-card.success{border-top:4px solid #10b981}.report-card.success .card-value{color:#10b981}.report-card.info{border-top:4px solid #06b6d4}.report-card.info .card-value{color:#06b6d4}.report-card.warning{border-top:4px solid #f59e0b}.report-card.warning .card-value{color:#f59e0b}.report-card.purple{border-top:4px solid #8b5cf6}.report-card.purple .card-value{color:#8b5cf6}.report-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.report-section h3{align-items:center;color:#334155;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:32px;padding:24px}.filters-row{grid-gap:20px;align-items:flex-end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.filter-group input,.filter-group select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .2s ease;width:90%}.filter-group input:focus,.filter-group select:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:100px 0}@media (max-width:1024px){.report-grid{grid-template-columns:1fr}}.audit-logs-container{margin:0 auto;max-width:100%;padding:32px}.audit-logs-container h1{color:var(--text-main);font-size:32px;margin-bottom:32px}.audit-table-wrapper{margin-top:32px}.collections-table th{background:#f8fafc;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.collections-table td,.collections-table th{border-bottom:1px solid var(--border);padding:16px 24px}.collections-table td{font-size:14px}.collections-table tr:hover{background-color:#f8fafc}.timestamp{color:var(--text-muted);font-weight:500}.user-username{background:#f1f5f9;border-radius:4px;color:var(--text-muted);font-size:12px;margin-left:8px;padding:2px 8px}.details-cell{color:var(--text-muted);font-family:Inter,sans-serif;font-size:13px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.badge-login{background-color:#e0e7ff;color:#4338ca}.badge-create{background-color:#dcfce7;color:#166534}.badge-update{background-color:#fef9c3;color:#854d0e}.badge-delete{background-color:#fee2e2;color:#991b1b}.badge-approve{background-color:#fae8ff;color:#86198f}@media (max-width:768px){.audit-logs-container{padding:24px 16px}}
/*# sourceMappingURL=main.b3bad76d.css.map*/