body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.app{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:20px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-right:10px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb66;color:#fff}.btn-secondary:hover{box-shadow:0 6px 20px #f093fb99;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-2px)}.form-group label{color:#555;font-size:14px;font-weight:600}.form-group input,.form-group textarea{background:#fffc;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.brand-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(2,1fr)}.brand-item{align-items:center;border-radius:6px;display:flex;gap:8px;padding:8px;transition:background .15s ease,transform .08s ease}.brand-item:hover{background:#667eea08;transform:translateY(-1px)}input[type=checkbox]{accent-color:#667eea;height:16px;width:16px}.form-group input:focus,button:focus,input:focus,input[type=checkbox]:focus{outline:3px solid #667eea26;outline-offset:2px}@media (max-width:480px){.brand-grid{grid-template-columns:1fr}}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-top:20px;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e1e5e9;padding:15px;text-align:left}.table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table tbody tr:hover{background:#667eea0d}.search-bar{margin-bottom:20px}.search-bar input{background:#fffc;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.page-container{padding:20px}.page-header h1{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.loading{align-items:center;color:#fff;display:flex;font-size:18px;height:200px;justify-content:center}.error{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:8px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;margin-bottom:20px;padding:15px}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.metric-card h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 15px}.metric-value{color:#667eea;font-size:2rem;font-weight:700;margin:0}.sentiment-breakdown{display:flex;flex-direction:column;gap:5px}.sentiment-breakdown span{color:#555;font-size:1rem}.top-media-list{list-style:none;margin:0;padding:0}.top-media-list li{border-bottom:1px solid #e1e5e9;color:#555;font-size:.9rem;padding:5px 0}.top-media-list li:last-child{border-bottom:none}.trend-chart{height:100px;justify-content:space-between;margin-top:10px}.trend-bar,.trend-chart{align-items:end;display:flex}.trend-bar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8rem;font-weight:600;justify-content:center;min-width:20px;padding:5px}.sidebar{background-color:#343a40;color:#fff;left:0;min-height:100vh;padding:20px 0;position:fixed;top:0;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #495057;padding:0 20px 30px}.sidebar-header h2{color:#fff;font-size:24px;margin:0 0 10px}.user-info{display:flex;flex-direction:column;gap:2px}.user-info span{color:#adb5bd;font-size:14px}.user-info small{color:#6c757d;font-size:12px}.sidebar-nav{padding:20px 0}.nav-section{margin-bottom:5px}.nav-item{align-items:center;background:none;border:none;color:#adb5bd;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background-color:#495057;color:#fff}.nav-item.active,.nav-item.expanded{background-color:#007bff;border-right:3px solid #fff;color:#fff}.nav-icon{font-size:18px;margin-right:12px}.nav-label{flex:1 1;font-weight:500}.nav-arrow{font-size:12px;margin-left:10px}.nav-submenu{background-color:#495057;border-left:2px solid #6c757d;margin-left:20px}.nav-subitem{background:none;border:none;color:#adb5bd;cursor:pointer;display:block;font-size:14px;font-weight:400;padding:8px 20px 8px 40px;text-align:left;transition:all .3s ease;width:100%}.nav-subitem:hover{background-color:#6c757d;color:#fff}.nav-subitem.active{background-color:#0056b3;border-right:3px solid #fff;color:#fff}.sidebar-footer{bottom:20px;left:0;padding:0 20px;position:absolute;right:0}.logout-btn{align-items:center;background:none;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:16px;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.logout-btn:hover{background-color:#495057;color:#ff6b7d}.analysis-tabs,.help-tabs,.monitoring-tabs,.reports-tabs,.settings-tabs{border-bottom:1px solid #dee2e6;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.tab-button{background:none;border-radius:5px;color:#6c757d;padding:10px 15px;transition:all .3s ease}.tab-button:hover{background-color:#f8f9fa;color:#495057}.tab-button.active{background-color:#007bff}.tab-icon{margin-right:8px}.tab-label{font-weight:500}.analysis-content,.help-content,.monitoring-content,.reports-content,.settings-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.analysis-section,.help-section,.monitoring-section,.reports-section,.settings-section{min-height:400px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:20px;text-align:center}.stat-card h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#007bff;font-size:32px;font-weight:700;margin:0}.news-list{display:flex;flex-direction:column;gap:15px}.news-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.news-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:block;padding:15px}.news-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.news-title{color:#212529;font-size:16px;margin:0}.news-outlet{color:#6c757d;font-size:13px}.grid-row{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.grid-cell strong{color:#495057;display:block;margin-bottom:4px}.search-input{border:1px solid #ced4da;border-radius:6px;padding:8px 10px}.btn-clear-search{background:#fff;border:1px solid #ced4da;color:#495057}mark{background:#fff176;border-radius:2px;padding:0 3px}.news-grid .news-item{transition:box-shadow .12s ease,transform .08s ease}.news-grid .news-item:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.news-item h4{color:#495057;margin:0 0 10px}.news-item p{color:#6c757d;line-height:1.5;margin:0 0 10px}.news-item small{color:#adb5bd;font-size:12px}.coming-soon{color:#6c757d}.coming-soon p{font-size:16px;margin:10px 0}.sentiment-chart{margin:30px 0}.sentiment-bars{border-radius:20px;height:40px;margin-bottom:20px;overflow:hidden}.sentiment-bar{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center;min-width:60px}.sentiment-bar.positive{background-color:#28a745}.sentiment-bar.neutral{background-color:#ffc107}.sentiment-bar.negative{background-color:#dc3545}.keywords-cloud{gap:10px;margin:20px 0}.keyword{border:none;cursor:default;padding:8px 12px}.keyword-1{background-color:#007bff;color:#fff;font-size:18px}.keyword-2{background-color:#28a745;color:#fff;font-size:16px}.keyword-3{background-color:#ffc107;color:#000;font-size:15px}.keyword-4{background-color:#dc3545;color:#fff;font-size:14px}.keyword-5{background-color:#6c757d;color:#fff;font-size:13px}.report-form,.settings-section{max-width:600px}.form-group label{margin-bottom:5px}.form-group input[type=email],.form-group input[type=text],.form-group select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.account-info{margin:20px 0}.info-item{border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:10px 0}.info-item label{color:#495057;font-weight:500}.info-item span{color:#6c757d}.integration-settings,.notification-settings{margin:20px 0}.integration-item,.setting-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:15px 0}.setting-item label{cursor:pointer;flex:1 1}.integration-header{align-items:center;display:flex;gap:15px;margin-bottom:5px}.integration-item p{color:#6c757d;font-size:14px;margin:5px 0 0}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translateX(26px)}.export-options{display:flex;gap:10px;margin:20px 0}.faq-list{margin:20px 0}.faq-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:20px;padding:15px}.faq-item h4{color:#495057;margin:0 0 10px}.faq-item p{color:#6c757d;line-height:1.5;margin:0}.guide-content section{margin-bottom:30px}.guide-content h4{color:#495057;margin-bottom:10px}.guide-content ul{margin:10px 0;padding-left:20px}.guide-content li{color:#6c757d;margin-bottom:5px}.support-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.support-item{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.support-item h4{color:#495057;margin:0 0 10px}.support-item p{color:#6c757d;font-size:14px;margin:5px 0}.support-item a{color:#007bff;text-decoration:none}.support-item a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.main-content{background-color:#f8f9fa;flex:1 1;margin-left:250px;min-height:100vh;padding:20px}.page-container{margin:0 auto;max-width:1200px}.page-header{border-bottom:1px solid #dee2e6;margin-bottom:30px;padding-bottom:20px}.page-header h1{color:#343a40;font-size:2rem;margin:0}.dashboard{background:#f8fafc;margin:0 auto;max-width:1280px;min-height:calc(100vh - 64px);padding:24px}.dashboard-header{margin-bottom:32px}.dashboard-title{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:8px}.dashboard-subtitle{color:#64748b;font-size:14px}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.metric-title{color:#64748b;font-size:14px;font-weight:500;margin-bottom:12px}.metric-value{color:#1e293b;font-size:28px;font-weight:600;margin-bottom:8px}.metric-period{color:#94a3b8;font-size:12px}.assigned-brands-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.assigned-brands-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.assigned-brands-list{display:flex;flex-wrap:wrap;gap:12px}.assigned-brand-tag{background:#3b82f6;border-radius:24px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.assigned-brand-tag:hover{background:#2563eb}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card{background:#fff;padding:24px}.chart-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px}.sentiment-bars{display:flex;flex-direction:column;gap:12px;width:100%}.sentiment-bar{width:100%}.sentiment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.sentiment-name{color:#64748b;font-size:12px;font-weight:500}.sentiment-percentage{color:#1e293b;font-size:12px;font-weight:600}.bar-wrapper{background:#e2e8f0;border-radius:6px;height:10px;overflow:hidden;width:100%}.bar{border-radius:6px;height:100%;transition:width .3s ease}.bar.positive{background:#10b981}.bar.neutral{background:#6b7280}.bar.negative{background:#ef4444}.sentiment-count{color:#94a3b8;font-size:11px;margin-top:2px;text-align:right}.no-data{color:#94a3b8;font-size:12px;padding:10px 0;text-align:center}.media-list{list-style:none;margin:0;padding:0}.media-list li{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.media-list li:last-child{border-bottom:none}.media-name{color:#1e293b;font-size:14px}.media-count{background:#edf2f7;border-radius:12px;color:#64748b;font-size:12px;font-weight:500;padding:2px 8px}.trend-graph{height:200px;margin-top:20px;position:relative}.trend-bars{align-items:flex-end;display:flex;height:100%;justify-content:space-between;position:relative;z-index:2}.trend-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.trend-bar-wrapper{align-items:flex-end;display:flex;height:120px;width:24px}.trend-bar{background:#3b82f6;border-radius:4px 4px 0 0;position:relative;transition:height .3s ease;width:100%}.trend-bar-glow{background:linear-gradient(180deg,#fff3,#0000);border-radius:4px 4px 0 0;height:50%;left:0;position:absolute;right:0;top:0}.trend-value{color:#64748b;font-size:12px;font-weight:500}.trend-date{color:#94a3b8;font-size:12px}.trend-grid{bottom:40px;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0;z-index:1}.grid-line{background:#e2e8f0;height:1px;width:100%}.date-filter-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.custom-date-range{align-items:center;display:flex;gap:12px}.custom-date-range input{border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:8px}.custom-date-range span{color:#64748b}.loading-state,.no-data{align-items:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#94a3b8;display:flex;font-size:14px;justify-content:center;padding:32px}.analysis-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.sentiment-analysis .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sentiment-analysis .section-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.sentiment-analysis .date-filter{align-items:center;display:flex;gap:8px}.sentiment-analysis .date-filter label{color:#64748b;font-size:14px;font-weight:500}.sentiment-analysis .date-filter select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;padding:8px 12px}.charts-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card{background:#f8fafc;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.chart-card h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.summary-section h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-icon{font-size:32px}.card-content{flex:1 1}.card-value{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:4px}.card-label{color:#64748b;font-size:14px;font-weight:500}.summary-card.positive .card-value{color:#10b981}.summary-card.neutral .card-value{color:#6b7280}.summary-card.negative .card-value{color:#ef4444}.textual-summary{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;padding:20px}.textual-summary h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.textual-summary p{color:#475569;font-size:14px;line-height:1.6;margin:0}.keywords-cloud{display:flex;flex-wrap:wrap;gap:12px}.keyword{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.keyword:hover{background:#bae6fd}.keyword.keyword-1{font-size:18px;font-weight:600}.keyword.keyword-2{font-size:16px;font-weight:600}.keyword.keyword-3{font-size:14px;font-weight:500}.keyword.keyword-4{font-size:12px;font-weight:500}.keyword.keyword-5{font-size:10px;font-weight:400}.coming-soon{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:40px 20px;text-align:center}.coming-soon p{color:#64748b;font-size:14px;margin:8px 0}.analysis-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:#f1f5f9;color:#1e293b}.tab-button.active{background:#3b82f6;color:#fff}.tab-icon{font-size:16px}.tab-label{font-size:14px}.error,.loading{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:40px 20px;text-align:center}.loading{color:#64748b}.error{color:#ef4444}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:15px;width:50px}.error-container{align-items:center;color:#dc3545;display:flex;flex-direction:column;height:300px;justify-content:center;padding:20px;text-align:center}.error-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.error-container button:hover{background-color:#0056b3}.brand-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.brand-checkbox{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.brand-checkbox:hover{background-color:#f0f0f0}.brand-checkbox input[type=checkbox]{margin-right:8px}.brand-checkbox span{color:#333;font-size:14px}.client-folders{margin-top:20px;padding:0 15px}.folder-form{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:20px}.folder-form h4{color:#2c3e50;font-weight:500;margin-bottom:20px}.brand-grid{grid-gap:12px;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:15px;max-height:250px;overflow-y:auto;padding:15px}.brand-grid label{align-items:center;background:#f8f9fa;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.brand-grid label:hover{background:#e9ecef}.brand-grid input[type=checkbox]{cursor:pointer;margin-right:8px}.folders-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.folder-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s ease}.folder-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.folder-item .card-title{align-items:center;color:#2c3e50;display:flex;font-size:1.2em;font-weight:500;gap:8px;margin:0 0 15px}.folder-item .card-title:before{content:"📁";font-size:1.1em}.folder-item .brands-list{background:#f8f9fa;border-radius:6px;margin-top:15px;padding:12px}.folder-item .brands-list strong{color:#495057;display:block;margin-bottom:8px}.folder-item .brands-list ul{list-style:none;margin:8px 0;padding:0}.folder-item .brands-list li{background:#fff;border-radius:4px;color:#6c757d;font-size:.95em;margin-bottom:4px;padding:4px 8px}.folder-item .action-buttons{display:flex;gap:8px;margin-top:15px}.folder-item .action-buttons button{flex:1 1;padding:6px 12px}.modal-dialog.modal-lg{max-width:800px}.modal-content{border:none;border-radius:8px;box-shadow:0 10px 30px #0000001a}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;padding:20px}.modal-body{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #e9ecef;border-radius:6px;padding:10px 15px;transition:all .2s ease}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.btn-group{display:flex;gap:10px}.btn{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.btn-secondary{background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.brand-keywords{display:flex;flex-direction:column;gap:1rem}.brand-keywords__form{display:flex;gap:8px;margin-bottom:12px}.brand-keywords__input{flex:1 1}.brand-keywords__list{list-style:none;margin:0;max-height:50vh;overflow-y:auto;padding:0}.brand-keywords__item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.brand-keywords__edit-form{display:flex;flex:1 1;gap:8px}.brand-keywords__actions{display:flex;gap:8px;margin-left:12px}.brand-keywords__error{background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:4px;color:#dc3545;margin-top:12px;padding:8px}.brand-keywords__loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px;padding:20px}.brand-keywords__spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brand-keywords__empty{background:#f8f9fa;border-radius:4px;color:#666;padding:20px;text-align:center}