@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary-orange: #F16E00;--primary-orange-light: #FF8C2A;--primary-orange-dark: #C55B00;--primary-orange-glow: rgba(241, 110, 0, .25);--bg-base: #F2F2F6;--bg-surface: #FFFFFF;--bg-elevated: #EAEAEF;--bg-card: #FFFFFF;--bg-card-hover: #F7F7FB;--text-primary: #111117;--text-secondary: #4A4A5E;--text-muted: #8A8A9A;--border-subtle: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .12);--border-orange: rgba(241, 110, 0, .35);--success: #22C55E;--success-bg: rgba(34, 197, 94, .12);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .12);--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .12);--info: #3B82F6;--info-bg: rgba(59, 130, 246, .12);--gradient-primary: linear-gradient(135deg, #F16E00 0%, #FF8C2A 100%);--gradient-dark: linear-gradient(135deg, #F2F2F6 0%, #EAEAEF 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #F7F7FB 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .07);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .13);--shadow-orange: 0 4px 24px rgba(241, 110, 0, .25);--shadow-orange-lg: 0 8px 40px rgba(241, 110, 0, .32);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f16e0066;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-orange)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.badge{display:inline-flex;align-items:center;gap:5px;padding:.3rem .8rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;letter-spacing:.3px}.badge-active{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.25)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge-inactive{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn{padding:.7rem 1.4rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-orange-lg);filter:brightness(1.05)}.btn-secondary{background:#f16e001a;color:var(--primary-orange);border:1px solid var(--border-orange)}.btn-secondary:hover{background:#f16e0033}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444440}.btn-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.25)}.btn-success:hover{background:#22c55e40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--primary-orange-glow)}50%{box-shadow:0 0 25px #f16e0080}}.fade-in{animation:fadeInUp .5s ease both}.fade-in-2{animation:fadeInUp .5s ease .1s both}.fade-in-3{animation:fadeInUp .5s ease .2s both}.fade-in-4{animation:fadeInUp .5s ease .3s both}.slide-in{animation:slideInLeft .4s ease both}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .8s linear infinite}.sidebar{--bg-surface: #161619;--bg-elevated: #1E1E23;--bg-card: #1A1A1F;--bg-card-hover:#222228;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--text-primary: #F0F0F5;--text-secondary:#8A8A9A;--text-muted: #555565;background:#161619;border-right-color:#ffffff0f}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}.btn{padding:.6rem 1.1rem;font-size:.85rem}}.header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 var(--spacing-lg);height:68px;display:flex;align-items:center;position:sticky;top:0;z-index:50}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-left{flex:1}.header-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.15rem}.breadcrumb-sep{opacity:.4}.header-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.header-right{display:flex;align-items:center;gap:.75rem}.header-date{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);padding:.4rem .9rem;border-radius:var(--radius-full)}.btn-notif{position:relative;width:38px;height:38px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.btn-notif:hover{border-color:var(--primary-orange);color:var(--primary-orange);background:#f16e0014}.notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--primary-orange);border-radius:50%;border:1.5px solid var(--bg-surface)}.user-profile-wrapper{position:relative;z-index:200}.user-info{display:flex;align-items:center;gap:.65rem;background:var(--bg-card);border:1px solid var(--border-medium);padding:.4rem .9rem .4rem .4rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-info:hover,.user-profile-wrapper.active .user-info{border-color:var(--border-orange);background:var(--bg-card-hover)}.user-avatar{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;box-shadow:var(--shadow-orange)}.user-name{font-weight:600;color:var(--text-primary);font-size:.85rem}.user-role{font-size:.72rem;color:var(--text-muted)}.dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-normal);display:flex;margin-left:.1rem}.dropdown-arrow.up{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;padding:.5rem;animation:fadeInUp .2s ease}.dropdown-user-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border-subtle);margin-bottom:.4rem}.dropdown-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff}.dropdown-user-name{font-size:.88rem;font-weight:700;color:var(--text-primary)}.dropdown-user-role{font-size:.75rem;color:var(--primary-orange);font-weight:500}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-align:left}.dropdown-item:hover{background:var(--bg-card);color:var(--text-primary)}.dropdown-item.logout{color:var(--danger)}.dropdown-item.logout:hover{background:var(--danger-bg)}.item-icon{display:flex;align-items:center;justify-content:center;opacity:.9}@media(max-width:768px){.header{padding:0 var(--spacing-sm)}.header-date{display:none}.header-title{font-size:1rem}}.sidebar{width:270px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;transition:width var(--transition-normal);overflow:hidden;z-index:100}.sidebar.collapsed{width:72px}.sidebar-header{padding:1.25rem 1.25rem 1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;min-height:72px;background:var(--bg-elevated)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.logo-icon-wrap{width:38px;height:38px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-orange);animation:glow 3s ease-in-out infinite}.logo-text{font-size:1rem;font-weight:800;color:var(--text-primary);white-space:nowrap;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}.logo-text span{color:var(--primary-orange)}.sidebar-toggle{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-left:.5rem}.sidebar-toggle:hover{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange);box-shadow:var(--shadow-orange)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-section-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:.75rem .75rem .25rem;white-space:nowrap}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:.9rem;padding:.75rem .9rem;color:var(--text-secondary);border:none;background:transparent;width:100%;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;text-align:left;white-space:nowrap}.sidebar-link:hover:not(.disabled){background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-link.active{background:#f16e001f;color:var(--primary-orange);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--gradient-primary);border-radius:0 3px 3px 0}.sidebar-link.disabled{opacity:.35;cursor:not-allowed}.sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px}.sidebar-label{flex:1}.coming-soon{font-size:.65rem;background:#f16e0026;color:var(--primary-orange);padding:.15rem .4rem;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.5px}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-subtle)}.sidebar-user-card{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.user-avatar-mini{width:34px;height:34px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.user-card-info{flex:1;min-width:0}.user-card-name{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-role{font-size:.7rem;color:var(--primary-orange);font-weight:500}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-link.active:before{top:0;height:100%;border-radius:0 3px 3px 0}.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .sidebar-user-card{justify-content:center;padding:.6rem .5rem}.sidebar.collapsed .user-card-info{display:none}@media(max-width:768px){.sidebar{position:fixed;z-index:999;box-shadow:var(--shadow-lg)}.sidebar.collapsed{width:0;border-right:none}}.adm-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem;animation:admFadeIn .22s ease}@keyframes admFadeIn{0%{opacity:0}to{opacity:1}}.adm-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff0a;position:relative;animation:admSlideUp .28s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:var(--primary-orange) transparent}.adm-modal::-webkit-scrollbar{width:5px}.adm-modal::-webkit-scrollbar-track{background:transparent}.adm-modal::-webkit-scrollbar-thumb{background:var(--primary-orange);border-radius:99px}@keyframes admSlideUp{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.adm-close{position:absolute;top:1rem;right:1rem;z-index:10;width:34px;height:34px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.adm-close:hover{background:#ffffff38;transform:rotate(90deg) scale(1.1)}.adm-hero{position:relative;padding:2.25rem 2rem 1.75rem;display:flex;align-items:center;gap:1.25rem;overflow:hidden;border-radius:20px 20px 0 0}.adm-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#f16e00,#d45a00 40%,#a84100);z-index:0}.adm-hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(0,0,0,.15) 0%,transparent 45%)}.adm-hero-bg:after{content:"";position:absolute;right:-30px;bottom:-30px;width:160px;height:160px;border-radius:50%;border:2px solid rgba(255,255,255,.08)}.adm-avatar{position:relative;z-index:1;width:68px;height:68px;border-radius:16px;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #00000040;letter-spacing:1px}.adm-hero-info{position:relative;z-index:1;flex:1;min-width:0}.adm-agency-name{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 .5rem;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.2)}.adm-agency-meta{display:flex;flex-wrap:wrap;gap:.5rem}.adm-meta-chip{display:inline-flex;align-items:center;gap:4px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:999px}.adm-badge{position:relative;z-index:1;align-self:flex-start;padding:.3rem .85rem;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.3px;flex-shrink:0}.adm-badge.badge-active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.adm-badge.badge-warning{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.adm-badge.badge-inactive{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.adm-divider{display:flex;align-items:center;gap:.75rem;padding:0 2rem;margin-top:1.75rem}.adm-divider:before,.adm-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.adm-divider span{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.adm-body{padding:1.25rem 2rem .5rem}.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.adm-info-card{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;transition:all .18s ease}.adm-info-card:hover{border-color:#f16e0059;background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.adm-wide{grid-column:1 / -1}.adm-info-icon{width:34px;height:34px;border-radius:9px;background:#f16e001f;color:var(--primary-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-info-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.adm-info-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.adm-info-value{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-break:break-word}.adm-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;margin-top:1.5rem;border-top:1px solid var(--border-subtle)}.adm-footer-id{font-size:.75rem;color:var(--text-muted);font-weight:600;background:var(--bg-elevated);padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-subtle)}.adm-btn-close{padding:.65rem 1.75rem;background:var(--gradient-primary);border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s ease;box-shadow:0 4px 14px #f16e0059}.adm-btn-close:hover{transform:translateY(-2px);box-shadow:0 8px 22px #f16e0073;filter:brightness(1.08)}.adm-btn-close:active{transform:translateY(0)}@media(max-width:600px){.adm-modal{border-radius:16px}.adm-hero{padding:1.75rem 1.25rem 1.5rem;gap:1rem}.adm-avatar{width:56px;height:56px;font-size:1.2rem}.adm-agency-name{font-size:1.1rem}.adm-body{padding:1rem 1.25rem .5rem}.adm-grid{grid-template-columns:1fr}.adm-wide{grid-column:1}.adm-footer{padding:1.25rem}.adm-divider{padding:0 1.25rem}}.confirmation-modal{max-width:450px;padding:var(--spacing-lg)}.confirmation-message{color:var(--text-primary);font-size:1.1rem;line-height:1.5;margin:var(--spacing-md) 0;text-align:center}.confirmation-modal .modal-footer{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);border-top:none;padding-top:0}.confirmation-modal .btn{min-width:120px}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal{animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}.agency-page{display:flex;flex-direction:column;gap:1.5rem}.agency-tabs{display:flex;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.4rem}.agency-tab{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);white-space:nowrap}.agency-tab:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.agency-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-orange)}.tab-count{background:#ffffff40;color:inherit;font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;min-width:20px;text-align:center}.agency-tab:not(.active) .tab-count{background:#f16e001f;color:var(--primary-orange)}.agency-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.agency-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.agency-stat-card:after{content:"";position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:80px;height:80px;border-radius:50%;opacity:.04;background:currentColor}.agency-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.asc-icon{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.asc-orange{background:#f16e0026;color:var(--primary-orange)}.asc-green{background:#22c55e1f;color:var(--success)}.asc-red{background:#ef44441f;color:var(--danger)}.asc-info{display:flex;flex-direction:column;gap:1px}.asc-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.asc-label{font-size:.78rem;color:var(--text-muted);font-weight:500}.agency-toolbar{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem}.search-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted);display:flex;pointer-events:none}.search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--primary-orange);background:var(--bg-card-hover);box-shadow:0 0 0 3px #f16e001a}.clear-search{position:absolute;right:.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.25rem;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center}.clear-search:hover{color:var(--text-primary);background:var(--bg-card-hover)}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.filter-btn:hover{border-color:var(--border-orange);color:var(--primary-orange)}.filter-btn.active{background:#f16e001f;border-color:var(--border-orange);color:var(--primary-orange)}.results-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap;background:var(--bg-elevated);padding:.4rem .9rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.agencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.agency-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-normal);animation:fadeInUp .4s ease both;position:relative;overflow:hidden}.agency-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.agency-card:hover{border-color:var(--border-orange);transform:translateY(-4px);box-shadow:0 12px 40px #00000059}.agency-card:hover:before{opacity:1}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.card-agency-identity{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0}.card-initials{width:48px;height:48px;background:linear-gradient(135deg,#f16e0033,#f16e000d);border:1px solid rgba(241,110,0,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:var(--primary-orange);flex-shrink:0}.card-name-block{flex:1;min-width:0}.card-name{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.card-email{font-size:.76rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info-row{display:flex;gap:.75rem}.card-info-item{flex:1;background:var(--bg-elevated);border-radius:var(--radius-md);padding:.6rem .75rem;display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-subtle)}.card-info-icon{color:var(--text-muted);display:flex;flex-shrink:0}.card-info-text{font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.card-actions{display:flex;align-items:center;gap:.5rem}.btn-card-action{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border:none;border-radius:var(--radius-md);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-card-action:disabled{opacity:.5;cursor:wait}.btn-view{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-view:hover:not(:disabled){border-color:var(--primary-orange);color:var(--primary-orange)}.btn-approve{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.btn-approve:hover:not(:disabled){background:#22c55e33}.btn-reject{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-reject:hover:not(:disabled){background:#ef444433}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--text-muted);font-size:.9rem}.no-results-card{grid-column:1 / -1;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-results-card svg{color:var(--text-muted)}.no-results-card h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.no-results-card p{font-size:.85rem;color:var(--text-muted)}@media(max-width:1024px){.agencies-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.agency-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.agency-stats-row{grid-template-columns:1fr}.agency-toolbar{flex-wrap:wrap}.agencies-grid{grid-template-columns:1fr}}.dashboard{display:flex;flex-direction:column;gap:1.75rem}.dashboard-hero{border-radius:var(--radius-xl);overflow:hidden;width:100%;max-height:280px;border:1px solid var(--border-subtle)}.dashboard-hero-img{width:100%;height:280px;object-fit:cover;display:block}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.kpi-orange:before{background:var(--gradient-primary)}.kpi-green:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.kpi-yellow:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-red:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi-card:hover{transform:translateY(-4px);border-color:var(--border-medium);box-shadow:var(--shadow-lg)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.kpi-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-icon-orange{background:#f16e0026;color:var(--primary-orange)}.kpi-icon-green{background:#22c55e1f;color:var(--success)}.kpi-icon-yellow{background:#f59e0b1f;color:var(--warning)}.kpi-icon-red{background:#ef44441f;color:var(--danger)}.kpi-trend{display:flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full)}.trend-up{background:#22c55e1f;color:var(--success)}.trend-neutral{background:var(--bg-elevated);color:var(--text-muted)}.kpi-value{font-size:2.4rem;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-1px}.kpi-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-top:.2rem}.kpi-sub{font-size:.78rem;color:var(--text-muted)}.kpi-bar{height:4px;background:var(--border-subtle);border-radius:2px;margin-top:.75rem;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:2px;transition:width .8s ease;background:var(--gradient-primary)}.kpi-green .kpi-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.kpi-yellow .kpi-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-red .kpi-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi-skeleton{display:block;width:60px;height:2.4rem;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.dash-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.dash-card-header{display:flex;align-items:center;justify-content:space-between}.dash-card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.dash-card-title svg{color:var(--primary-orange)}.btn-link{background:none;border:none;color:var(--primary-orange);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast);font-family:inherit}.btn-link:hover{opacity:.7}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{display:flex;align-items:center;gap:.85rem;padding:.75rem;border-radius:var(--radius-md);transition:background var(--transition-fast);animation:fadeInUp .4s ease both}.recent-item:hover{background:var(--bg-elevated)}.agency-initials-badge{width:38px;height:38px;background:linear-gradient(135deg,#f16e0033,#f16e000d);border:1px solid rgba(241,110,0,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--primary-orange);flex-shrink:0}.recent-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.recent-item-name{font-size:.87rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-city{font-size:.76rem;color:var(--text-muted);display:flex;align-items:center;gap:3px}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-action-btn{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-align:left;width:100%}.quick-action-btn:hover{border-color:var(--border-orange);background:var(--bg-card-hover);transform:translate(4px)}.qa-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qa-orange{background:#f16e0026;color:var(--primary-orange)}.qa-yellow{background:#f59e0b1f;color:var(--warning)}.qa-green{background:#22c55e1f;color:var(--success)}.qa-blue{background:#3b82f61f;color:var(--info)}.qa-label{font-size:.86rem;font-weight:600;color:var(--text-primary)}.qa-sub{font-size:.75rem;color:var(--text-muted)}.stat-summary{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.stat-summary-item{display:flex;flex-direction:column;align-items:center;gap:2px}.ss-value{font-size:1.5rem;font-weight:800;line-height:1}.ss-label{font-size:.72rem;color:var(--text-muted);font-weight:500}.stat-summary-divider{width:1px;height:32px;background:var(--border-subtle)}.skeleton-row{height:52px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted);font-size:.85rem}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kpi-grid,.dashboard-bottom{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;align-items:flex-start}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#1a0a00;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;padding:var(--spacing-md);overflow:hidden;color:#fff}.login-page:before,.login-page:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);z-index:1;opacity:.4;animation:move 20s infinite alternate ease-in-out}.login-page:before{background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);top:-100px;left:-100px}.login-page:after{background:radial-gradient(circle,rgba(0,0,0,.05) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.1)}}.login-overlay{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.login-container{width:100%;max-width:450px;position:relative;z-index:10;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-premium{background:#0009;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,140,0,.3);border-radius:28px;box-shadow:0 25px 50px -12px #000c;position:relative;overflow:hidden}.glass-premium:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,140,0,.5),transparent)}.login-card{width:100%;padding:3.5rem 2.5rem;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:1.25rem;margin-bottom:3rem;justify-content:center}.brand-logo{width:54px;height:54px;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 25px #ff8c0080;font-size:1.5rem}.brand-name{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:1px;text-transform:uppercase}.login-welcome{text-align:center;margin-bottom:2.5rem}.login-welcome h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#fff,var(--primary-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-welcome p{color:#fff9;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-auth-error{background:#ff444426;border:1px solid rgba(255,68,68,.4);color:#ff8080;padding:1rem;border-radius:14px;font-size:.9rem;display:flex;align-items:center;gap:.75rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.form-input-group{display:flex;flex-direction:column;gap:.6rem}.form-input-group label{font-size:.85rem;font-weight:600;color:#fffc;margin-left:.25rem}.input-field{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:1.25rem;color:#ffffff4d;transition:color .3s}.input-field input{width:100%;padding:1.1rem 1.25rem 1.1rem 3.5rem;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:1rem;transition:all .3s ease}.input-field input:focus{outline:none;border-color:var(--primary-orange);background:#ffffff14;box-shadow:0 0 0 4px #ff8c0026}.input-field input:focus~.field-icon{color:var(--primary-orange)}.toggle-password{position:absolute;right:1.25rem;background:none;border:none;color:#fff6;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.toggle-password:hover{color:var(--primary-orange)}.btn-login-premium{height:58px;background:var(--gradient-primary);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #ff8c0066;margin-top:1rem}.btn-login-premium:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 30px -5px #ff8c0080;filter:brightness(1.1)}.btn-login-premium:disabled{opacity:.7;cursor:wait}.login-footer-premium{margin-top:2.5rem;text-align:center}.login-footer-premium p{font-size:.85rem;color:#fff6}.login-copyright{margin-top:2rem;text-align:center;font-size:.8rem;color:#fff3}.loader-dots{display:flex;gap:6px}.loader-dots span{width:8px;height:8px;background:#fff;border-radius:50%;animation:bounce .5s infinite alternate}.loader-dots span:nth-child(2){animation-delay:.1s}.loader-dots span:nth-child(3){animation-delay:.2s}@keyframes bounce{to{transform:translateY(-8px);opacity:.5}}@media(max-width:480px){.login-container{max-width:100%}.login-card{padding:2.5rem 1.5rem}.brand-name{font-size:1.5rem}}.app{min-height:100vh;display:flex;background:var(--bg-base)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;background:var(--bg-base)}.main-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}@media(max-width:768px){.app{flex-direction:column}.app-main{width:100%}.main-content{padding:var(--spacing-sm)}}