.sidebar{background:linear-gradient(180deg,var(--primary-blue),var(--secondary-blue));box-shadow:2px 0 10px #0000001a;color:var(--white);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding:20px;position:fixed;top:0;transition:width .3s ease;width:250px;z-index:100}.sidebar.collapsed{align-items:center;width:80px}.sidebar-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.sidebar.collapsed .sidebar-header{width:100%}.logo{gap:10px}.logo,.logo-circle{align-items:center;display:flex}.logo-circle{background:#fff;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 4px 12px #00000040;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.logo-image{border-radius:50%;height:100%;object-fit:contain;object-position:center;width:100%}.logo h2{font-size:16px;font-weight:700;margin:0;white-space:nowrap}.toggle-btn{align-items:center;background:none;border:none;color:var(--white);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:transform .3s ease}.toggle-btn:hover{transform:scale(1.1)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-bottom:20px;overflow-y:auto;padding-right:4px}.nav-item{align-items:center;background:none;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item.new-invoice-btn{background-color:#0e96be66;border:1px solid #0e96be99;color:var(--white);margin-bottom:8px}.nav-item.new-invoice-btn:hover{background-color:#0e96beb3;border-color:var(--white)}.sidebar.collapsed .nav-item{gap:0;justify-content:center;padding:12px}.nav-item.active,.nav-item:hover{background-color:#0996be4d;color:var(--white);transform:translateX(4px)}.sidebar.collapsed .nav-item:hover{background-color:#0996be80;transform:none}.sidebar-footer{background:linear-gradient(180deg,#0f346000,#0f3460f2 40%);border-top:2px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding-top:20px}.sidebar.collapsed .sidebar-footer{align-items:center}.logout-btn,.theme-toggle{align-items:center;background-color:#ffffff1a;border:none;border-radius:6px;color:var(--white);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all .3s ease}.sidebar.collapsed .logout-btn,.sidebar.collapsed .theme-toggle{gap:0;justify-content:center;padding:10px;width:100%}.logout-btn:hover,.theme-toggle:hover{background-color:#fff3;transform:translateX(4px)}.sidebar.collapsed .logout-btn:hover,.sidebar.collapsed .theme-toggle:hover{background-color:#ffffff4d;transform:none}@media (max-width:768px){.sidebar,.sidebar.collapsed{width:80px}.logo h2,.logout-btn span,.nav-item span,.theme-toggle span{display:none}.logout-btn,.nav-item,.sidebar-header,.theme-toggle{gap:0;justify-content:center}}.page-container{max-width:1400px}.page-header h1{font-size:32px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{display:flex;gap:20px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon{align-items:center;background-color:#fff3;border-radius:8px;height:60px;width:60px}.stat-content,.stat-icon{display:flex;justify-content:center}.stat-content{flex:1 1;flex-direction:column}.stat-content h3{font-size:14px;font-weight:500;margin:0;opacity:.9}.stat-value{font-size:28px;font-weight:700;margin:8px 0 0}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;background-color:var(--white);border:2px solid var(--medium-grey);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:16px;gap:10px;padding:20px;transition:all .3s ease}.action-btn:hover{background-color:color-mix(in srgb,var(--accent-blue) 15%,#0000);border-color:var(--accent-blue);transform:translateY(-2px)}.info-section{margin-top:30px}.info-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-content p{background-color:color-mix(in srgb,var(--accent-blue) 12%,#0000);border-left:4px solid var(--accent-blue);border-radius:4px;color:var(--text-primary);padding:12px}.loading{flex-direction:column;gap:20px;min-height:400px}.loading p{color:var(--text-secondary);font-size:16px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.stat-card{padding:16px}}.modal{box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-width:500px}.modal-header{border-bottom:1px solid var(--light-grey);flex-shrink:0}.modal-close{height:30px;transition:color .3s;width:30px}.modal-close:hover{color:var(--primary-blue)}.modal-content{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid var(--light-grey);flex-shrink:0}.form-group label{color:var(--text-secondary);font-size:13px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--light-grey);border-radius:4px;padding:10px 12px;transition:border-color .3s}.checkbox{gap:8px;margin:15px 0}.checkbox input{cursor:pointer;height:18px;width:18px}.invoice-type-modal{max-width:800px}.modal-description{color:var(--text-secondary);font-size:15px;margin-bottom:20px;text-align:center}.invoice-type-container{padding:20px}.invoice-type-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:20px}.invoice-type-card{border:2px solid var(--light-grey);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .3s ease}.invoice-type-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0f346026;transform:translateY(-4px)}.type-icon{align-items:center;border-radius:50%;display:flex;font-size:0;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.type-icon.gst{background-color:#0996be1a;color:var(--accent-blue)}.type-icon.no-gst{background-color:#4caf501a;color:#4caf50}.type-icon svg{font-size:40px}.invoice-type-card h3{color:var(--primary-blue);font-size:18px;margin:0 0 8px}.type-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:15px}.type-features{flex:1 1;list-style:none;margin:15px 0;padding:0;text-align:left}.type-features li{color:var(--text-secondary);font-size:13px;padding:6px 0}.full-width{margin-top:15px;width:100%}.invoice-view-modal{max-height:90vh;max-width:1000px;padding:0!important}.invoice-view-content{flex:1 1;overflow-y:auto;padding:20px}.invoice-view-header{align-items:flex-start;border-bottom:2px solid var(--primary-blue);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.invoice-title h3{color:var(--primary-blue);font-size:20px;margin:0}.invoice-type{color:var(--accent-blue);font-size:14px;font-weight:600;margin:5px 0 0}.invoice-details{text-align:right}.invoice-details p{color:var(--text-secondary);font-size:13px;margin:4px 0}.invoice-customer-box{background-color:var(--light-grey);border-left:4px solid var(--primary-blue);border-radius:6px;margin-bottom:20px;padding:15px}.invoice-customer-box h4{color:var(--primary-blue);font-size:14px;margin:0 0 8px}.invoice-customer-box p{color:var(--text-secondary);font-size:12px;margin:4px 0}.invoice-items-section{margin-bottom:20px;overflow-x:auto}.invoice-view-table{border-collapse:collapse;font-size:12px;margin-bottom:15px;width:100%}.invoice-view-table thead{background-color:var(--primary-blue);color:#fff!important;position:-webkit-sticky;position:sticky;top:0}.invoice-view-table th{border-bottom:2px solid var(--primary-blue);color:#fff!important;font-weight:600;padding:8px 6px;text-align:left}.invoice-view-table td{border-bottom:1px solid var(--light-grey);padding:8px 6px;vertical-align:top}.invoice-view-table tbody tr:hover{background-color:#f5f5f5}.invoice-view-table .text-right{text-align:right}.invoice-totals-section{background-color:var(--light-grey);border-radius:6px;margin-bottom:15px;padding:15px}.totals-summary{margin-left:auto;max-width:400px}.summary-row{font-size:13px;justify-content:space-between;margin-bottom:8px;padding:6px 0}.summary-row span{color:var(--text-secondary)}.summary-row strong{color:var(--text-primary);font-weight:600}.summary-row.grand-total{background-color:var(--primary-blue);border-radius:4px;color:#fff!important;margin-top:10px;padding:10px}.summary-row.grand-total span,.summary-row.grand-total strong{color:#fff!important;font-size:14px}.invoice-status{border-top:1px solid var(--light-grey);font-size:13px;padding:10px 0;text-align:center}.invoice-status p{margin:0}.badge{border-radius:4px;font-size:11px;padding:4px 8px;text-transform:capitalize}.badge-completed{background-color:#4caf5033;color:#4caf50}.badge-pending{background-color:#ff980033;color:#ff9800}.badge-cancelled{background-color:#f4433633;color:#f44336}.modal-close{transition:color .3s ease}.checkbox{align-items:center;display:flex;gap:10px}.checkbox input[type=checkbox]{cursor:pointer;width:auto}.checkbox label{cursor:pointer;font-weight:400;margin:0}.empty-state{padding:40px}.btn-icon{color:var(--text-secondary);padding:8px}.btn-icon:hover{background-color:var(--light-grey);color:var(--text-primary)}.btn-icon.edit:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-icon.delete:hover{border-color:var(--error);color:var(--error)}.warning-stock{color:var(--warning);font-weight:600}table tr.low-stock{background-color:#f59e0b1a}.tabs{border-bottom:2px solid var(--border);gap:10px;margin-bottom:20px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.tab:hover{background-color:#0f34600d;color:var(--primary)}.tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.tab svg{height:16px;width:16px}.large-modal{max-height:90vh;max-width:1000px}.customer-management-card{margin-bottom:30px}.card-header{border-bottom:2px solid var(--light-grey)}.card-header h3{color:var(--primary-blue)}.customers-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.customer-card{hover:box-shadow 0 4px 12px #0000001a;align-items:flex-start;background:#fff;border:1px solid var(--light-grey);border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.customer-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000001a}.customer-info{flex:1 1}.customer-info h4{color:var(--primary-blue);font-size:15px;margin:0 0 8px}.customer-info p{color:var(--text-secondary);font-size:12px;margin:4px 0}.customer-info .company{color:var(--text-primary);font-weight:500}.customer-info .gstin{background-color:var(--light-blue);border-radius:4px;font-size:11px;margin-top:6px;padding:4px 8px}.customer-actions{display:flex;gap:8px}.billing-modal-with-preview{max-height:95vh!important;max-width:1600px!important;padding:0!important}.billing-container{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;height:calc(95vh - 60px);overflow:hidden}.billing-form-section{border-right:1px solid var(--light-grey);overflow-y:auto;padding:20px}.invoice-preview-section{background-color:#f9f9f9;overflow-y:auto;padding:20px}.invoice-preview{background:#fff;border:1px solid var(--light-grey);border-radius:6px;padding:15px}.invoice-preview h3{border-bottom:2px solid var(--primary-blue);color:var(--primary-blue);margin-bottom:15px;margin-top:0;padding-bottom:8px}.preview-header{border-bottom:1px solid var(--light-grey);margin-bottom:15px;padding-bottom:10px}.preview-header h4{color:var(--primary-blue);font-size:14px;margin:0 0 8px}.preview-header p{color:var(--text-secondary);font-size:12px;margin:0}.invoice-table,.preview-table{margin-bottom:15px}.invoice-table{border-collapse:collapse;font-size:11px;width:100%}.invoice-table thead{background-color:var(--primary-blue);color:#fff!important;position:-webkit-sticky;position:sticky;top:0}.invoice-table th{border-bottom:2px solid var(--primary-blue);color:#fff!important;font-weight:600;padding:6px 4px;text-align:left}.invoice-table td{border-bottom:1px solid var(--light-grey);padding:5px 4px;vertical-align:top}.invoice-table tbody tr:hover{background-color:#f5f5f5}.invoice-table .number{text-align:right}.invoice-table .product-cell{font-weight:500}.preview-totals{border-top:2px solid var(--primary-blue);padding-top:10px}.total-row{display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px;padding:4px 0}.total-row span{color:var(--text-secondary)}.total-row strong{color:var(--text-primary);font-weight:600}.grand-total-row{background-color:var(--primary-blue);border-radius:4px;font-size:13px;margin-top:8px;padding:8px}.grand-total-row,.grand-total-row span,.grand-total-row strong{color:#fff!important}.preview-empty{color:var(--text-secondary);font-size:13px;padding:30px 15px;text-align:center}.add-item-section{background-color:var(--light-grey);border-radius:6px;margin:20px 0;padding:16px}.add-item-section h3{color:var(--text-primary);margin-bottom:16px}.items-table{margin:20px 0;overflow-x:auto}.items-table table{font-size:13px}.billing-summary{grid-gap:16px;background-color:var(--light-grey);border-radius:6px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin:20px 0;padding:16px}.billing-summary>div{display:flex;flex-direction:column}.billing-summary label{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.billing-summary p{color:var(--text-primary);font-size:18px;font-weight:600}.grand-total p{color:var(--accent-blue);font-size:24px}.billing-form .checkbox{align-items:center;display:flex;gap:8px}.invoice-form .checkbox input{width:auto}.purchases-container{margin:0 auto;max-width:1400px;padding:20px}.purchases-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.purchases-toolbar{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:100%}.purchases-header h1{color:var(--text-primary);flex:0 0 auto;font-size:28px;margin:0}.search-bar{flex:1 1;max-width:400px}.search-bar svg{color:var(--text-secondary)}.search-bar input{font-family:inherit}.loading{color:var(--primary-blue);font-size:16px;padding:40px}.purchases-list{display:flex;flex-direction:column;gap:15px}.purchase-card{background:var(--white);border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.purchase-card:hover{box-shadow:0 4px 8px #0000001a}.purchase-header-row{align-items:center;background:var(--light-grey);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.purchase-info{flex:1 1}.purchase-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.supplier-name{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0 0 4px}.purchase-date{color:var(--text-secondary);font-size:13px;margin:0}.purchase-amount{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 30px;text-align:center}.purchase-amount .label{color:var(--text-secondary);font-size:12px;margin:0;text-transform:uppercase}.purchase-amount .amount{color:var(--text-primary);font-size:20px;font-weight:600;margin:8px 0 0}.purchase-actions{display:flex;gap:10px}.btn-icon{border:1px solid #ddd;color:var(--primary-blue);padding:8px 10px;transition:all .2s}.btn-icon:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.purchase-details{background:var(--light-grey);border-top:1px solid #e0e0e0;padding:20px}.details-section{margin-bottom:25px}.details-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.details-section:last-child{margin-bottom:0}.purchase-items-table,.tax-table{background:var(--white);border:1px solid #e0e0e0;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.purchase-items-table thead,.tax-table thead{background:var(--primary-blue);color:#fff}.purchase-items-table th,.tax-table th{border-right:1px solid #fff3;font-size:13px;font-weight:600;padding:12px;text-align:left}.purchase-items-table th:last-child,.tax-table th:last-child{border-right:none}.purchase-items-table td,.tax-table td{border-bottom:1px solid #f0f0f0;color:var(--text-primary);font-size:13px;padding:12px}.purchase-items-table tr:last-child td,.tax-table tr:last-child td{border-bottom:none}.purchase-items-table tbody tr:hover,.tax-table tbody tr:hover{background:color-mix(in srgb,var(--accent-blue) 10%,#0000)}.text-right{text-align:right}.text-center{text-align:center}.tax-table .total-row{background:color-mix(in srgb,var(--accent-blue) 12%,#0000);color:var(--text-primary);font-weight:600}.tax-summary{max-width:500px}.summary{grid-gap:15px;background:var(--white);border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.summary-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.summary-item span{font-weight:500}.summary-item strong{font-size:14px;font-weight:600}.summary-item.grand-total{border-top:2px solid #e0e0e0;grid-column:1/-1;padding-bottom:0;padding-top:15px}.summary-item.grand-total span{font-size:15px}.summary-item.grand-total strong{color:var(--text-primary);font-size:18px}.empty-state{background:var(--white);border:1px solid #e0e0e0;border-radius:8px}.empty-state p{font-size:16px;margin:0}@media (max-width:768px){.purchases-header{align-items:flex-start;flex-direction:column}.purchases-toolbar{align-items:stretch;flex-direction:column;width:100%}.search-bar{max-width:100%;width:100%}.purchase-header-row{align-items:flex-start;flex-direction:column;gap:15px}.purchase-amount{border:none;border-top:1px solid #e0e0e0;padding:15px 0 0;width:100%}.purchase-actions{gap:10px;width:100%}.btn-icon{flex:1 1}.purchase-items-table,.tax-table{font-size:12px}.purchase-items-table td,.purchase-items-table th,.tax-table td,.tax-table th{padding:8px}.summary{grid-template-columns:1fr}.summary-item.grand-total{grid-column:1}}.page-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{flex-wrap:wrap;gap:15px}.page-header h1{color:#333;color:var(--text-primary);font-weight:600;margin:0}.page-header>div{display:flex;gap:10px}.btn{display:flex}.btn-primary{background-color:#0f3460;background-color:var(--primary-blue)}.btn-secondary{background-color:#16506b;background-color:var(--secondary-blue)}.btn-secondary:hover{transform:translateY(-2px)}.alert{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.card{background-color:var(--card-bg)}.search-bar{background-color:#f5f5f5;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;padding:10px 15px}.search-bar input{color:#333;padding:0}.search-bar input::placeholder{color:#666;color:var(--text-secondary)}.loading{align-items:center;display:flex;justify-content:center}.spinner{border-top-color:#0f3460;border:4px solid var(--border-color);border-top-color:var(--primary-blue)}.empty-state{color:#666;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state svg{margin-bottom:20px;opacity:.5}table thead{background-color:#f0f0f0;background-color:var(--header-bg);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color)}table th{font-weight:600;padding:15px;text-align:left}table td,table th{color:#333;color:var(--text-primary);font-size:14px}table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:12px 15px}table tbody tr:hover{background-color:#f9f9f9;background-color:var(--hover-bg)}.actions{align-items:center}.btn-icon{background-color:initial;transition:all .2s ease}.btn-icon.edit{background-color:#0996be1a;color:#0996be;color:var(--accent-blue)}.btn-icon.edit:hover{background-color:#0996be33}.btn-icon.delete{background-color:#e74c3c1a;color:#e74c3c}.btn-icon.delete:hover{background-color:#e74c3c33}.modal{background-color:var(--card-bg)}.modal-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:20px}.modal-header h2{color:#333;color:var(--text-primary);font-size:20px}.modal-close{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.modal-close:hover{color:#333;color:var(--text-primary)}.modal-form{padding:20px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-row.full{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{background-color:#f5f5f5;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f3460;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0f34601a;outline:none}.form-divider{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#666;color:var(--text-secondary);font-size:13px;font-weight:600;margin:20px 0 15px;padding-bottom:10px}.modal-footer{background-color:#f9f9f9;background-color:var(--hover-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);padding:20px}:root[data-theme=dark]{--text-primary:#fff;--text-secondary:#b0b0b0;--primary-blue:#0f3460;--secondary-blue:#16506b;--accent-blue:#0996be;--card-bg:#1e1e1e;--input-bg:#2a2a2a;--hover-bg:#2a2a2a;--header-bg:#252525;--border-color:#404040}:root{--text-primary:#333;--card-bg:#fff;--input-bg:#f5f5f5;--hover-bg:#f9f9f9;--header-bg:#f0f0f0;--border-color:#e0e0e0}@media (max-width:768px){.form-row{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.page-header>div{width:100%}.btn{flex:1 1;justify-content:center}table{font-size:12px}table td,table th{padding:10px}}.report-filter{padding:16px 0}.report-section{margin-top:30px}.report-header{align-items:center;border-bottom:2px solid var(--medium-grey);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.report-header h2{color:var(--primary-blue);font-size:18px}.report-actions{display:flex;gap:10px}.report-table{width:100%}.report-table th{background-color:var(--primary-blue);color:var(--white);font-weight:600;padding:12px;text-align:left}.report-table td{border-bottom:1px solid var(--medium-grey);padding:12px}.report-table tbody tr:hover{background-color:var(--light-grey)}.total-cell{color:var(--accent-blue);font-weight:600}.grand-total-cell{background-color:#0f34600d;color:var(--primary-blue);font-weight:700}@media print{.report-actions,.report-filter{display:none}.card{border:1px solid #ccc;box-shadow:none}table{page-break-inside:avoid;width:100%}}@media (max-width:768px){.report-header{align-items:flex-start;flex-direction:column;gap:10px}.report-actions{width:100%}.report-filter .form-row{grid-template-columns:1fr}}.settings-container{background:var(--light-grey);min-height:calc(100vh - 80px);padding:30px}.settings-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.settings-header h1{color:var(--text-primary);font-size:28px;margin:0}.btn-primary{font-weight:500;padding:10px 20px}.form-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:25px}.form-card h2{color:var(--text-primary);font-size:20px;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group input,.form-group select{background:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0f34601a;outline:none}.btn-success{background:#4caf50;font-weight:500;padding:10px 20px}.btn-success:hover{background:#45a049}.btn-secondary{background:#757575;font-weight:500;padding:10px 20px}.btn-secondary:hover{background:#616161}.btn-danger{background:#f44336}.btn-danger:hover{background:#da190b}.btn-info{background:#2196f3;color:#fff}.btn-info:hover{background:#0b7dda}.alert{border-left:4px solid;padding:15px 20px}.alert-error{background:#ffebee;border-left-color:#f44336;color:#c62828}.alert-success{background:#e8f5e9;border-left-color:#4caf50;color:#2e7d32}.users-section{background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:25px}.users-section h2{color:var(--text-primary);font-size:20px;margin-bottom:20px;margin-top:0}.table-actions{display:flex;gap:10px;margin-bottom:20px}.table-actions .btn-secondary{align-items:center;display:flex;gap:8px}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:var(--light-grey);border-bottom:2px solid var(--border-color)}.users-table th{color:var(--text-primary);font-weight:600;padding:12px;text-align:left}.users-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px}.users-table tbody tr:hover{background:color-mix(in srgb,var(--accent-blue) 10%,#0000)}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.role-admin{background:#ffebee;color:#c62828}.role-manager{background:#fff3e0;color:#e65100}.role-staff{background:#e3f2fd;color:#1565c0}.role-select{background:var(--white);border:1px solid var(--primary-blue);border-radius:4px;font-size:13px;padding:6px 10px}.actions{display:flex;gap:8px}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;display:flex;justify-content:center;padding:6px;transition:all .3s ease}.btn-icon.btn-success{color:#4caf50}.btn-icon.btn-success:hover{background:#e8f5e9}.btn-icon.btn-danger{color:#f44336}.btn-icon.btn-danger:hover{background:#ffebee}.btn-icon.btn-info{color:#2196f3}.btn-icon.btn-info:hover{background:#e3f2fd}.btn-icon.btn-secondary{color:#757575}.btn-icon.btn-secondary:hover{background:#f5f5f5}.info-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.info-section h3{color:var(--text-primary);font-size:18px;margin-bottom:20px;margin-top:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.role-card{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:8px;box-shadow:0 2px 8px #0f346033;color:#fff;padding:20px}.role-card h4{font-size:16px;margin:0 0 10px}.role-card p{font-size:13px;line-height:1.5;margin:0;opacity:.95}.backup-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.google-auth-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.google-auth-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.auth-status{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.auth-status.authenticated{background:#f0f9f4;border-color:#34a853}.auth-info{align-items:center;display:flex;gap:15px}.auth-status-label{color:#34a853;font-size:14px;font-weight:600}.auth-email{color:var(--text-secondary);font-size:13px}.auth-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 18px;transition:all .3s ease}.auth-btn.google{background:#fff;border:1px solid #dadce0;color:#3c4043}.auth-btn.google:hover{background:#f8f9fa;border-color:#d2d3d4;box-shadow:0 2px 8px #0000001a}.auth-btn.logout{background:#f3f3f3;border:1px solid #dadce0;color:var(--text-primary)}.auth-btn.logout:hover{background:#e8e8e8}.backup-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.backup-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s ease}.backup-btn.google-cloud{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.backup-btn.google-cloud:hover:not(:disabled){box-shadow:0 6px 20px #4285f466;transform:translateY(-2px)}.backup-btn.local{background:var(--secondary-blue);color:#fff}.backup-btn.local:hover:not(:disabled){background:var(--primary-blue);box-shadow:0 6px 20px #0f346066;transform:translateY(-2px)}.backup-btn:disabled{cursor:not-allowed;opacity:.6}.loading,.no-data{color:var(--text-secondary);font-size:16px;padding:40px 20px;text-align:center}@media (prefers-color-scheme:dark){.form-card,.info-section,.users-section{background:#2a2a2a;border-color:#444}.users-table tbody tr:hover,.users-table thead{background:#333}.form-group input,.form-group select{background:#333;border-color:#444;color:#fff}.role-select{background:#333;border-color:var(--primary-blue);color:#fff}}.closing-stock-container{margin:0 auto;max-width:1400px}.closing-stock-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.closing-stock-header h1{color:var(--text-primary);margin:0}.threshold-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-bar{align-items:center;background:var(--white);border:1px solid var(--medium-grey);border-radius:8px;margin-bottom:12px;padding:10px 12px}.search-bar input{background:#0000;border:none;color:var(--text-primary);outline:none}.threshold-controls label{color:var(--text-secondary);font-size:14px}.threshold-controls input{width:110px}.summary-row{display:flex;gap:12px;margin-bottom:16px}.summary-item{background:var(--light-grey);border:1px solid var(--medium-grey);border-radius:8px;min-width:180px;padding:12px 14px}.summary-item span{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:4px}.summary-item strong{color:var(--text-primary);font-size:20px}.summary-item.warning span,.summary-item.warning strong{color:var(--warning)}.low-row{background:color-mix(in srgb,var(--warning) 12%,#0000)}.status{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status.low{background:color-mix(in srgb,var(--warning) 20%,#0000);color:var(--warning)}.status.ok{background:color-mix(in srgb,var(--success) 20%,#0000);color:var(--success)}.action-buttons{display:flex;gap:8px}.btn-icon{background:#0000;border:1px solid var(--medium-grey);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:6px 8px}.btn-icon:hover{background:color-mix(in srgb,var(--accent-blue) 15%,#0000)}@media (max-width:768px){.closing-stock-header{align-items:flex-start;flex-direction:column}.summary-row{flex-direction:column}}.license-container{background:var(--light-bg);min-height:calc(100vh - 80px);padding:30px}.license-header{border-bottom:2px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.license-title{align-items:center;display:flex;gap:15px}.license-title h1{color:var(--text-primary);font-size:28px;margin:0}.license-title svg{color:var(--primary-blue)}.license-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.card-header{border-bottom:2px solid var(--border-color);gap:12px}.card-header h3{color:var(--text-primary);font-size:18px;margin:0}.card-header.success{border-bottom-color:#34a853}.card-header.success svg{color:#34a853}.card-header.warning{border-bottom-color:#ea4335}.card-header.warning svg{color:#ea4335}.machine-id-section{background:#2c2c2c;border-radius:6px;margin-top:20px;padding:20px}.machine-id-section label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.machine-id-display{align-items:center;background:#1a1a1a;border:1px solid #404040;border-radius:6px;display:flex;gap:10px;padding:15px}.machine-id-display code{background:#2c2c2c;border:1px solid #404040;border-radius:4px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:8px 10px;word-break:break-all}.copy-btn{background:var(--primary-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 15px;transition:all .3s ease}.copy-btn:hover{background:var(--secondary-blue);box-shadow:0 2px 8px #0f34604d;transform:translateY(-2px)}.license-card.licensed{background:#f0f9f4;border:2px solid #34a853}.license-details{margin:20px 0}.detail-row{border-bottom:1px solid #e0e0e0;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-secondary);font-weight:600}.detail-row .value{color:var(--text-primary);font-weight:500}.detail-row .days-count{color:#34a853;font-weight:700}.info-text{background:#fff;border-left:4px solid #34a853;border-radius:4px;color:var(--text-secondary);font-size:14px;margin-top:15px;padding:12px}.license-card.unlicensed{background:#fdf8f7;border:2px solid #ea4335}.warning-text{background:#fff;border-left:4px solid #ea4335;border-radius:4px;color:#d32f2f;font-size:14px;margin:15px 0;padding:12px}.license-form{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.form-group{margin-bottom:20px}.form-group label{font-weight:600;margin-bottom:8px}.form-group input{border:1px solid var(--border-color);border-radius:6px;font-family:Courier New,monospace;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0f34601a;outline:none}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-primary{align-items:center;background:var(--primary-blue);border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.btn-primary:hover{background:var(--secondary-blue);box-shadow:0 4px 12px #0f34604d}.btn-success{background:#34a853;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-success:hover:not(:disabled){background:#0d7d32;box-shadow:0 4px 12px #34a8534d;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--secondary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:var(--primary-blue);box-shadow:0 4px 12px #0f34604d;transform:translateY(-2px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.info-card{background:#2c2c2c;border:1px solid #404040}.info-card h3{color:#fff;font-size:16px;margin:0 0 20px}.info-content h4{color:#fff;font-size:14px;font-weight:600;margin:15px 0 10px}.info-content ul{list-style:none;margin:0;padding:0}.info-content ul li{color:#ccc;font-size:14px;padding:8px 0 8px 20px;position:relative}.info-content ul li:before{color:#34a853;content:"✓";font-weight:700;left:0;position:absolute}.info-content p{color:#ccc;font-size:14px;margin:10px 0}.info-content code{background:#1a1a1a;border:1px solid #404040;border-radius:4px;color:#fff;display:block;font-family:Courier New,monospace;font-size:12px;margin:10px 0;padding:10px;word-break:break-all}.info-content strong{color:var(--accent-blue);font-weight:600}.alert{animation:slideDown .3s ease;font-size:14px;margin-bottom:20px;padding:15px}.alert-error{background:#fdf8f7;border:1px solid #ea4335;border-left-width:4px;color:#d32f2f}.alert-success{background:#f0f9f4;border:1px solid #34a853;border-left-width:4px;color:#0d7d32}.loading{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top:4px solid var(--primary-blue);height:40px;margin:0 auto 20px;width:40px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.license-card{background:#2a2a2a;border-color:#444}.info-card,.machine-id-display{background:#333;border-color:#444}.info-content code,.machine-id-display code{background:#2a2a2a;border-color:#444;color:#fff}.form-group input{background:#333;border-color:#444;color:#fff}.form-group input:focus{border-color:var(--primary-blue)}}.login-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:16px;padding:32px;width:380px}.login-header{text-align:center}.login-logo{align-items:center;background:#fff;border-radius:50%;box-shadow:0 6px 16px #0000001f;display:flex;height:64px;justify-content:center;margin:0 auto 10px;overflow:hidden;width:64px}.login-logo-image{height:100%;object-fit:contain;width:100%}.login-header h2{color:var(--primary-blue);margin:0}.login-header p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.login-form{display:flex;flex-direction:column;gap:12px}.form-label{color:var(--text-primary);font-size:14px;font-weight:600}.input-group{align-items:center;background:#f9f9f9;border:1px solid var(--medium-grey);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.input-group input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.form-error{color:var(--error);font-size:13px}.login-btn{background:var(--accent-blue);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-weight:600;padding:12px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-btn:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-1px)}.app-layout{background-color:var(--light-grey);display:flex;height:100vh}.page-container{flex:1 1;overflow-y:auto;padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:var(--primary-blue);font-size:28px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:8px;box-shadow:var(--shadow);color:var(--white);padding:20px}.stat-card h3{font-size:14px;font-weight:500;margin-bottom:10px;opacity:.9}.stat-card .value{font-size:32px;font-weight:700}.stat-card .change{font-size:12px;margin-top:8px;opacity:.8}:root{--primary-blue:#0f3460;--secondary-blue:#16506b;--accent-blue:#0996be;--light-blue:#e0f2f7;--white:#fff;--light-grey:#f5f5f5;--medium-grey:#e0e0e0;--dark-grey:#333;--text-primary:#1a1a1a;--text-secondary:#666;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--shadow:0 2px 8px #0000001a}body.dark-mode{--primary-blue:#1a1f36;--secondary-blue:#0f1419;--light-blue:#1a3a4a;--white:#1a1a1a;--light-grey:#2a2a2a;--medium-grey:#3a3a3a;--dark-grey:#e0e0e0;--text-primary:#e0e0e0;--text-secondary:#a0a0a0}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{color:#1a1a1a;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s ease,color .3s ease}.app-container,body{background-color:#f5f5f5;background-color:var(--light-grey)}.app-container{display:flex;height:100vh}.main-content{background-color:#f5f5f5;background-color:var(--light-grey);flex:1 1;margin-left:250px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;transition:margin-left .3s ease;width:calc(100% - 250px)}.main-content.expanded{margin-left:80px}.login-container .main-content{margin-left:0;padding:0;width:100%}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.btn-primary{background-color:#0996be;background-color:var(--accent-blue);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#16506b;background-color:var(--secondary-blue);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-secondary{background-color:#e0e0e0;background-color:var(--medium-grey);color:#1a1a1a;color:var(--text-primary)}.btn-secondary:hover{background-color:#0f3460;background-color:var(--primary-blue);color:#fff;color:var(--white)}.btn-danger{background-color:#ef4444;background-color:var(--error);color:#fff;color:var(--white)}.btn-danger:hover{opacity:.9}.btn-success{background-color:#22c55e;background-color:var(--success);color:#fff;color:var(--white)}input[type=date],input[type=email],input[type=number],input[type=phone],input[type=text],input[type=time],select,textarea{background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--medium-grey);border-radius:6px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=phone]:focus,input[type=text]:focus,input[type=time]:focus,select:focus,textarea:focus{border-color:#0996be;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0996be1a;outline:none}.card{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.card-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--medium-grey);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.card-header h2{color:#0f3460;color:var(--primary-blue);font-size:18px}.table-container{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}thead{background-color:#0f3460;background-color:var(--primary-blue);color:#fff;color:var(--white)}th{font-weight:600;text-align:left}td,th{padding:12px}td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--medium-grey)}tbody tr:hover{background-color:#f5f5f5;background-color:var(--light-grey)}.form-group{margin-bottom:16px}.form-group label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--medium-grey);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h2{color:#0f3460;color:var(--primary-blue);margin:0}.modal-footer{border-top:2px solid #e0e0e0;border-top:2px solid var(--medium-grey);justify-content:flex-end;margin-top:20px;padding-top:15px}.alert,.modal-footer{display:flex;gap:10px}.alert{align-items:center;border-radius:6px;margin-bottom:16px;padding:12px 16px}.alert-success{background-color:#22c55e1a;border-left:4px solid #22c55e;border-left:4px solid var(--success);color:#22c55e;color:var(--success)}.alert-error{background-color:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--error);color:#ef4444;color:var(--error)}.alert-warning{background-color:#f59e0b1a;border-left:4px solid #f59e0b;border-left:4px solid var(--warning);color:#f59e0b;color:var(--warning)}.spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-top-color:#0996be;border:3px solid var(--medium-grey);border-radius:50%;border-top-color:var(--accent-blue);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.badge-primary{background-color:#e0f2f7;background-color:var(--light-blue);color:#0f3460;color:var(--primary-blue)}.badge-success{background-color:#22c55e33;color:#22c55e;color:var(--success)}.badge-warning{background-color:#f59e0b33;color:#f59e0b;color:var(--warning)}.badge-error{background-color:#ef444433;color:#ef4444;color:var(--error)}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar input{border:1px solid #e0e0e0;border:1px solid var(--medium-grey);border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}@media (max-width:768px){.main-content{margin-left:0;padding:10px}.form-row{grid-template-columns:1fr}.modal{padding:16px;width:95%}table{font-size:12px}td,th{padding:8px}}
/*# sourceMappingURL=main.8a3fd568.css.map*/