@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", sans-serif;--bg-app: #090b11;--bg-sidebar: #0f1322;--bg-card: rgba(22, 28, 45, .7);--bg-card-hover: rgba(26, 34, 56, .85);--border-glow: rgba(99, 102, 241, .15);--border-subtle: rgba(255, 255, 255, .06);--border-focus: rgba(99, 102, 241, .6);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary: #3d5afe;--color-primary-hover: #304ffe;--color-primary-glow: rgba(61, 90, 254, .45);--color-success: #00e676;--color-warning: #ffd600;--color-danger: #ff1744;--color-info: #00e5ff;--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, .3), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px 2px rgba(99, 102, 241, .15);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--color-text-primary);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-2px)}.app-container{display:flex;min-height:100vh;background:radial-gradient(circle at 70% 20%,#6366f114,#0000 50%),radial-gradient(circle at 10% 80%,#10b9810a,#0000 40%)}.main-content{flex:1;display:flex;flex-direction:column;padding:24px 32px;margin-left:260px;min-width:0;transition:margin-left var(--transition-normal)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:16px 20px}.filter-section{display:flex;align-items:center;gap:12px}.filter-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.brand-checkbox-list{display:flex;flex-wrap:wrap;gap:8px}.brand-checkbox-label{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#ffffff08;border:1px solid var(--border-subtle);font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.brand-checkbox-label:hover{background:#ffffff14;border-color:#fff3;color:var(--color-text-primary)}.brand-checkbox-label.active{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-text-primary);box-shadow:0 0 10px #6366f133}.brand-checkbox-label input{display:none}.date-picker-input{background:#0f132299;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:8px 12px;font-family:var(--font-sans);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.date-picker-input:focus{border-color:var(--color-primary)}.btn-group{display:flex;background:#0f1322cc;border:1px solid var(--border-subtle);padding:3px;border-radius:8px}.btn-group-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:6px 16px;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.btn-group-btn:hover{color:var(--color-text-primary)}.btn-group-btn.active{background:var(--color-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}@media (max-width: 1200px){.kpi-grid-6row{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 640px){.kpi-grid-6row{grid-template-columns:repeat(2,1fr)!important}}.kpi-card{padding:20px}.kpi-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.kpi-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.kpi-subtext{font-size:.75rem;color:var(--color-text-muted)}.kpi-trend{display:inline-flex;align-items:center;font-weight:600;font-size:.8rem;border-radius:4px}.kpi-trend.positive{color:var(--color-success)}.kpi-trend.negative{color:var(--color-danger)}.dashboard-grid-2x1{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.dashboard-grid-1x1{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 1024px){.dashboard-grid-2x1,.dashboard-grid-1x1{grid-template-columns:1fr}}.chart-card{padding:24px}.section-card{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s ease}.section-title-wrapper{display:flex;flex-direction:column;gap:4px}.section-title-wrapper h2{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0}.section-title-wrapper p{font-size:.8rem;color:var(--color-text-muted);margin:0;line-height:1.4}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chart-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.table-card{padding:24px;overflow:hidden}.table-wrapper{overflow-x:auto;margin-top:16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.data-table th{background:#0f1322e6;padding:14px 16px;font-weight:600;color:var(--color-text-secondary);border-bottom:.5px solid var(--border-subtle);border-right:.5px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:.5px solid var(--border-subtle);border-right:.5px solid var(--border-subtle);color:var(--color-text-primary);white-space:nowrap}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff05}.tabs-container{display:flex;border-bottom:1px solid var(--border-subtle);margin-bottom:20px;gap:16px}.tab-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:10px 4px;font-size:.95rem;font-weight:500;cursor:pointer;position:relative;transition:color var(--transition-fast)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.badge{display:inline-block;padding:3px 8px;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}.badge-sa{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge-da{background:#6366f126;color:var(--color-primary);border:1px solid rgba(99,102,241,.3)}.badge-naver{background:#03cf5d1a;color:#03cf5d;border:1px solid rgba(3,207,93,.2)}.badge-google{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-meta{background:#2563eb1f;color:#2563eb;border:1px solid rgba(37,99,235,.3)}.badge-danger{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.badge-warning{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-info{background:#0ea5e91a;color:var(--color-info);border:1px solid rgba(14,165,233,.2)}.search-input{background:#0f132299;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:8px 12px;font-size:.85rem;width:240px;outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);width:280px}.text-right{text-align:right}.text-center{text-align:center}.font-medium{font-weight:500}.font-bold{font-weight:700}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.form-control{background:#0f1322cc;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;color:var(--color-text-primary);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.form-control:focus{border-color:var(--color-primary)}.btn-primary{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 0 12px #6366f166}.btn-primary:disabled{background:#6366f166;cursor:not-allowed}.user-profile-toggle{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid var(--border-subtle);padding:6px 14px;border-radius:30px;cursor:pointer;transition:all var(--transition-fast)}.user-profile-toggle:hover{background:#ffffff0f}.role-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--color-primary-glow);color:var(--color-primary);border:1px solid rgba(99,102,241,.2);font-weight:600}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:100}.sidebar-brand{padding:32px 24px 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-subtle)}.brand-text h1{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-primary);line-height:1.2;margin-bottom:5px}.brand-text .brand-portal-title{font-size:.82rem;font-weight:400;color:var(--color-primary, #8b5cf6);letter-spacing:.06em;line-height:1.2;margin:0}.brand-text .brand-powered-by{font-size:.82rem;color:var(--color-text-muted);opacity:.6;line-height:1.2;margin:0}.sidebar-nav{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:8px}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sidebar-group-header:hover{background:#ffffff08;color:var(--color-text-primary)}.group-title-wrapper{display:flex;align-items:center;gap:12px}.group-icon{width:18px;height:18px;color:var(--color-text-muted);transition:color var(--transition-fast)}.sidebar-group-header:hover .group-icon,.sidebar-single-item:hover .group-icon{color:var(--color-primary)}.sidebar-submenu{margin-left:20px;border-left:1px solid var(--border-subtle);padding-left:12px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.sidebar-subitem{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast)}.sidebar-subitem:hover{color:var(--color-text-primary);background:#ffffff05}.sidebar-subitem.active{color:var(--color-primary);background:#6366f10f;font-weight:500}.subitem-dot{width:4px;height:4px;border-radius:50%;background:var(--color-text-muted);transition:all var(--transition-fast)}.sidebar-subitem.active .subitem-dot{background:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.sidebar-single-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sidebar-single-item:hover{background:#ffffff08;color:var(--color-text-primary)}.sidebar-single-item.active{background:#6366f114;color:var(--color-primary);font-weight:600}.sidebar-single-item.active .group-icon{color:var(--color-primary)}.item-title-wrapper{display:flex;align-items:center;gap:12px}.sidebar-divider{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary, #8b5cf6);margin:18px 12px 8px;padding-top:14px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle);background:#00000026}.user-badge-container{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border-subtle)}.security-icon{color:var(--color-success)}.user-info{display:flex;flex-direction:column}.user-name{font-size:.75rem;color:var(--color-text-secondary)}.user-role-label{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.recharts-default-tooltip{background-color:#0f1322!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0003!important;padding:10px 14px!important}.recharts-tooltip-label{color:#f8fafc!important;font-family:var(--font-sans);font-weight:600!important;font-size:.85rem!important;margin-bottom:6px!important}.recharts-tooltip-item{color:#94a3b8!important;font-family:var(--font-sans);font-size:.8rem!important;padding:2px 0!important}.recharts-tooltip-item-value{color:#f8fafc!important;font-weight:600!important}.recharts-tooltip-cursor{fill:#ffffff0a!important;stroke:#ffffff26!important;stroke-dasharray:3 3!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#050810d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0f1322;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);width:650px;max-width:95%;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 25px 50px -12px #000000b3;position:relative}.modal-close-btn{background:transparent;border:none;cursor:pointer;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s ease}.modal-close-btn:hover{color:#fff;background:#ffffff1f}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-label-bold{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.form-input-text{background:#0f1322cc;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:10px 12px;font-size:.9rem;width:100%;outline:none;transition:border-color var(--transition-fast)}.form-input-text:focus{border-color:var(--color-primary)}.form-select{background:#0f1322cc;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:10px 12px;font-size:.9rem;width:100%;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.form-select:focus{border-color:var(--color-primary)}.cloud-path-box{background:#6366f10a;border:1px dashed rgba(99,102,241,.3);border-radius:var(--radius-md);padding:14px;margin-bottom:20px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-input,.form-input-text,input[type=text],input[type=date],textarea,select{color:#f8fafc!important}.form-input{background:#0f172a99!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-sm)!important;padding:8px 12px!important;font-size:.9rem!important;width:100%;outline:none!important;transition:border-color var(--transition-fast)!important}.form-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-glow)!important}.form-input option,select option{background-color:#0f1322!important;color:#f8fafc!important}.form-input::placeholder,input::placeholder,textarea::placeholder{color:#64748b!important;opacity:.8}.form-input:disabled,input:disabled,textarea:disabled,select:disabled{background:#ffffff05!important;color:#64748b!important;cursor:not-allowed!important}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}