@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--ep-primary: #2563eb;--ep-primary-light: #3b82f6;--ep-primary-lighter: #60a5fa;--ep-primary-bg: rgba(37, 99, 235, .08);--ep-success: #10b981;--ep-warning: #f59e0b;--ep-danger: #ef4444;--ep-info: #06b6d4;--ep-white: #ffffff;--ep-bg: #f0f5ff;--ep-text: #0f172a;--ep-text-secondary: #64748b;--ep-border: rgba(148, 163, 184, .2);--ep-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--ep-shadow-lg: 0 8px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px;--glass-bg-heavy: rgba(255, 255, 255, .85);--glass-blur-heavy: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Inter,Noto Sans SC,system-ui,-apple-system,sans-serif;background:var(--ep-bg);color:var(--ep-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(37,99,235,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 10%,rgba(14,165,233,.05) 0%,transparent 40%),linear-gradient(180deg,#eef2ff,#f0f5ff 30%,#f8fafc);background-attachment:fixed}.el-button--primary{--el-button-bg-color: var(--ep-primary);--el-button-border-color: var(--ep-primary);--el-button-hover-bg-color: var(--ep-primary-light);--el-button-hover-border-color: var(--ep-primary-light);box-shadow:0 2px 8px #2563eb40;transition:all .2s ease}.el-button--primary:hover{box-shadow:0 4px 16px #2563eb59;transform:translateY(-1px)}.el-button{border-radius:10px!important;font-weight:500;transition:all .2s ease}.layout-container{display:flex;height:100vh}.sidebar{width:240px;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:relative;z-index:10}.sidebar .logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ep-border);padding:0 16px}.sidebar .logo h1{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--ep-primary) 0%,var(--ep-primary-lighter) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.sidebar .logo .logo-img{max-height:40px;max-width:180px;object-fit:contain}.sidebar .menu{flex:1;padding:12px 0;overflow-y:auto}.main-container{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:64px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;position:relative;z-index:5}.header .user-info{display:flex;align-items:center;gap:12px}.content{flex:1;padding:24px;overflow-y:auto}.ep-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;border:1px solid var(--glass-border);padding:24px;margin-bottom:24px;box-shadow:var(--ep-shadow);transition:box-shadow .3s ease,transform .3s ease}.ep-card:hover{box-shadow:var(--ep-shadow-lg)}.ep-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ep-border)}.ep-card .card-header h3{font-size:16px;font-weight:600;color:var(--ep-text)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;border:1px solid var(--glass-border);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--ep-shadow);transition:all .3s ease}.stat-card:hover{box-shadow:var(--ep-shadow-lg);transform:translateY(-2px)}.stat-card .icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card .icon.primary{background:#2563eb1a;color:var(--ep-primary)}.stat-card .icon.success{background:#10b9811a;color:var(--ep-success)}.stat-card .icon.warning{background:#f59e0b1a;color:var(--ep-warning)}.stat-card .icon.info{background:#06b6d41a;color:var(--ep-info)}.stat-card .info{min-width:0}.stat-card .info .label{font-size:13px;color:var(--ep-text-secondary);margin-bottom:6px;font-weight:500}.stat-card .info .value{font-size:28px;font-weight:700;letter-spacing:-.5px}.stat-card .info .trend{font-size:12px;margin-top:4px;font-weight:500}.stat-card .info .trend.up{color:var(--ep-success)}.stat-card .info .trend.down{color:var(--ep-danger)}.el-table{--el-table-bg-color: transparent;--el-table-tr-bg-color: transparent;--el-table-header-bg-color: rgba(241, 245, 249, .6);--el-table-row-hover-bg-color: rgba(37, 99, 235, .04);--el-table-border-color: var(--ep-border);--el-table-text-color: var(--ep-text);--el-table-header-text-color: var(--ep-text-secondary);border-radius:12px;overflow:hidden}.el-table th.el-table__cell{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(37,99,235,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(14,165,233,.06) 0%,transparent 40%),linear-gradient(180deg,#eef2ff,#f0f5ff,#f8fafc)}.login-page .login-card{width:420px;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-radius:24px;border:1px solid var(--glass-border);padding:48px 40px;box-shadow:0 8px 40px #0f172a14,0 0 1px #0f172a1a}.login-page .login-card .logo{text-align:center;margin-bottom:40px}.login-page .login-card .logo .logo-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--ep-primary) 0%,var(--ep-primary-lighter) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;color:#fff;font-weight:700;box-shadow:0 8px 24px #2563eb4d}.login-page .login-card .logo h1{font-size:26px;font-weight:700;margin-bottom:8px;color:var(--ep-text)}.login-page .login-card .logo p{color:var(--ep-text-secondary);font-size:14px}.login-page .login-card .el-form-item{margin-bottom:24px}.login-page .login-card .el-input .el-input__wrapper{border-radius:12px;padding:4px 16px;background:#f1f5f999;box-shadow:none!important;border:1px solid var(--ep-border);transition:all .2s ease}.login-page .login-card .el-input .el-input__wrapper:hover,.login-page .login-card .el-input .el-input__wrapper.is-focus{border-color:var(--ep-primary-light);background:#fffc}.login-page .login-card .login-btn{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,var(--ep-primary) 0%,var(--ep-primary-lighter) 100%);border:none;box-shadow:0 4px 16px #2563eb4d;transition:all .3s ease}.login-page .login-card .login-btn:hover{box-shadow:0 6px 24px #2563eb66;transform:translateY(-1px)}.el-menu{border:none;background:transparent;--el-menu-bg-color: transparent;--el-menu-text-color: var(--ep-text-secondary);--el-menu-active-color: var(--ep-primary);--el-menu-hover-bg-color: rgba(37, 99, 235, .06)}.el-menu .el-menu-item{margin:2px 12px;border-radius:10px;height:44px;font-weight:500;transition:all .2s ease}.el-menu .el-menu-item.is-active{background:linear-gradient(135deg,#2563eb1a,#60a5fa14);color:var(--ep-primary);font-weight:600;position:relative}.el-menu .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,var(--ep-primary) 0%,var(--ep-primary-lighter) 100%);border-radius:0 4px 4px 0}.el-menu .el-menu-item:hover:not(.is-active){background:#2563eb0a}.el-menu .el-sub-menu__title{margin:2px 12px;border-radius:10px}.level-tag.national{--el-tag-bg-color: rgba(239, 68, 68, .08);--el-tag-border-color: rgba(239, 68, 68, .2);--el-tag-text-color: #dc2626}.level-tag.provincial{--el-tag-bg-color: rgba(37, 99, 235, .08);--el-tag-border-color: rgba(37, 99, 235, .2);--el-tag-text-color: #2563eb}.level-tag.municipal{--el-tag-bg-color: rgba(16, 185, 129, .08);--el-tag-border-color: rgba(16, 185, 129, .2);--el-tag-text-color: #059669}.empty-state{text-align:center;padding:60px 20px;color:var(--ep-text-secondary)}.empty-state .el-icon{font-size:48px;margin-bottom:12px;opacity:.4}.el-dialog{--el-dialog-bg-color: var(--glass-bg-heavy);--el-dialog-border-radius: 20px;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);box-shadow:0 16px 48px #0f172a1f}.el-dialog .el-dialog__header{border-bottom:1px solid var(--ep-border);padding-bottom:16px}.el-dialog .el-dialog__title{font-weight:600}.el-overlay.is-message-box{display:flex!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-message-box{width:420px!important;max-width:90vw!important;border-radius:20px!important;box-shadow:0 16px 48px #0f172a26!important;background:var(--glass-bg-heavy)!important;backdrop-filter:blur(var(--glass-blur-heavy))!important;-webkit-backdrop-filter:blur(var(--glass-blur-heavy))!important;border:1px solid var(--glass-border)!important}.el-message-box__header{padding:20px 24px 16px!important;border-bottom:1px solid var(--ep-border)!important}.el-message-box__title{font-size:16px!important;font-weight:600!important;color:var(--ep-text)!important}.el-message-box__content{padding:24px!important}.el-message-box__message p{font-size:14px!important;color:var(--ep-text-secondary)!important;line-height:1.6!important}.el-message-box__btns{padding:16px 24px 24px!important}.el-message-box__btns .el-button{min-width:80px!important;border-radius:10px!important}.el-tabs .el-tabs__header{margin-bottom:24px}.el-tabs .el-tabs__nav-wrap:after{height:1px;background:var(--ep-border)}.el-tabs .el-tabs__item{font-weight:500;font-size:14px;transition:all .2s ease}.el-tabs .el-tabs__item.is-active{font-weight:600}.el-tabs .el-tabs__active-bar{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ep-primary) 0%,var(--ep-primary-lighter) 100%)}.el-input .el-input__wrapper{border-radius:10px;transition:all .2s ease;box-shadow:0 0 0 1px var(--ep-border) inset!important;background:#fff9}.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px #2563eb4d inset!important}.el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--ep-primary) inset,0 0 0 3px #2563eb1a inset!important;background:#ffffffe6}.el-select .el-select__wrapper{border-radius:10px;background:#fff9}.el-switch.is-checked{--el-switch-on-color: var(--ep-primary)}.el-steps .el-step__head.is-finish{color:var(--ep-primary);border-color:var(--ep-primary)}.el-steps .el-step__title.is-finish{color:var(--ep-primary)}.el-tag{border-radius:8px;font-weight:500}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-enter-from{opacity:0;transform:translateY(12px)}.slide-leave-to{opacity:0;transform:translateY(-8px)}.el-notification{position:fixed!important;z-index:9999!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;padding:16px 20px!important;box-shadow:0 8px 32px #0f172a1a,0 2px 8px #0f172a0f!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;min-width:320px}.el-notification.right{top:80px!important;right:24px!important}.el-notification .el-notification__group{margin-left:8px}.el-notification .el-notification__title{font-weight:600!important;font-size:15px!important;color:#0f172a!important;margin-bottom:6px!important}.el-notification .el-notification__content{font-size:14px!important;color:#64748b!important;line-height:1.5!important;margin:0!important}.el-notification .el-notification__closeBtn{top:16px!important;right:16px!important;color:#94a3b8!important}.el-notification .el-notification__closeBtn:hover{color:#64748b!important}.el-notification .el-notification__icon{width:28px!important;height:28px!important;font-size:28px!important}.el-notification.el-notification--success{background:linear-gradient(135deg,#f0fdf4e6,#dcfce7d9)!important;border-left:4px solid #22c55e!important}.el-notification.el-notification--success .el-notification__icon{color:#22c55e!important}.el-notification.el-notification--error{background:linear-gradient(135deg,#fef2f2e6,#fee2e2d9)!important;border-left:4px solid #ef4444!important}.el-notification.el-notification--error .el-notification__icon{color:#ef4444!important}.el-notification.el-notification--warning{background:linear-gradient(135deg,#fffbebe6,#fef3c7d9)!important;border-left:4px solid #f59e0b!important}.el-notification.el-notification--warning .el-notification__icon{color:#f59e0b!important}.el-notification.el-notification--info{background:linear-gradient(135deg,#eff6ffe6,#dbeafed9)!important;border-left:4px solid #3b82f6!important}.el-notification.el-notification--info .el-notification__icon{color:#3b82f6!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.el-alert{border-radius:12px;border:none}.el-alert--info{background:#2563eb0f}.el-alert--success{background:#10b9810f}.el-alert--warning{background:#f59e0b0f}.el-alert--error{background:#ef44440f}.el-descriptions{--el-descriptions-item-bordered-label-background: rgba(241, 245, 249, .5)}.step-section{background:#f1f5f966;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--ep-border);border-radius:14px;padding:20px;margin-bottom:28px;transition:all .2s ease}.step-section:hover{background:#f1f5f999}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ep-primary) 0%,var(--ep-primary-lighter) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.step-title{font-size:16px;font-weight:600;color:var(--ep-text)}.form-hint{color:var(--ep-text-secondary);font-size:13px;margin-left:8px}.el-dropdown-menu{border-radius:12px!important;border:1px solid var(--glass-border)!important;box-shadow:var(--ep-shadow-lg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;overflow:hidden}.el-dropdown-menu__item{border-radius:0!important;transition:all .15s ease}.el-dropdown-menu__item:hover{background:#2563eb0f!important;color:var(--ep-primary)!important}.el-popper.is-light{border-radius:12px!important;border:1px solid var(--glass-border)!important;box-shadow:var(--ep-shadow-lg)!important}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
