:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--danger-gradient: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--shadow-glow: 0 8px 32px rgba(0, 0, 0, .1);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08)}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px}.glass-dark{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.btn-modern{background:var(--primary-gradient);border:none;padding:12px 28px;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-modern:hover:before{left:100%}.btn-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.card-modern{background:white;border-radius:20px;padding:24px;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.8);transition:all .3s ease;position:relative;overflow:hidden}.card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}.badge-modern{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-urgent{background:var(--danger-gradient);color:#fff;animation:pulse 2s infinite}.badge-high{background:var(--warning-gradient);color:#fff}.badge-medium{background:var(--accent-gradient);color:#fff}.badge-low{background:var(--success-gradient);color:#fff}.dashboard-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.header-modern{background:var(--primary-gradient);color:#fff;padding:20px 0;position:relative;overflow:hidden}.header-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.sidebar-modern{background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;min-height:100vh;position:relative}.sidebar-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,41,59,.9) 0%,rgba(15,23,42,.9) 100%)}.table-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.table-modern th{background:var(--primary-gradient);color:#fff;padding:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.table-modern td{padding:16px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.table-modern tr:hover td{background:#f8fafc}.progress-modern{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:10px;background:var(--primary-gradient);transition:width .8s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.spinner-modern{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid var(--primary-gradient);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}.card-modern{padding:16px}}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient{border:2px solid transparent;background:linear-gradient(white,white) padding-box,var(--primary-gradient) border-box}.shadow-glow{box-shadow:0 0 20px #667eea4d}.status-badge{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-completed{background:var(--success-gradient);color:#fff}.status-pending{background:var(--warning-gradient);color:#fff}.status-in-progress{background:var(--accent-gradient);color:#fff}.status-rejected{background:var(--danger-gradient);color:#fff}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}@layer base{html{font-family:Inter,system-ui,sans-serif}body{@apply bg-municipal-background text-gray-900;}}@layer components{.btn-primary{@apply bg-municipal-primary text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;}.btn-secondary{@apply bg-municipal-accent text-white px-6 py-3 rounded-lg font-medium hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;}.btn-outline{@apply border border-municipal-primary text-municipal-primary px-6 py-3 rounded-lg font-medium hover:bg-municipal-primary hover:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed;}.card{@apply bg-white rounded-xl shadow-sm border border-gray-200 p-6 hover:shadow-md transition-shadow duration-200;}.input-primary{@apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-municipal-primary focus:border-transparent transition-all duration-200 placeholder-gray-400;}.badge{@apply inline-flex items-center px-3 py-1 rounded-full text-sm font-medium;}.badge-urgent{@apply bg-red-100 text-red-800;}.badge-high{@apply bg-orange-100 text-orange-800;}.badge-medium{@apply bg-blue-100 text-blue-800;}.badge-low{@apply bg-green-100 text-green-800;}.badge-pending{@apply bg-yellow-100 text-yellow-800;}.badge-completed{@apply bg-green-100 text-green-800;}.badge-in-progress{@apply bg-blue-100 text-blue-800;}}@layer utilities{.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.1)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b8}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--municipal-primary: #1e40af;--municipal-secondary: #dc2626;--municipal-accent: #059669;--municipal-gold: #d97706;--municipal-background: #f8fafc;--primary-gradient: linear-gradient(135deg, #1e40af 0%, #3730a3 100%);--secondary-gradient: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--accent-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);--gold-gradient: linear-gradient(135deg, #d97706 0%, #b45309 100%);--shadow-glow: 0 20px 40px rgba(30, 64, 175, .15);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);min-height:100vh;overflow-x:visible;line-height:1.6}.tramites-table{background:white;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tramites-table th{background:var(--primary-gradient);color:#fff;padding:16px 20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;border:none}.tramites-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;transition:all .3s ease;background:white}.tramites-table tr:last-child td{border-bottom:none}.tramites-table tr:hover td{background:#f8fafc;transform:translate(4px)}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;transition:all .3s ease}.badge-urgent{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;border-color:#fecaca;animation:pulse 2s infinite}.badge-high{background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%);color:#ea580c;border-color:#fed7aa}.badge-medium{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8;border-color:#bfdbfe}.badge-low{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#15803d;border-color:#bbf7d0}.badge-pending{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706;border-color:#fde68a}.badge-completed{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669;border-color:#a7f3d0}.badge-in-progress{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8;border-color:#bfdbfe}.btn-primary{background:var(--primary-gradient);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--municipal-primary);padding:12px 24px;border-radius:12px;font-weight:600;border:2px solid var(--municipal-primary);cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:var(--municipal-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.card-modern{background:var(--glass-bg);border-radius:20px;padding:24px;box-shadow:var(--shadow-soft);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.card-modern:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-gradient)}.font-title{font-family:Poppins,Inter,sans-serif;font-weight:700}@media (max-width: 768px){.tramites-table{border-radius:12px}.tramites-table th,.tramites-table td{padding:12px 16px;font-size:.875rem}.card-modern{padding:20px;border-radius:16px}.btn-primary,.btn-outline{padding:10px 20px;font-size:.875rem}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@tailwind base;@tailwind components;@tailwind utilities;@layer components{.input-primary{@apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-municipal-primary focus:border-transparent transition-all duration-200 placeholder-gray-400 bg-white;}.glass-effect{@apply bg-white bg-opacity-10 backdrop-blur-md border border-white border-opacity-20;}.text-gradient{@apply bg-gradient-to-r from-municipal-primary to-municipal-secondary bg-clip-text text-transparent;}}