@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary-green:#00a859;--primary-green-hover:#008f4c;--primary-green-light:#e6f6ef;--bg-gray:#f8f9fa;--white:#fff;--border-color:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--danger-red:#ef4444;--danger-red-hover:#dc2626;--blue-primary:#3b82f6;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--transition-smooth:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--bg-gray);color:#111827;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.screen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-info h1{color:#111827;color:var(--text-main);font-size:24px;font-weight:700;margin-bottom:4px}.header-info p{color:#6b7280;color:var(--text-muted);font-size:14px}.crm-screen{width:100%}.content-card,.stat-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow);padding:24px}.icon-btn,.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease;transition:var(--transition-smooth)}.primary-btn{background-color:#00a859;background-color:var(--primary-green);color:#fff;color:var(--white)}.primary-btn:hover{background-color:#008f4c;background-color:var(--primary-green-hover)}.secondary-btn{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-main)}.secondary-btn:hover{background-color:#f8f9fa;background-color:var(--bg-gray);border-color:#d1d5db}.primary-btn:active,.secondary-btn:active{transform:scale(.98)}.data-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color)}.data-table tr:hover{background-color:#e6f6ef;background-color:var(--primary-green-light)}.content-card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow);padding:24px}.summary-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;background:var(--white);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow);display:flex}.stat-info .stat-label{color:#6b7280;color:var(--text-muted);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.stat-info .stat-value{color:#111827;color:var(--text-main);font-size:24px;font-weight:700}.table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px}.data-table{text-align:left}.data-table th{background-color:#f9fafb;color:#6b7280;color:var(--text-muted);font-size:12px;font-weight:600;padding:12px 16px;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.data-table td{color:#111827;color:var(--text-main);padding:16px}.data-table tr:hover{background-color:#f9fafb}.text-right{text-align:right}.font-bold{font-weight:600}.card-controls{justify-content:space-between;margin-bottom:24px}.card-controls,.search-box{align-items:center;display:flex}.search-box{max-width:400px;position:relative;width:100%}.search-icon{color:#6b7280;color:var(--text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute}.search-box input{background-color:#f9fafb!important;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px 12px 10px 40px!important;transition:all .2s;width:100%}.search-box input:focus{background-color:#fff!important;background-color:var(--white)!important;border-color:#00a859;border-color:var(--primary-green);box-shadow:0 0 0 4px #00a8591a;outline:none}@media (max-width:768px){.screen-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.header-info h1{font-size:20px}.summary-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.card-controls{align-items:flex-start;flex-direction:column;gap:16px}.search-box{max-width:100%}.primary-btn,.secondary-btn{justify-content:center;padding:12px;width:100%}.content-card{padding:16px}.action-icons{flex-wrap:wrap;justify-content:flex-start}}.delete-confirm-view{padding:8px 0;text-align:center}.delete-icon-wrapper{align-items:center;background-color:#fee2e2;border-radius:50%;color:#ef4444;color:var(--danger-red);display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.delete-confirm-view h3{color:#111827;color:var(--text-main);font-size:18px;font-weight:700;margin-bottom:8px}.delete-confirm-view p{color:#6b7280;color:var(--text-muted);font-size:14px;margin-bottom:0}.btn-danger{background-color:#ef4444;background-color:var(--danger-red);color:#fff;color:var(--white)}.btn-danger:hover{background-color:#dc2626;background-color:var(--danger-red-hover)}.action-icons{display:flex;gap:8px;justify-content:flex-end}.icon-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.icon-btn.success:hover{background-color:#e6f6ef;border-color:#00a859;border-color:var(--primary-green);color:#00a859;color:var(--primary-green)}.icon-btn.danger:hover{background-color:#fee2e2;border-color:#ef4444;border-color:var(--danger-red);color:#ef4444;color:var(--danger-red)}.btn-danger{background-color:#ef4444!important;background-color:var(--danger-red)!important;border:none!important;color:#fff!important;color:var(--white)!important}.btn-danger:hover{background-color:#dc2626!important;background-color:var(--danger-red-hover)!important}.status-pill{border-radius:9999px;font-size:12px;font-weight:500;padding:4px 10px}.status-pill.active,.status-pill.in-stock,.status-pill.paid{background-color:#dcfce7;color:#166534}.status-pill.cancelled,.status-pill.inactive,.status-pill.out-of-stock{background-color:#fee2e2;color:#991b1b}.status-pill.low-stock,.status-pill.outstanding{background-color:#fef3c7;color:#92400e}.sidebar{background:var(--white);border-right:1px solid var(--border-color);color:var(--text-main);display:flex;flex-direction:column;height:100vh;max-width:260px;min-width:260px;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease-in-out;width:260px;z-index:2000}.mobile-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:none;font-size:28px;line-height:1;padding:4px}@media (max-width:768px){.sidebar{bottom:0;box-shadow:10px 0 25px #0000001a;left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.mobile-close-btn{display:block;margin-left:auto}.logo-container{justify-content:flex-start}}.logo-container{gap:12px;margin-bottom:32px;padding:0 4px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background-color:var(--primary-green);border-radius:8px;color:#fff;height:40px;justify-content:center;width:40px}.sidebar h2{color:var(--text-main);font-size:18px;font-weight:700;line-height:1.1;margin:0}.admin-pill{color:var(--text-muted);font-size:11px;font-weight:500;margin-top:1px}.nav-links{display:flex;flex-direction:column;gap:4px}.sidebar a{align-items:center;border-radius:8px;color:var(--text-muted);display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.sidebar a:hover{background:var(--bg-gray);color:var(--text-main)}.sidebar a.active{background:var(--primary-green-light);color:var(--primary-green)}.icon{font-size:18px}.logout-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main)!important;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:auto;padding:12px;transition:all .2s ease}.logout-btn:hover{background:#fef2f2!important;border-color:#fee2e2!important;color:#dc2626!important}.page-content{background:var(--bg-gray)}.app-layout{background-color:var(--bg-gray);display:flex;min-height:100vh}.mobile-header{align-items:center;background:var(--white);border-bottom:1px solid var(--border-color);display:none;height:64px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.mobile-logo-group{align-items:center;display:flex;gap:12px}.mobile-logo-icon{align-items:center;background-color:var(--primary-green);border-radius:6px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.mobile-logo-icon svg{height:20px;width:20px}.mobile-app-title{color:var(--text-main);font-size:18px;font-weight:700}.hamburger-btn{background:none;border:none;color:var(--text-main);cursor:pointer;font-size:24px;padding:8px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1999}.page-content{flex:1 1;overflow-y:auto;padding:32px}@media (max-width:768px){.app-layout{flex-direction:column}.mobile-header{display:flex}.sidebar-overlay{display:block}.page-content{padding:80px 16px 32px}}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-container{border-radius:8px;box-shadow:0 0 10px #0000001a;margin:80px auto;padding:30px;text-align:center;width:350px}.signup-container p{color:"#ccc";margin-bottom:20px}.signup-container label{display:block;font-weight:700;text-align:left}.signup-container input{background-color:#dad8d8;border:1px solid #ccc;border-radius:5px;margin-bottom:12px;padding:10px;width:100%}.signup-container button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.signup-container button:hover{background-color:#45a049}.dashboard-container{width:100%}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:var(--text-main);font-size:28px;font-weight:700;margin:0 0 8px}.dashboard-header p{color:var(--text-muted);font-size:16px;margin:0}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{justify-content:space-between;padding:24px}.stat-info{display:flex;flex-direction:column}.stat-label{color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:8px}.stat-value{color:var(--text-main);font-size:24px;font-weight:700;margin-bottom:8px}.stat-growth{border-radius:12px;font-size:13px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.stat-growth.positive{background-color:var(--primary-green-light);color:var(--primary-green)}.stat-growth.negative{background-color:#fef2f2;color:#dc2626}.stat-icon{align-items:center;background-color:var(--bg-gray);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.sales{background-color:#e6f6ef}.stat-icon.purchases{background-color:#eff6ff}.stat-icon.inventory{background-color:#f5f3ff}.stat-icon.outstanding{background-color:#fff7ed}.dashboard-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-card{background:var(--white);border:1px solid var(--border-color);box-shadow:var(--card-shadow);padding:24px}.chart-header{margin-bottom:24px}.chart-header h3{color:var(--text-main);font-size:18px;font-weight:600;margin:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;overflow:hidden;padding:0;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.75rem;justify-content:center;line-height:1;padding:4px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.detail-item{margin-bottom:0}.detail-item.full-width{grid-column:span 2}.detail-label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#111827;font-size:15px;font-weight:500}.modal-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00a859;box-shadow:0 0 0 3px #00a8591a;outline:none}.form-group input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}@media (max-width:768px){.modal-content{border-radius:0;height:100%;max-height:100vh;width:100%}.detail-view{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.vendor-container{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;height:100vh;padding:20px;width:100%}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 4px 10px #00000014;height:100px;padding:20px;width:300px}.summary-card h3{color:#666;font-size:14px;margin-bottom:8px}.summary-value{color:#333;font-size:24px;font-weight:600}.vendor-list-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-top:24px;padding:16px}.card-header{margin-bottom:12px}.card-header h2{font-size:18px;font-weight:600}.table-wrapper{overflow-x:auto}.vendor-table{border-collapse:collapse;width:100%}.vendor-table td,.vendor-table th{border-bottom:1px solid #eee;font-size:14px;padding:12px;text-align:left}.vendor-table th{background-color:#f5f5f5;font-weight:600}.vendor-table tr:hover{background-color:#fafafa}.vendor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-customer-btn{margin-left:550px}.category-pill{background-color:#f3f4f6;border-radius:6px;color:#374151;font-size:13px;font-weight:500;padding:4px 10px}.purchases-container{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;height:100vh;padding:20px;width:100%}.stats-grid{grid-gap:16px;display:grid;gap:16px;margin-top:24px}.stats-grid.three-cols{grid-template-columns:repeat(3,1fr)}.stat-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:20px;width:250px}.stat-card h3{color:#777;font-size:14px;margin-bottom:8px}.stat-value{color:#333;font-size:26px;font-weight:600}.table-card{border-radius:10px;box-shadow:0 4px 12px #00000014}.table-header{margin-bottom:16px}.table-header h2{margin:0}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid #eee;color:#666;font-size:13px;padding:12px;text-align:left}.data-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:14px 12px}.data-table tbody tr:hover{background-color:#fafafa}.status.pending{background-color:#fff4e5;color:#e65100}.status.completed{background-color:#e6f4ea;color:#2e7d32}.status.cancelled{background-color:#fdecea;color:#c62828}.purchase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stat-icon-small{align-items:center;border-radius:8px;display:flex;font-size:18px;height:36px;justify-content:center;margin-bottom:12px;width:36px}.stat-icon-small.green{background-color:#e6f6ef;color:#00a859}.stat-icon-small.blue{background-color:#eff6ff;color:#2563eb}.stat-icon-small.orange{background-color:#fff7ed;color:#ea580c}.stat-icon-small.purple{background-color:#f5f3ff;color:#7c3aed}.tab-btn{background:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.tab-btn.active{background-color:var(--primary-green);border-color:var(--primary-green);color:var(--white)}.payments-container{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;height:100vh;padding:20px;width:100%}.payment-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:30px}.card{width:200px}.card.partial h2{color:#ca8a04}.card.advance h2{color:#2563eb}.card.outstanding h2{color:#dc2626}@media (max-width:1024px){.payment-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.payment-cards{grid-template-columns:1fr}}.payment-table{border-collapse:collapse;width:100%}.payment-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;padding:12px;text-align:left}.payment-table td{border-bottom:1px solid #f1f5f9;color:#111827;font-size:14px;padding:12px}.payment-table tr:hover{background-color:#f9fafb}.actions{display:flex;gap:8px}.btn-view{background-color:#e5e7eb;border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 10px}.btn-view:hover{background-color:#d1d5db}@media (max-width:900px){.payment-table{display:block;overflow-x:auto;white-space:nowrap}}.payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.expenses-container{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;height:100%;padding:20px;width:100%}.sidebar1{background-color:#fff}.expenses-content{flex:1 1;overflow-x:hidden;padding:10px 20px}.headings{width:98%}.scroll-container{height:680px;overflow-y:auto;width:100%}.expense-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;margin-top:20px}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:20px}.card-title{color:#6b7280;font-size:14px;margin-bottom:8px}.card h2{color:#111827;font-size:24px}.card.month h2{color:#2563eb}.card.pending h2{color:#ca8a04}.card.categories h2{color:#16a34a}@media (max-width:1024px){.expense-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.expense-cards{grid-template-columns:1fr}}.graph-container{display:flex;flex-direction:row}.expense-analytics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr;margin-top:30px}.chart-card{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:360px;width:100%}.chart-card h2{color:#111827;font-size:18px;margin-bottom:15px}@media (max-width:900px){.expense-analytics{grid-template-columns:1fr}}.pl-card{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;margin-left:20px;min-height:360px;width:100%}.pl-card h2{color:#111827;font-size:18px;margin-bottom:20px}.pl-items{display:flex;flex-direction:column;gap:16px;margin-left:20px;width:90%}.pl-item{background-color:#f9fafb;border-radius:10px;padding:18px}.pl-item p{color:#6b7280;font-size:14px;margin-bottom:4px}.pl-item h3{font-size:22px;font-weight:600}.p1-item.pl-item.revenue{background-color:#e0f2fe;height:80px}.pl-item.expenses{background-color:#fee2e2}.pl-item.profit{background-color:#e0f2fe}.pl-item.revenue h3{color:#2563eb}.pl-item.expenses h3{color:#dc2626}.pl-item.profit h3{color:#16a34a}.table-card{box-shadow:0 4px 10px #0000000d;padding:20px}.table-header{margin-bottom:15px}.table-header h2{color:#111827;font-size:18px}.expenses-table{border-collapse:collapse;width:100%}.expenses-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;padding:12px;text-align:left}.expenses-table td{border-bottom:1px solid #f1f5f9;color:#111827;font-size:14px;padding:12px}.expenses-table tr:hover{background-color:#f9fafb}.status{border-radius:999px;font-weight:600}.status.paid{background-color:#dcfce7;color:#16a34a}.status.pending{background-color:#fef3c7;color:#ca8a04}@media (max-width:900px){.expenses-table{display:block;overflow-x:auto;white-space:nowrap}}.expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.report-container{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;height:150vh;padding:20px;width:100%}.headings h1{margin-bottom:4px}.headings p{margin-top:0}.report-container{background-color:#f4f6f8;display:flex;min-height:100vh}.report-content{flex:1 1;padding:30px}.headings-text h1{margin-bottom:5px}.headings-text p{color:#666;margin-bottom:30px}.report-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.report-card{background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #00000014;padding:25px}.report-card h4{color:#555;font-weight:500;margin-bottom:10px}.report-card h2{font-size:28px;margin:0}.revenue{border-left:6px solid #4caf50}.expenses{border-left:6px solid #f44336}.profit{border-left:6px solid #2196f3}.tax{border-left:6px solid #ff9800}@media (max-width:1024px){.report-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.report-cards{grid-template-columns:1fr}}.detailed-report-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;margin-top:30px;padding:20px}.detailed-report-card h2{color:#111827;font-size:20px;margin-bottom:15px}.report-tabs{display:flex;gap:12px;margin-bottom:20px}.report-tabs button{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.report-tabs button.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.chart-wrapper{height:320px}.report-placeholder{color:#6b7280;padding:40px;text-align:center}.chart-wrapper{height:340px;width:100%}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.report-tabs-modern{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin:20px 0 24px;padding:6px;width:-webkit-fit-content;width:fit-content}.report-tab-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.01em;padding:9px 20px;transition:all .2s ease;white-space:nowrap}.report-tab-btn:hover{background:#fff9;color:#1e293b}.report-tab-btn.active{background:#fff;box-shadow:0 1px 4px #0000001f,0 0 0 1px #0000000a;color:#1e293b;font-weight:600}.perm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:12px}.perm-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.perm-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:12px;padding-bottom:10px}.perm-card-header .perm-icon{font-size:16px}.perm-card-header h4{color:#475569;font-size:13px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.perm-toggle-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.perm-toggle-row+.perm-toggle-row{border-top:1px solid #eef1f5}.perm-label{color:#334155;font-size:13px;font-weight:500}.toggle-switch{flex-shrink:0;height:22px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.25s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:3px;position:absolute;transition:.25s;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:#00a859}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}@media (max-width:768px){.perm-grid{grid-template-columns:1fr}.report-tabs-modern{flex-wrap:wrap;width:100%}}.user-roles-container{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;height:200vh;padding:20px;width:100%}.sidebar1{background-color:#ccc;border-radius:5px;padding:40px;width:240px}.divider{background-color:#7f7e7e;height:2px;margin:20px 0}.headings{display:flex;flex-direction:column;padding:10px}.headings-text h1{margin-bottom:4px}.headings-text p{margin-top:0}.user-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.user-card{background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #00000014;margin-left:20px;padding:25px;width:200px}.user-card h4{color:#555;font-weight:500;margin-bottom:10px}.user-card h2{font-size:28px;margin:0}.total-users{border-left:6px solid #2196f3}.active-users{border-left:6px solid #4caf50}.roles{border-left:6px solid #9c27b0}@media (max-width:900px){.user-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.user-cards{grid-template-columns:1fr}}.table-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #00000014;margin-top:30px;padding:25px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-header h3{margin:0}.add-user-btn{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.add-user-btn:hover{background-color:#1976d2}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{padding:12px 15px;text-align:left}.user-table th{background-color:#f5f7fa;font-weight:600}.user-table tr{border-bottom:1px solid #e0e0e0}.user-table tr:hover{background-color:#fafafa}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.inactive{background-color:#fdecea;color:#c62828}@media (max-width:768px){.user-table{display:block;overflow-x:auto;white-space:nowrap}}.permissions-table{border-collapse:collapse;width:100%}.permissions-table td,.permissions-table th{padding:14px 16px;text-align:left}.permissions-table th{background-color:#f5f7fa;font-weight:600}.permissions-table tr{border-bottom:1px solid #e0e0e0}.permissions-table td{color:#444}.permissions-table tr:hover{background-color:#fafafa}.permissions-table td:contains("—"){color:#bbb}@media (max-width:768px){.permissions-table{display:block;overflow-x:auto;white-space:nowrap}}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-customer-btn{background-color:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:450px;padding:10px 18px;transition:background-color .3s ease}.add-customer-btn:hover{background-color:#16a34a}.vendor-card input,.vendor-card select{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;margin-top:4px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.vendor-card input:focus,.vendor-card select:focus{border-color:#16a34a}.error-message{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px}.v-name{flex-direction:row;flex-wrap:wrap;margin-bottom:16px}.v-name>div{flex:1 1;min-width:220px}.v-name input{background-color:#ccc7c7;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 10px;width:100%}.v-name p{color:#555;font-size:13px;margin-bottom:6px}.v-namer input{background-color:#ccc7c7}.searchable-select-wrapper{position:relative;width:100%}.select-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.select-control{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.select-control.open,.select-control:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb)}.select-control.open{box-shadow:0 0 0 3px #2563eb1a}.placeholder{color:#9ca3af}.arrow{color:#6b7280;font-size:10px;transition:transform .2s}.open .arrow{transform:rotate(180deg)}.select-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;position:absolute;right:0;top:100%;z-index:1000}.ss-search-box{border-bottom:1px solid #f3f4f6;padding:8px}.ss-search-box input{border:1px solid #e5e7eb;border-radius:4px;font-size:13px;padding:8px;width:100%}.options-list{flex:1 1;overflow-y:auto}.option-item{cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s}.option-item:hover{background:#f3f4f6}.option-item.selected{background:#eff6ff;color:#2563eb;color:var(--primary-color,#2563eb);font-weight:600}.no-results{color:#9ca3af;font-size:13px;padding:12px;text-align:center}.vendor-grid{grid-gap:24px;gap:24px;grid-template-columns:2fr 1.2fr}@media (max-width:1024px){.vendor-grid{grid-template-columns:1fr}}.v-name{display:flex;gap:16px;margin-bottom:24px}@media (max-width:768px){.v-name{flex-direction:column;gap:12px}.v-name>div{width:100%!important}}.notes textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:inherit;font-size:14px;min-height:120px;padding:12px;resize:vertical;transition:border .2s ease,box-shadow .2s ease;width:100%}.notes textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26;outline:none}.notes textarea::placeholder{color:#9ca3af;font-size:13px}.add-vendor-page{width:100%}.page-header{margin-bottom:24px}.page-header h1{margin:0}.page-header p{color:#666;font-size:14px;margin-top:6px}.vendor-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:70% 30%}.vendor-left,.vendor-right{display:flex;flex-direction:column;gap:20px}.vendor-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:18px}.vendor-card h2{font-size:16px;margin-bottom:8px}.vendor-card p{color:#666;font-size:14px}.v-namer input{background-color:#ccc;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 10px;width:100%}.vendor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:20px}.btn-primary{background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px}.btn-primary:hover{background:#15803d}.btn-cancel{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:10px 18px}.btn-cancel:hover{background:#d1d5db}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:9999}.toast{align-items:center;animation:toast-slide-in .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-left:6px solid #ccc;border-radius:12px;box-shadow:0 10px 25px #0000001a;cursor:pointer;display:flex;justify-content:space-between;max-width:400px;min-width:300px;padding:16px;pointer-events:auto;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translateY(-2px)}.toast:active{transform:scale(.98)}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-warning{border-left-color:#f59e0b}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{font-size:1.2rem}.toast-message{color:#1f2937;font-size:.95rem;font-weight:500}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.5rem;line-height:1;margin-left:12px;padding:0 4px}.toast-close:hover{color:#4b5563}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.fc2c3fc7.css.map*/