:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #64748b;--success-color: #10b981;--success-hover: #059669;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--light-color: #f8fafc;--dark-color: #0f172a;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition: all .2s ease-in-out}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;margin:0;padding:0;color:var(--gray-800);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}#app{background-color:#fffffff2;min-height:100vh;box-shadow:var(--shadow-xl);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.card{box-shadow:var(--shadow-md);border-radius:var(--border-radius-lg);margin-bottom:24px;border:none;overflow:hidden;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:none;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:20px;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;font-weight:600;font-size:1.1rem}.card-body{padding:24px}.navbar{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));box-shadow:var(--shadow-md);padding:12px 0}.navbar-brand{font-weight:700;font-size:1.5rem;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.navbar-nav .nav-link{color:#ffffffe6!important;font-weight:500;transition:var(--transition);margin-left:10px}.navbar-nav .nav-link:hover{color:#fff!important;transform:translateY(-1px)}.dropdown-menu{border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:8px 0}.dropdown-item{padding:10px 16px;transition:var(--transition);color:var(--gray-800)}.dropdown-item:hover{background-color:var(--gray-100);color:var(--primary-color);transform:translate(4px)}.btn{border-radius:var(--border-radius-md);padding:8px 16px;font-weight:500;border:none;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#3730a3);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--gray-500);color:#fff}.btn-secondary:hover{background-color:var(--gray-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--success-color),var(--success-hover));color:#fff}.btn-success:hover{background:linear-gradient(135deg,var(--success-hover),#047857);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-control{border-radius:var(--border-radius-md);border:1px solid var(--gray-300);padding:10px 12px;font-size:.95rem;transition:var(--transition)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #4f46e540;outline:none;transform:translateY(-1px)}.form-label{font-weight:500;color:var(--gray-700);margin-bottom:6px;display:block}.bg-light{background-color:var(--gray-100)!important;border-radius:var(--border-radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:var(--transition)}.bg-light:hover{background-color:#f1f5f9!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.table{background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:12px 16px;vertical-align:middle}.table th{background-color:var(--gray-50);font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200)}.table tbody tr{transition:var(--transition);border-bottom:1px solid var(--gray-200)}.table tbody tr:hover{background-color:var(--gray-50);transform:translate(4px)}.table-hover tbody tr:hover{background-color:var(--gray-50)}.modal-content{border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border-bottom:none;padding:20px}.modal-title{font-weight:600;font-size:1.2rem}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--gray-200);padding:20px}.pie-chart-container{height:300px;width:100%;background-color:#fff;border-radius:var(--border-radius-md);padding:20px;box-shadow:var(--shadow-sm)}.recyclable-item{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:var(--transition)}.recyclable-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}.card-title{font-size:2rem;font-weight:700;color:var(--dark-color);margin:8px 0}.card-subtitle{color:var(--gray-500);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.navbar-nav{margin-top:10px;background-color:#ffffff1a;padding:10px;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item{margin-bottom:8px}.card{margin-bottom:20px}.row>*{margin-bottom:16px}.table-responsive{font-size:.85rem}.table th,.table td{padding:8px 12px}.container{padding:12px}.card-body{padding:16px}.btn{width:100%;margin-bottom:8px}.form-control{margin-bottom:12px}.pie-chart-container{height:250px;padding:16px}}.app-container[data-v-3beb7ff4]{min-height:100vh;display:flex;flex-direction:column}.recyclable-item[data-v-644fe34b]{border:1px solid #e9ecef;border-radius:6px;padding:15px;margin-bottom:15px;background-color:#f8f9fa}.recyclable-item .row[data-v-644fe34b]{align-items:center}.pie-chart-container[data-v-644fe34b]{height:300px;width:100%}.query-view[data-v-85dfdba1]{max-width:1200px;margin:0 auto}