:root{--bg-main:#f2f4f8;--card-bg:#fff;--table-header:#e5e9f2;--table-header-text:#1f2937;--table-zebra:#f6f8fc;--table-hover:#e6ecff;--primary:#2563eb;--primary-dark:#1e40af;--success:#15803d;--danger:#b91c1c;--text-main:#1f2937;--text-muted:#6b7280;--border-light:#e2e8f0}.shops-container{background:#f2f4f8;background:var(--bg-main);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:20px 25px 40px}.shops-header{align-items:center;background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 10px #0000000a;display:flex;justify-content:space-between;margin-bottom:18px;padding:18px 22px}.shops-header h2{color:#1f2937;color:var(--text-main);font-size:20px;font-weight:600}.btn{border-radius:8px;padding:10px 18px;transition:.2s ease}.btn-primary{background:#2563eb;background:var(--primary)}.btn-primary:hover{background:#1e40af;background:var(--primary-dark)}.btn-success{background:#15803d;background:var(--success)}.btn-danger{background:#b91c1c;background:var(--danger)}.btn-sm{font-size:13px}.collector-info{background:#fff;border-left:5px solid #2563eb;border-radius:10px;box-shadow:0 4px 10px #0000000d;color:#1f2937;margin-bottom:18px;padding:16px 20px}.collector-info h4{font-size:16px;margin:0 0 8px}.collector-info p{color:#374151;font-size:14px;margin:4px 0}.shop-form{grid-gap:14px;background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 6px 14px #0000000d;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px;padding:22px}.shop-form input,.shop-form select{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;font-size:14px;padding:10px 12px}.bill-form{border-left:5px solid #2563eb;border-left:5px solid var(--primary)}.shops-table{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 18px #0000000f;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#e5e9f2;background:var(--table-header)}th{color:#1f2937;color:var(--table-header-text);font-weight:700;padding:16px;text-align:left}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);font-size:14px}td{color:#1f2937;color:var(--text-main);padding:14px 16px}tbody tr:nth-child(2n){background:#f6f8fc;background:var(--table-zebra)}tbody tr:hover{background:#e6ecff;background:var(--table-hover)}td:first-child{color:#1e40af;color:var(--primary-dark);font-weight:700}.action-buttons{display:flex;gap:8px}.action-buttons .btn{font-size:13px;height:32px;padding:0;width:85px}.action-buttons .btn,.qr-overlay{align-items:center;display:flex;justify-content:center}.qr-overlay{background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.qr-popup{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:14px;box-shadow:0 0 18px #00000040;min-width:320px;padding:22px 26px;text-align:center}.qr-popup svg{margin:10px 0}.qr-close-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:8px 14px}.qr-close-btn:hover{background:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.download-btn{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:13px;justify-content:center;padding:6px 12px;transition:all .2s ease}.download-btn,.shops-container form button[type=submit],.shops-container>button{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;cursor:pointer;font-weight:600}.shops-container form button[type=submit],.shops-container>button{border:none;border-radius:10px;padding:10px 16px;transition:.2s ease}.shops-container form button[type=submit]:hover,.shops-container>button:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a)}tbody button{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px;transition:.2s ease}tbody button:hover{background:linear-gradient(135deg,#15803d,#14532d)}.download-btn,td button{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:.2s ease}.download-btn:hover,td button:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.sidebar{background:linear-gradient(180deg,#1b5e20,#0d3d16);box-shadow:2px 0 8px #1b5e2066;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:.3s ease;width:250px;z-index:1000}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-header h2{border-bottom:2px solid #66bb6a;color:#e8f5e9;font-size:18px;line-height:1.3;margin-bottom:20px;padding-bottom:15px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:10px}.nav-btn{background-color:initial;border:none;border-left:4px solid #0000;border-radius:6px;color:#ffffffd9;cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:12px 15px;text-align:left;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.nav-btn:hover{background-color:#66bb6a2e;border-left-color:#66bb6a;color:#fff;padding-left:20px}.sidebar-footer{border-top:1px solid #ffffff26;margin-top:auto;padding-top:15px}.user-section{background:#66bb6a2e;border:1px solid #66bb6a66;border-radius:8px;margin-bottom:12px;padding:12px}.user-email{color:#fffffff2;margin:0 0 8px;word-break:break-all}.logout-btn{background:#66bb6a;font-size:13px;padding:10px;width:100%}.logout-btn:hover{background:#43a047}.sidebar-footer p{color:#ffffffa6;font-size:12px;margin:0;text-align:center}.hamburger-btn{background:#1b5e20;border:none;border-radius:6px;font-size:18px;left:15px;padding:10px 12px;position:fixed;top:15px;z-index:1100}.close-btn,.hamburger-btn{color:#fff;cursor:pointer;display:none}.close-btn{background:#0000;border:none;font-size:20px}@media (max-width:768px){.sidebar{left:-260px}.sidebar.open{left:0}.hamburger-btn{display:block}.sidebar.open~.hamburger-btn{display:none}.sidebar.open .close-btn{display:block}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error,.loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.error{background:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.btn{border-radius:4px;font-size:14px;font-weight:500;margin:0 5px;padding:10px 16px;transition:all .3s ease}.btn-primary{background-color:#2c5aa0}.btn-primary:hover{background-color:#1976d2}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#45a049}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.btn-info{background-color:#00bcd4;color:#fff}.btn-info:hover{background-color:#0097a7}.btn-warning{background-color:#ff9800;color:#fff}.btn-warning:hover{background-color:#e68900}.btn-sm{font-size:12px;padding:6px 12px}input,select,textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;margin:8px 0;padding:10px;width:100%}input:focus,select:focus,textarea:focus{border-color:#2196f3;box-shadow:0 0 5px #2196f380;outline:none}textarea{min-height:100px;resize:vertical}.app{height:100vh}.app,.main-content{background-color:#f1f8f4;display:flex}.main-content{flex:1 1;flex-direction:column;margin-left:250px}.top-bar{align-items:center;background:linear-gradient(135deg,#1b5e20,#2e7d32);box-shadow:0 3px 10px #2e7d324d;display:flex;justify-content:space-between;padding:20px 30px}.top-bar h1{color:#fff;font-size:24px;font-weight:600;letter-spacing:.5px;margin:0}.user-info{align-items:center;display:flex;gap:15px}.user-details{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-role{color:#fffffff2;font-size:13px;font-weight:500;margin:0}.user-email{color:#ffffffd9;font-size:12px;margin:0}.logout-btn{background-color:#66bb6a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.logout-btn:hover{background-color:#43a047;box-shadow:0 3px 10px #43a04766}.content-area,.page-content{flex:1 1;overflow-y:auto}.page-content{padding:30px}.top-bar-icons{align-items:center;display:flex;gap:15px}.icon-btn{background:none;border:none;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.icon-btn:hover{background-color:#ffffff2e;color:#fff}@media (max-width:768px){.app{flex-direction:column}.main-content{margin-left:0}.top-bar{flex-direction:column;gap:10px;text-align:center}.top-bar h1{font-size:18px}.user-info{justify-content:space-between;width:100%}.user-details{align-items:flex-start}}.login-container{align-items:center;background:linear-gradient(135deg,#1f5f3b,#2e8b57);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;overflow:hidden;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#1f5f3b;font-size:28px;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:14px;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{border:2px solid #d9e6df}.form-group input:focus{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b5726}.error-message{background-color:#fdecea;border-left:4px solid #c0392b;color:#c0392b}.btn-primary{background:linear-gradient(135deg,#1f5f3b,#2e8b57)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2e8b5766}.btn-login{font-size:16px;padding:14px}.login-footer{border-top:1px solid #d9e6df;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#999;font-size:12px;margin:0 0 6px}.login-footer a{color:#2e8b57;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.registration-container{align-items:center;background:linear-gradient(135deg,#1a3a52,#2c5aa0);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.registration-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;overflow:hidden;padding:40px;width:100%}.registration-header{margin-bottom:30px;text-align:center}.registration-header h1{color:#1a3a52;font-size:28px;font-weight:700;margin:0 0 10px}.registration-header p{color:#666;font-size:14px;font-weight:500;margin:0}.registration-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:0}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01a;outline:none}.error-message{background-color:#fee;border-left:4px solid #c33;border-radius:6px;color:#c33;font-size:13px;margin-bottom:0;padding:10px 12px}.btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#1a3a52,#2c5aa0);color:#fff;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-register{font-size:16px;margin-bottom:20px;padding:14px}.registration-footer{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}.registration-footer p{color:#666;font-size:14px;margin:0 0 10px}.link-btn{background:none;border:none;color:#2c5aa0;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.link-btn:hover{color:#1a3a52;text-decoration:underline}.dashboard{padding:clamp(15px,3vw,30px);width:100%}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;border-top:4px solid #2c5aa0;box-shadow:0 2px 6px #00000014;padding:25px}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-container{grid-template-columns:1fr}}.eco-dashboard{background:#f4fbf6;font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;padding:30px}.eco-hero{background:linear-gradient(135deg,#2e7d32,#66bb6a);border-radius:18px;box-shadow:0 12px 30px #2e7d3259;color:#fff;margin-bottom:30px;padding:32px}.eco-hero h1{font-size:28px;font-weight:700;margin:0}.eco-hero p{font-size:14px;margin-top:6px;opacity:.9}.eco-cards{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.eco-card{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000014;padding:26px;transition:transform .25s ease,box-shadow .25s ease}.eco-card:hover{box-shadow:0 18px 35px #0000001f;transform:translateY(-4px)}.eco-card.highlight{background:linear-gradient(135deg,#1b5e20,#43a047);color:#fff}.eco-card h4{font-size:13px;letter-spacing:.6px;margin:0;opacity:.85;text-transform:uppercase}.eco-card h2{font-size:30px;font-weight:700;margin:12px 0}.eco-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:2fr 1.3fr}.eco-box{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000014;padding:26px}.eco-box h3{color:#1b5e20;margin-bottom:18px}.eco-box table{border-collapse:collapse;width:100%}.eco-box thead{background:#e8f5e9}.eco-box td,.eco-box th{font-size:13px;padding:12px;text-align:left}.eco-box td{border-bottom:1px solid #eee}.badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.badge.completed{background:#c8e6c9;color:#1b5e20}.badge.cancelled{background:#f8d7da;color:#721c24}.badge.pending{background:#fff8e1;color:#f9a825}.eco-form input,.eco-form textarea{border:1px solid #c8e6c9;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.eco-form input:focus,.eco-form textarea:focus{border-color:#2e7d32;outline:none}.eco-form button{background:linear-gradient(135deg,#2e7d32,#66bb6a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:12px;width:100%}.eco-form button:hover{opacity:.9}@media (max-width:900px){.eco-grid{grid-template-columns:1fr}}.collectors-container{padding:clamp(15px,3vw,30px);width:100%}.collectors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.collector-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:25px}.collector-form,.collectors-table{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014}.collectors-table{overflow:hidden}@media (max-width:900px){.collectors-table{overflow-x:auto}table{min-width:800px}}@media (max-width:600px){.collector-form{grid-template-columns:1fr}}.complaints-container{background-color:#f1f8f4;padding:clamp(15px,3vw,30px);width:100%}.complaints-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.complaint-form{grid-gap:15px;border-left:6px solid #2e7d32;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:25px}.complaint-form,.complaints-table{background:#fff;border-radius:10px;box-shadow:0 4px 10px #2e7d3226}.complaints-table{overflow:hidden}.complaints-table th{background-color:#2e7d32;color:#fff}@media (max-width:900px){.complaints-table{overflow-x:auto}table{min-width:800px}}@media (max-width:600px){.complaint-form{grid-template-columns:1fr}}
/*# sourceMappingURL=main.9bf35cbc.css.map*/