@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--secondary-50: #F8FAFC;--secondary-100: #F1F5F9;--secondary-200: #E2E8F0;--secondary-400: #94A3B8;--secondary-500: #64748B;--secondary-900: #0F172A;--color-bg-app: #F8FAFC;--color-bg-card: #FFFFFF;--color-bg-sidebar: rgba(255, 255, 255, .85);--color-text-main: var(--secondary-900);--color-text-muted: var(--secondary-500);--color-text-accent: var(--primary-600);--color-border: var(--secondary-200);--color-border-active: var(--primary-500);--color-heading: var(--primary-700);--gradient-primary: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);--gradient-surface: linear-gradient(to bottom right, #FFFFFF, #F8FAFC);--gradient-glow: radial-gradient(circle at top left, rgba(99, 102, 241, .15), transparent 40%);--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 -2px 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-accent: 0 4px 14px 0 rgba(99, 102, 241, .39);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--backdrop-blur: blur(12px);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-card);--bg-sidebar: var(--color-bg-sidebar);--bg-secondary: var(--secondary-50);--text-main: var(--color-text-main);--text-secondary: var(--color-text-muted);--button-primary-bg: var(--gradient-primary);--button-primary-text: #FFFFFF;--button-secondary-bg: var(--secondary-100);--button-secondary-text: var(--secondary-900);--button-secondary-hover: var(--secondary-200);--nav-hover-bg: var(--primary-50);--nav-active-bg: var(--gradient-primary);--nav-active-text: #FFFFFF;--border-light: var(--color-border);--blockquote-bg: rgba(99, 102, 241, .1);--text-highlight: var(--primary-600)}[data-theme=dark]{--color-bg-app: #0F172A;--color-bg-card: #1E293B;--color-bg-sidebar: rgba(15, 23, 42, .85);--color-text-main: #F8FAFC;--color-text-muted: #94A3B8;--color-border: #334155;--secondary-100: #334155;--secondary-200: #475569;--secondary-900: #FFFFFF;--color-heading: #C7D2FE;--bg-secondary: rgba(30, 41, 59, .7);--primary-50: rgba(139, 92, 246, .15);--primary-100: rgba(139, 92, 246, .25);--primary-200: rgba(139, 92, 246, .35);--primary-300: #C4B5FD;--primary-500: #A78BFA;--primary-600: #9F7AEA;--primary-700: #8B5CF6;--secondary-50: rgba(30, 41, 59, .5);--color-text-accent: #A78BFA;--blockquote-bg: rgba(139, 92, 246, .15);--text-highlight: #C4B5FD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--color-bg-app);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes pulse-primary{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}.animate-pulse-primary{animation:pulse-primary 2s infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{display:flex;height:100vh;position:relative;background:var(--color-bg-app);background-image:var(--gradient-glow);background-attachment:fixed;overflow:hidden}.sidebar{width:280px;height:100vh;position:sticky;top:0;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:2rem;display:flex;flex-direction:column;z-index:50;transition:all .3s ease}.logo{margin-bottom:3rem;display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo span{font-size:1.25rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,#8B5CF6 0%,#A78BFA 50%,#D946EF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;font-family:Plus Jakarta Sans,sans-serif}.logo svg{color:#8b5cf6;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}[data-theme=dark] .logo span{background:linear-gradient(135deg,#A78BFA 0%,#C4B5FD 50%,#E879F9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .logo svg{color:#a78bfa;filter:drop-shadow(0 0 10px rgba(167,139,250,.5))}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-links a{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{background:var(--nav-hover-bg);color:var(--primary-600);transform:translate(4px)}.nav-links a.active{background:var(--nav-active-bg);color:var(--nav-active-text);box-shadow:var(--shadow-accent)}[data-theme=dark] .nav-links a:hover{background:rgba(167,139,250,.15);color:#c4b5fd}[data-theme=dark] .nav-links a.active{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);color:#fff;box-shadow:0 4px 14px #8b5cf680}.main-content{flex:1;padding:2.5rem 2.5rem 1.5rem;max-width:1600px;width:100%;margin:0 auto;animation:fadeIn .6s ease-out;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}@media (max-width: 768px){.main-content{padding:1rem}}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}@media (max-width: 480px){.top-bar{flex-direction:column;align-items:flex-start}.top-bar h1{font-size:1.5rem}.controls-container{width:100%}}.top-bar h1{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--color-text-main);position:relative;word-break:keep-all}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.card-wide{grid-column:span 2}@media (max-width: 768px){.card-wide{grid-column:1 / -1}}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;transition:all .3s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;min-width:0}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-300);z-index:50}.stat-top{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:.5rem}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--primary-50);color:var(--primary-600);flex-shrink:0}[data-theme=dark] .stat-icon{background:rgba(139,92,246,.2);color:#c4b5fd}.stat-content .value{font-size:2rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em}.stat-content .value{font-size:1.75rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em;word-break:keep-all}.stat-title{font-size:1rem;color:var(--color-text-main);font-weight:700;margin:0}.tax-label{font-size:.75em;font-weight:400;color:var(--color-text-muted);margin-left:.5rem;vertical-align:middle}.stat-trends{margin-top:auto;font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.trend.up{color:#10b981}.trend.down{color:#ef4444}.charts-section,.ranking-section,.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.platform-section,.analysis-section,.ad-creatives-section,.youtube-section,.influencer-list-section,.reviews-section,.competitor-section,.ai-report-section{margin-bottom:2rem;width:100%;min-width:0}@media (max-width: 768px){.charts-section,.ranking-section,.analysis-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-controls{width:100%;overflow-x:auto;padding-bottom:4px}}.chart-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.chart-container:hover{box-shadow:var(--shadow-md)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h2{font-size:1.125rem;font-weight:700}.chart-controls{background:var(--secondary-50);padding:4px;border-radius:var(--radius-sm);display:flex;gap:4px}.chart-controls button{padding:6px 12px;border:none;background:transparent;color:var(--color-text-muted);font-weight:600;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s}.chart-controls button.active{background:var(--color-bg-card);color:var(--primary-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .chart-controls button.active{background:rgba(139,92,246,.2);color:#c4b5fd;box-shadow:0 0 0 1px #a78bfa4d}.platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.platform-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.platform-card:hover{transform:translateY(-3px);border-color:var(--primary-500);box-shadow:var(--shadow-md)}.platform-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:700;color:var(--color-text-main)}.platform-icon{width:36px;height:36px;border-radius:8px;background:var(--secondary-100);display:flex;align-items:center;justify-content:center}.platform-stats{display:flex;flex-direction:column;gap:.75rem}.platform-stat-row{display:flex;justify-content:space-between;font-size:.9rem}.platform-stat-label{color:var(--color-text-muted)}.platform-stat-value{font-weight:700;color:var(--color-text-main)}input,select,textarea,button{width:100%;padding:.875rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;transition:all .2s;color:var(--color-text-main);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f126}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-main)}button{cursor:pointer}.cta-button{width:100%;padding:1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;box-shadow:var(--shadow-accent);transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.secondary-btn{background:var(--secondary-100);color:var(--color-text-main);border:1px solid var(--color-border);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s;display:flex;align-items:center;gap:.5rem}.secondary-btn:hover{background:var(--secondary-200)}.table-wrapper{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto;box-shadow:var(--shadow-sm);margin-top:1rem}table{width:100%;border-collapse:collapse}th{background:var(--secondary-50);color:var(--color-text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem;text-align:left}td{padding:1rem;border-bottom:1px solid var(--color-border);font-size:.95rem;color:var(--color-text-main)}table tr:last-child td{border-bottom:none}.user-profile{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;margin-top:auto;border-top:1px solid var(--color-border)}.avatar{width:44px;height:44px;background:var(--primary-100);color:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.date-filter{background:var(--color-bg-card);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.date-filter select{border:none;background:transparent;padding:0;width:auto;box-shadow:none;font-weight:600;color:var(--color-text-main);font-size:.95rem}.date-filter select option{background:var(--color-bg-card);color:var(--color-text-main);padding:.35rem .75rem;line-height:1.4;font-size:.9rem}.branch-selector{max-width:none;width:auto}.branch-selector select{width:auto;min-width:150px;max-width:400px;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=dark] .branch-selector select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}@media (max-width: 768px){.branch-selector,.branch-selector select{width:100%;max-width:none}}@page{size:A4 landscape;margin:1.5cm}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sidebar,.top-bar button,.nav-links,.chart-controls,.print-hide,.analysis-textarea,.mobile-bottom-nav{display:none!important}.app-container{display:block!important;position:static!important;background:white;width:100%;height:auto!important;overflow:visible!important}.main-content{display:block!important;padding:1cm;max-width:none;width:100%;margin-left:0!important;height:auto!important;overflow:visible!important}.top-bar{display:flex!important;flex-direction:column;gap:.5rem;padding:1rem 0;margin-bottom:1rem;border-bottom:2px solid #ddd;page-break-inside:avoid;page-break-after:avoid}.top-bar h1{font-size:1.5rem!important;margin:0!important;color:#000!important}.date-filter{display:flex!important;padding:.3rem .5rem!important;border:1px solid #ddd!important;width:fit-content!important}.date-filter select{font-size:.9rem!important;color:#000!important}.stat-card,.chart-container,.platform-card,.glass{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid;margin-bottom:.5rem}.charts-section{page-break-after:always}.analysis-section{page-break-after:avoid;page-break-inside:auto}.ranking-section{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem;page-break-after:always;page-break-inside:avoid}.analysis-grid,.ad-creatives-section,.influencer-list-section,.reviews-section,.competitor-section{page-break-after:always}.ai-report-section{page-break-after:auto}section{page-break-inside:avoid}.stats-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.5rem;margin-bottom:.5rem}.charts-section{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem}.platform-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.5rem}.analysis-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:1rem}.responsive-grid-6-desktop,.responsive-grid-3-mobile{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:.5rem}h2{margin-top:.5rem;margin-bottom:.5rem;font-size:1.1rem}.stats-grid,.charts-section,.ranking-section,.analysis-grid,.platform-section,.analysis-section,.ad-creatives-section,.youtube-section,.influencer-list-section,.reviews-section,.competitor-section,.ai-report-section{margin-bottom:.5rem}textarea,input[type=file],.analysis-textarea{display:none!important}.stat-icon{width:32px;height:32px}.stat-card{padding:.75rem;min-height:auto}.stat-title{font-size:.85rem}.stat-content .value{font-size:1.5rem}.stat-trends{font-size:.75rem}.chart-container{padding:.75rem}.chart-header h2{font-size:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--secondary-200);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-400)}.image-entry-container{padding-bottom:3rem;animation:fadeIn .6s ease-out}.image-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.image-entry-title{font-size:1.5rem;font-weight:700;color:var(--color-text-main);display:flex;align-items:center;gap:.75rem}.month-selector-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:1rem 1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.entry-grid{display:grid;grid-template-columns:minmax(350px,1fr) 2fr;gap:2rem;align-items:start}@media (max-width: 1024px){.entry-grid{grid-template-columns:1fr;gap:1.5rem}}.video-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.video-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.video-card-grid{grid-template-columns:1fr}}.upload-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;position:sticky;top:2rem;box-shadow:var(--shadow-md)}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--secondary-50);margin-bottom:1.5rem}.drop-zone:hover,.drop-zone.active{border-color:var(--primary-500);background:var(--primary-50)}.upload-preview-name{color:var(--primary-600);font-weight:600;font-size:.9rem;word-break:break-all;margin-top:.5rem}@media (max-width: 768px){.upload-card{padding:1rem;position:static}}.gallery-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;color:var(--color-text-main)}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}@media (max-width: 1400px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr}}.image-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column}.image-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.image-wrapper{position:relative;padding-top:56.25%;overflow:hidden;background:var(--secondary-100)}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.image-card:hover .image-wrapper img{transform:scale(1.05)}.image-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transform:translateY(-10px);transition:all .2s ease}.image-card:hover .image-actions{opacity:1;transform:translateY(0)}.data-entry-page{animation:fadeIn .6s ease-out;padding-bottom:0}.data-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:1rem}.form-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease;display:flex;flex-direction:column}.form-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300)}.form-card.disabled{opacity:.5;pointer-events:none}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;color:var(--color-text-main);margin:0}.action-buttons{display:flex;gap:.5rem}.action-btn-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--secondary-100);color:var(--color-text-main);border:1px solid var(--color-border);font-size:.8rem;font-weight:600;transition:all .2s}.action-btn-icon:hover{background:var(--secondary-200)}.input-group{margin-bottom:1.25rem;display:flex;flex-direction:row;align-items:center;gap:.75rem}.input-group label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;min-width:100px;flex-shrink:0}.input-group input,.input-group select{flex:1;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:auto;padding-top:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 1rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--color-text-main);margin:0;opacity:.8}.filter-select{padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-main);font-weight:500;width:auto}.platform-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.platform-dot{width:8px;height:8px;border-radius:50%}.cpc-value{color:#f59e0b;font-weight:600}.manage-buttons{display:flex;gap:.5rem}.icon-btn{padding:.4rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--secondary-50);color:var(--color-text-muted);transition:all .2s}.icon-btn:hover{background:var(--secondary-100);color:var(--primary-600);border-color:var(--primary-300)}.icon-btn.delete:hover{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef44444d}@media (hover: none){.image-actions{opacity:1;transform:translateY(0)}}.action-btn{width:32px;height:32px;padding:0;border-radius:50%;background:rgba(255,255,255,.95);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s}.action-btn svg{width:16px;height:16px}.action-btn.delete{color:#ef4444}.action-btn.delete svg{color:#ef4444;stroke:#ef4444}.action-btn.delete:hover{background:#EF4444;color:#fff}.action-btn.delete:hover svg{color:#fff;stroke:#fff}.action-btn.edit{color:#3b82f6}.action-btn.edit svg{color:#3b82f6;stroke:#3b82f6}.action-btn.edit:hover{background:var(--primary-500);color:#fff}.action-btn.edit:hover svg{color:#fff;stroke:#fff}.card-content{padding:1rem;flex:1;display:flex;flex-direction:column}.card-description{font-size:.9rem;color:var(--color-text-main);line-height:1.5;margin-bottom:.75rem;flex:1;white-space:pre-wrap}.card-meta{font-size:.75rem;color:var(--color-text-muted);text-align:right;margin-top:auto;border-top:1px solid var(--secondary-100);padding-top:.5rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--secondary-50);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.chart-wrapper{position:relative;width:100%;height:350px;min-height:300px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:.75rem 1rem;padding-bottom:env(safe-area-inset-bottom,.75rem);z-index:1100;justify-content:space-between;align-items:center;box-shadow:0 -4px 12px #0000000d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--color-text-muted);text-decoration:none;font-size:.7rem;font-weight:600;width:20%;background:none;border:none;cursor:pointer;font-family:inherit}.mobile-nav-item.active{color:var(--primary-600)}.mobile-nav-item svg{margin-bottom:2px}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;padding:.5rem;border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-main);box-shadow:var(--shadow-sm);justify-content:center;align-items:center}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease-out}@media (max-width: 1024px){.charts-section{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.app-container{flex-direction:column}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);z-index:1200;box-shadow:var(--shadow-lg)}.sidebar{padding:1rem 1rem 4rem;overflow-y:auto}.logo{margin-bottom:1.5rem}.nav-links{gap:.25rem}.nav-links a{padding:.6rem;font-size:.9rem}.sidebar.open{transform:translate(0)}.main-content{padding:4rem 1rem 1rem;width:100%;max-width:100%;padding-bottom:80px}.top-bar{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.top-bar h1{font-size:1.5rem;margin-left:0}.top-bar>div{width:100%;justify-content:space-between}.date-filter{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.875rem;min-height:120px}.stat-icon{width:28px;height:28px}.stat-title{font-size:.8rem}.stat-content .value{font-size:1.25rem;letter-spacing:-.03em}.stat-trends{font-size:.7rem;gap:.25rem}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.platform-card{padding:1rem}.platform-header{font-size:.9rem}.platform-icon{width:28px;height:28px}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-controls{width:100%;overflow-x:auto}.user-profile{margin-top:2.5rem;padding-bottom:1.5rem}dialog{max-width:90vw;max-height:90vh}.entry-grid{width:100%}.table-wrapper{overflow-x:auto}.form-row{grid-template-columns:1fr}.upload-card{position:relative;top:0;margin-bottom:2rem}.mobile-menu-btn{display:none!important}.mobile-bottom-nav{display:flex}.main-content{padding-bottom:80px}}@media (max-width: 480px){.platform-grid{grid-template-columns:1fr}.top-bar h1{font-size:1.25rem}.stat-content .value{font-size:1.05rem;letter-spacing:-.05em}.stat-card{padding:.625rem}.stat-title{font-size:.75rem}}@media (max-width: 360px){.stat-content .value{font-size:.95rem;letter-spacing:-.06em}.stat-card{padding:.5rem}}.responsive-grid-3-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.grid-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.grid-card-text{color:var(--text-main);font-size:.6rem;white-space:pre-wrap;line-height:1.3;flex:1}@media (min-width: 768px){.responsive-grid-3-mobile{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.grid-card{padding:.75rem}.grid-card-text{font-size:.72rem;line-height:1.4}}.responsive-grid-6-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (min-width: 768px){.responsive-grid-6-desktop{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.5rem}}.promo-card-text{color:var(--text-main);font-size:1rem;white-space:pre-wrap;line-height:1.3;flex:1;text-align:center}@media (min-width: 768px){.promo-card-text{font-size:1rem;line-height:1.4}}.video-card-content{padding:.5rem;flex:1}.video-card-text{color:var(--text-main);font-size:.75rem;line-height:1.3;white-space:pre-wrap}@media (min-width: 768px){.video-card-content{padding:1rem}.video-card-text{font-size:.9rem;line-height:1.5}}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .glass{background:rgba(30,41,59,.7);border:1px solid rgba(255,255,255,.1)}.glass.glass-negative{background:rgba(254,242,242,.85);border-color:#ef44444d}[data-theme=dark] .glass.glass-negative{background:rgba(69,10,10,.4);border-color:#ef44444d}.funnel-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:1rem;gap:.5rem}.funnel-step-card{flex:1;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:var(--shadow-sm);position:relative;min-height:180px;justify-content:center;width:0}.funnel-arrow{margin:0;color:var(--secondary-400);display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;width:20px}.funnel-arrow-line{height:2px;background:var(--secondary-200);position:relative;width:100%}.funnel-arrow-head{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid var(--secondary-200);border-right:2px solid var(--secondary-200);transform:rotate(45deg)}@media (max-width: 768px){.funnel-container{flex-wrap:wrap;justify-content:center;height:auto;padding:.5rem 0;gap:.25rem}.funnel-step-card{flex:0 0 calc((100% - 50px) / 3);width:auto;min-width:85px;margin-bottom:.5rem;min-height:120px;padding:.75rem .25rem}.funnel-step-card h3{font-size:.75rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.funnel-step-card .value-text{font-size:1rem!important}.funnel-arrow{display:flex;width:12px;margin-top:-.5rem}.funnel-arrow-line{height:1px}.funnel-arrow-head{width:6px;height:6px;top:-3px;border-width:1px}}.influencer-list-section{margin-top:2rem}.influencer-list-section h2{font-size:1.25rem;font-weight:600;color:var(--text-main);margin-bottom:1rem}.influencer-table{width:100%;border-collapse:collapse;min-width:400px}.influencer-table th{padding:.5rem 1rem;text-align:left;font-weight:600;color:var(--text-main);font-size:.875rem;background:var(--secondary-100);border-bottom:1px solid var(--color-border)}.influencer-table td{padding:.5rem 1rem;color:var(--text-main);font-size:.875rem}@media (max-width: 768px){.influencer-list-section h2{font-size:1rem}.influencer-list-section table{min-width:100%!important}.influencer-list-section th,.influencer-list-section td{padding:.35rem .5rem!important;font-size:.7rem!important}.influencer-list-section th svg,.influencer-list-section td svg{width:12px!important;height:12px!important}.influencer-list-section th>div,.influencer-list-section td>div{gap:.25rem!important}.influencer-list-section td span[style*=background]{padding:.15rem .35rem!important;font-size:.65rem!important}}.analysis-report-grid{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.analysis-title-area h2{font-size:1.8rem;font-weight:800;display:flex;align-items:center;gap:10px;margin:0}.analysis-title-area p{color:var(--text-secondary);margin-top:5px;margin-bottom:0}.analysis-actions-area{display:flex;gap:12px;align-items:center}.analysis-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 1024px){.analysis-report-grid{grid-template-columns:1fr}}@media (max-width: 768px){.analysis-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.analysis-title-area h2{font-size:1.5rem}.analysis-actions-area{width:100%;flex-wrap:wrap;gap:8px}.analysis-actions-area .btn-analysis-action{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 8px!important;font-size:.8rem!important;white-space:nowrap;display:flex;align-items:center;gap:6px}.analysis-actions-area button.icon-only{flex:0 0 auto;width:44px;min-width:44px;padding:10px!important}.analysis-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (max-width: 480px){.analysis-title-area h2{font-size:1.35rem}.analysis-actions-area button{font-size:.8rem!important}.analysis-stats-grid{grid-template-columns:1fr}}.btn-analysis-action{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;font-weight:700;cursor:pointer;color:var(--text-main);white-space:nowrap;transition:all .2s ease}.btn-analysis-action.btn-regenerate{color:var(--primary-600);border:1px solid var(--primary-200);background:var(--primary-50)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;background:var(--primary-600);color:#fff;border-radius:50%;font-size:.75rem;font-weight:800;margin-right:4px;flex-shrink:0}.analysis-actions-area button{white-space:nowrap;display:flex;align-items:center;gap:8px}.btn-refresh-prominent{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;box-shadow:var(--shadow-accent)}.btn-refresh-prominent:hover{transform:translateY(-2px);filter:brightness(1.1)}.report-markdown h1{font-size:1.5rem;font-weight:800;margin:1.5rem 0 1rem;color:var(--color-heading)}.report-markdown h2{font-size:1.25rem;font-weight:700;margin:1.25rem 0 .75rem;color:var(--text-main);border-bottom:1px solid var(--border-light);padding-bottom:.5rem}.report-markdown h3{font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-main)}.report-markdown p{margin-bottom:.8rem;line-height:1.7;color:var(--text-main)}.report-markdown li{margin-left:1.5rem;margin-bottom:.5rem;list-style-type:disc;color:var(--text-main)}.report-markdown blockquote{border-left:4px solid var(--primary-300);background:var(--bg-app);padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary)}.report-markdown strong{font-weight:700;color:var(--primary-600)}.influencer-table{width:100%;border-collapse:collapse;font-size:.9rem}.influencer-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-light);padding:1rem;text-align:left;font-weight:600;color:var(--text-main)}.th-content{display:flex;align-items:center;gap:.5rem}.influencer-table td{padding:1rem;color:var(--text-main);border-bottom:1px solid var(--border-light);background:var(--bg-card)}.influencer-table tr{transition:background .2s}.influencer-table tr:hover{background:var(--bg-secondary)}.influencer-cell-input input{width:100%;padding:.5rem;border-radius:6px;border:1px solid var(--border-light);background:var(--bg-app);color:var(--text-main)}.badge-procedure{background:var(--primary-100);color:var(--primary-600);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;display:inline-block}.text-primary{color:var(--primary-500)}.font-medium{font-weight:500}.action-buttons-wrapper{display:flex;gap:.5rem;justify-content:center}.th-action,.td-action{text-align:center;width:100px}.secondary-btn.small,.cta-button.small{padding:.4rem .6rem;font-size:.75rem;width:auto}@media (max-width: 768px){.influencer-table,.influencer-table tbody,.influencer-table tr{display:block;width:100%}.influencer-table thead{display:none}.influencer-table tr{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem;box-shadow:var(--shadow-sm)}.influencer-table tr:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-300);background:var(--bg-card)}.influencer-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--secondary-100);text-align:right}.influencer-table td:last-child{border-bottom:none;padding-bottom:0;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-light);justify-content:center}.influencer-table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;margin-right:1rem;font-size:.85rem}.influencer-table td input{text-align:right;width:60%}.action-buttons-wrapper{width:auto;justify-content:center}.action-buttons-wrapper button{flex:0 0 auto}.th-action,.td-action{width:auto}}@media (max-width: 768px){.responsive-table{width:100%;display:block}.responsive-table tbody{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem;box-shadow:var(--shadow-sm)}.responsive-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0!important;border-bottom:1px solid var(--secondary-100)!important;text-align:right;width:100%}.responsive-table td:last-child{border-bottom:none!important}.responsive-table td:before{content:attr(data-label);font-weight:600;color:var(--color-text-muted);text-align:left;margin-right:1rem;font-size:.85rem;min-width:120px}}.form-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-grid-row{grid-template-columns:1fr}}@media (max-width: 480px){[style*="position: absolute"][style*="top: -3rem"]{top:-2.2rem!important;padding:.25rem .5rem!important;font-size:.7rem!important}}.platform-badge{display:flex;align-items:center;gap:.5rem}.platform-dot{flex-shrink:0}.platform-name-full{display:inline}.platform-name-short{display:none;width:24px;height:24px;border-radius:50%;background:var(--primary-100);color:var(--primary-600);font-weight:700;font-size:.75rem;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .platform-name-short{background:rgba(139,92,246,.2);color:#c4b5fd}@media (max-width: 768px){.platform-name-full{display:none}.platform-name-short{display:flex}}@media (max-width: 768px){.table-wrapper table th,.table-wrapper table td{padding:.6rem .5rem;font-size:.8rem}.table-wrapper table th{font-size:.7rem;white-space:nowrap}.table-wrapper table td div{font-size:.75rem}.manage-buttons{flex-direction:column;gap:.25rem}.manage-buttons .icon-btn{padding:.3rem}}@media (max-width: 480px){.table-wrapper table th,.table-wrapper table td{padding:.5rem .35rem;font-size:.75rem}.table-wrapper table th{font-size:.65rem}.table-wrapper table td div{font-size:.7rem}.manage-buttons .icon-btn{padding:.25rem}.manage-buttons .icon-btn svg{width:14px;height:14px}}.stat-card-highlighted{border:2px solid var(--primary-500);box-shadow:0 2px 8px #0000000d;position:relative}.stat-card-highlighted:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-600)}[data-theme=dark] .stat-card-highlighted{border:2px solid var(--primary-500);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stat-card-highlighted:hover{box-shadow:0 4px 12px #0006;border-color:var(--primary-600)}@media (max-width: 768px){.stat-card-highlighted{box-shadow:0 1px 4px #0000000d}.stat-card-highlighted:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .stat-card-highlighted{box-shadow:0 1px 4px #0000004d}[data-theme=dark] .stat-card-highlighted:hover{box-shadow:0 2px 8px #0006}}@media print{@page{margin:10mm;size:auto}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body,html,#root,.app-container{background-color:var(--color-bg-app)!important;color:var(--color-text-main)!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.sidebar,.top-bar-controls,.print-hide,nav,button,.scroll-to-top,.user-menu,.excel-upload-container,.upload-card,.action-buttons,.edit-controls,textarea{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;overflow:visible!important}.dashboard-container{gap:.5rem!important}.stats-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.3rem!important;break-after:avoid;page-break-after:avoid;margin-bottom:.5rem!important}.stats-grid .stat-card{padding:.4rem!important;min-height:auto!important}.stats-grid .stat-icon{width:24px!important;height:24px!important}.stats-grid .stat-title{font-size:.7rem!important}.stats-grid .stat-content .value{font-size:1rem!important}.stats-grid .stat-trends{font-size:.6rem!important}.charts-section{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;break-before:avoid;break-after:page;page-break-after:always;margin-bottom:0!important}.charts-section .chart-container{padding:.5rem!important}.charts-section .chart-header{margin-bottom:.3rem!important}.charts-section .chart-header h2{font-size:.85rem!important}.charts-section .chart-wrapper{height:180px!important;min-height:180px!important;max-height:180px!important}.analysis-section{break-after:avoid;page-break-after:avoid;margin-bottom:2rem!important}.analysis-textarea{display:none!important}.ranking-section{break-before:avoid;break-after:page;page-break-after:always;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.platform-section{break-after:avoid;page-break-after:avoid;margin-bottom:1rem!important}.platform-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.5rem!important}.analysis-grid{break-before:avoid;break-after:page;page-break-after:always;display:grid!important;grid-template-columns:2fr 1fr!important;gap:1rem!important;margin-top:1rem!important}.ad-creatives-section{break-after:page;page-break-after:always}.ad-creatives-section .responsive-grid-6-desktop{grid-template-columns:repeat(8,1fr)!important;gap:.5rem!important}.youtube-section{break-after:avoid;page-break-after:avoid;margin-bottom:2rem!important}.influencer-list-section{break-before:avoid;break-after:page;page-break-after:always}.reviews-section,.competitor-section{break-after:page;page-break-after:always}.ai-report-section{break-after:auto}.glass,.stat-card,.chart-container,.grid-card{background-color:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}h2,h3,.stat-title,.stat-value{color:var(--color-text-main)!important}.chart-wrapper{max-height:300px!important}.top-bar{padding:.5rem 0!important;margin-bottom:.5rem!important}.top-bar h1{font-size:1.2rem!important}}