@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@700&family=Open+Sans:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Open+Sans:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-secondary:#06b6d4;--color-tertiary:#8b5cf6;--color-accent:#10b981;--color-accent-soft:#a7f3d0;--color-background:#f9fafb;--color-card:#fff;--color-text:#1f2937;--color-text-light:#6b7280;--color-error:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--color-border:#e5e7eb;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #00000014;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--font-heading:"Playfair Display",serif;--font-body:"Open Sans",sans-serif}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-secondary:#22d3ee;--color-tertiary:#a78bfa;--color-accent:#34d399;--color-accent-soft:#6ee7b7;--color-background:#111827;--color-card:#1f2937;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-error:#f87171;--color-success:#34d399;--color-warning:#fbbf24;--color-border:#374151}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}body{background-color:#f9fafb;background-color:var(--color-background);font-family:Open Sans,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#1f2937;color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-family:var(--font-heading);font-weight:600;line-height:1.3}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;margin-bottom:.5rem}h2{font-size:1.75rem;margin-bottom:1rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.btn{border:none;cursor:pointer;display:inline-block;font-family:Playfair Display,serif;font-family:var(--font-heading);font-size:1rem;padding:.75rem 1.5rem}.btn,.btn-primary{border-radius:.5rem;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#3b82f6;background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#2563eb;background-color:var(--color-primary-dark);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background-color:#06b6d4;background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#40d3b2;transform:translateY(-1px)}.btn-approve{background-color:#10b981;background-color:var(--color-success);color:#fff}.btn-approve:hover{background-color:#0da271;box-shadow:0 4px 12px #10b9814d}.btn-reject{background-color:#ef4444;background-color:var(--color-error);color:#fff}.btn-reject:hover{background-color:#e53e3e}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}input,textarea{background-color:#fff;background-color:var(--color-card);color:#1f2937;color:var(--color-text);font-family:Open Sans,sans-serif;font-family:var(--font-body);font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}input:focus,textarea:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90e233;outline:none}label{color:#1f2937;color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.form-group{margin-bottom:1.5rem}.hero-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f6d9,#10b981d9);border-bottom:1px solid #ffffff1a;color:#fff;overflow:hidden;padding:4rem 0;position:relative;text-align:center;z-index:10}[data-theme=dark] .hero-header{background:linear-gradient(135deg,#2b6cb0d9,#6b46c1d9)}.hero-header:before{color:#fff;content:"+";font-family:Arial,sans-serif;font-size:300px;opacity:.05;position:absolute;right:-100px;top:-100px}.hero-header h1,h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-tertiary) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Playfair Display,serif;font-family:var(--font-heading);font-size:3.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:1rem;text-shadow:0 2px 15px #0006}.hero-header h1{-webkit-text-fill-color:#fff;background:none;color:#fff;display:inline-block;font-size:4rem;position:relative;text-shadow:0 2px 10px #0003}.hero-header h1:after{background:#fff6;border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.hero-header .tagline{font-family:Open Sans,sans-serif;font-family:var(--font-body);font-size:1.5rem;font-weight:400;line-height:1.4;margin:0 auto 2rem;max-width:700px;text-shadow:0 1px 10px #0000004d}@media (max-width:768px){.hero-header h1,h1{font-size:2.5rem}.hero-header .tagline{font-size:1.2rem}}.hero-header .tagline{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-button{background:#fff;border-radius:2rem;box-shadow:0 4px 10px #0003;color:#3b82f6;color:var(--color-primary);font-weight:600;padding:.75rem 2.5rem;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{box-shadow:0 6px 15px #3b82f64d;transform:translateY(-3px)}.stories-section{padding:3rem 0}.subtitle{margin-bottom:2rem}.subtitle,.subtitle[data-theme=dark]{color:#6b7280;color:var(--color-text-light)}.stories-container{margin:2rem 0;width:100%}.stories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}@media (max-width:768px){.stories-grid{grid-template-columns:1fr}.story-card{height:auto;min-height:180px}}.text-white{color:#fff!important}.text-white\/90{color:#ffffffe6!important}.text-white\/80{color:#fffc!important}.text-white\/70{color:#ffffffb3!important}.text-white\/60{color:#fff9!important}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;line-clamp:4}.story-card{background-color:#fff;background-color:var(--color-card);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease;@media (max-width:768px){font-size:.95em;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px}}.story-card:before{background:linear-gradient(90deg,#10b981,#06b6d4);background:linear-gradient(90deg,var(--color-accent) 0,var(--color-secondary) 100%);content:"";height:6px;left:0;position:absolute;right:0;top:0}.story-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.story-content{flex-grow:1;padding:1.5rem}.story-text{line-height:1.6;margin-bottom:1rem}.story-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);color:#6b7280;color:var(--color-text-light);display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 1.5rem}.social-link{align-items:center;color:#3b82f6;color:var(--color-primary);display:inline-flex;font-weight:500;margin-top:.5rem;text-decoration:none}.social-link svg{margin-right:.5rem}.social-link:hover{text-decoration:underline}.tweet-container{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.5rem;margin-top:1rem;overflow:hidden}.card{background-color:#fff;background-color:var(--color-card);border-radius:.75rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.card-background{border-radius:.75rem;inset:0;overflow:hidden;position:absolute;z-index:0}.card-overlay{background:linear-gradient(180deg,#0000001a 0,#0006 50%,#000000b3);inset:0;position:absolute;z-index:10}.card-content{color:#fff;display:flex;flex-direction:column;height:100%;padding:1rem;position:relative;z-index:20}.card-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;border-left:3px solid;border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;margin-right:.5rem;padding:.25rem .75rem}.card-tag,.card-title{color:#fff;margin-bottom:.5rem}.card-title{font-size:1.125rem;font-weight:600;text-shadow:0 1px 3px #00000080}.card-excerpt{-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;color:#ffffffe6;display:-webkit-box;font-size:.875rem;margin-bottom:1rem;overflow:hidden;text-shadow:0 1px 2px #0000004d}.card-action{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;margin-top:auto;padding:.375rem .75rem;transition:background-color .2s;width:fit-content}.card-action:hover{background-color:#ffffff40}.card-action svg{height:1rem;margin-right:.375rem;width:1rem}.card-accent{background-color:#ffffff1a;bottom:-2rem;height:4rem;pointer-events:none;position:absolute;right:-2rem;transform:rotate(45deg);width:4rem;z-index:15}.card-category-line{height:.25rem;left:0;position:absolute;right:0;top:0;z-index:30}.card-content,.card-excerpt,.card-title{text-shadow:0 2px 4px #0006}.modern-card{background:#0000;border:1px solid #ffffff1a;box-shadow:0 10px 25px #00000026;height:230px;min-height:200px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.modern-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.empty-state{color:#6b7280;color:var(--color-text-light);padding:3rem 1.5rem}.empty-state button{margin-top:1rem}.site-footer{background-color:#fff;background-color:var(--color-card);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:3rem;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-tagline{margin-top:.25rem}.admin-link,.footer-tagline{color:#6b7280;color:var(--color-text-light)}.admin-link{font-size:.8rem;opacity:.7;padding:.5rem 1rem;text-decoration:none}.admin-link:hover{opacity:1}.loading-container{padding:3rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3b82f633;border-top:3px solid var(--color-primary)}.admin-header{background-color:#2d3748;color:#fff;padding:1rem 0}.admin-header-content{align-items:center;display:flex;justify-content:space-between}.admin-header h1{-webkit-text-fill-color:#fff;background:none;color:#fff;margin:0}.logout-btn{background-color:#fff3;color:#fff}.logout-btn:hover{background-color:#ffffff4d}.admin-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;margin:2rem 0 1rem}.tab-btn{background:none;border:none;color:#1f2937;color:var(--color-text);cursor:pointer;font-family:Playfair Display,serif;font-family:var(--font-heading);font-weight:500;padding:.75rem 1.5rem;position:relative}.tab-btn.active{color:#3b82f6;color:var(--color-primary)}.tab-btn.active:after{background-color:#3b82f6;background-color:var(--color-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.stories-list{flex-direction:column;gap:1.5rem}.button-group,.stories-list{display:flex;margin-top:1.5rem}.button-group{gap:.75rem}.error-message{background-color:#f565651a;border-left:4px solid #ef4444;border-left:4px solid var(--color-error);color:#ef4444;color:var(--color-error);font-size:.95rem;margin-bottom:1rem;padding:1rem}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--color-card);border-radius:1rem;border-top:6px solid #3b82f6;border-top:6px solid var(--color-primary);box-shadow:0 10px 25px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}input,textarea{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;transition:all .2s ease}input:focus,textarea:focus{border-color:#10b981;border-color:var(--color-accent);box-shadow:0 0 0 3px #10b98133}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-light);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s ease;width:2rem}.modal-close:hover{background-color:#0000001a;color:#1f2937;color:var(--color-text)}.modal-content h2{margin-bottom:.5rem}.submit-btn{font-size:1.125rem;margin-top:1rem;padding:.75rem 1.5rem;width:100%}.admin-login-card{margin:80px auto;max-width:500px;padding:2rem}@media (max-width:768px){.hero-header{padding:3rem 0}.hero-header h1{font-size:2.25rem}.footer-content{flex-direction:column;text-align:center}.footer-links{margin-top:1rem}.admin-header-content{flex-direction:column;text-align:center}.admin-header h1{margin-bottom:1rem}.admin-tabs{overflow-x:auto;padding-bottom:.5rem;white-space:nowrap}}.story-card{overflow:hidden;position:relative}.story-card:after{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);content:"";height:5px;left:0;position:absolute;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%}.story-card:hover:after{transform:translateY(0)}.twitter-embed-wrapper{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1rem 0;min-height:100px;overflow:hidden;width:100%}.twitter-embed-container{background-color:#00000005;width:100%}.tweet-loading{align-items:center;background-color:#fff;background-color:var(--color-card);color:#6b7280;color:var(--color-text-light);display:flex;flex-direction:column;justify-content:center;padding:2rem}.tweet-loading-spinner{animation:tweet-spinner 1s linear infinite;border:3px solid #1da1f233;border-radius:50%;border-top-color:#1da1f2cc;height:30px;margin-bottom:.5rem;width:30px}@keyframes tweet-spinner{to{transform:rotate(1turn)}}.tweet-error{background-color:#fff;background-color:var(--color-card);color:#6b7280;color:var(--color-text-light);padding:1.5rem;text-align:center}.tweet-error .btn-small{background-color:#1da1f2;border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none}.tweet-error .btn-small:hover{background-color:#0c8ad6}[data-theme=dark] .twitter-embed-container{background-color:#ffffff0d}[data-theme=dark] .tweet-error,[data-theme=dark] .tweet-loading{background-color:#fff;background-color:var(--color-card)}.empty-state{border:2px dashed #e5e7eb;border:2px dashed var(--color-border);border-radius:.75rem;padding:3rem;position:relative;text-align:center}.empty-state:after{bottom:-40px;color:#1f2937;color:var(--color-text);content:"+";font-family:Arial,sans-serif;font-size:150px;opacity:.05;position:absolute;right:-40px}.cta-button{overflow:hidden;position:relative}.cta-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.cta-button:hover:after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(25)}to{opacity:0;transform:scale(40)}}[data-theme=dark] .hero-header{background:linear-gradient(135deg,#2b6cb0,#6b46c1)}[data-theme=dark] .cta-button{color:#2b6cb0}[data-theme=dark] .loading-spinner{border-color:#3b82f6 #60a5fa4d #60a5fa4d;border-top-color:var(--color-primary)}[data-theme=dark] .twitter-embed{filter:brightness(.85)}.theme-toggle{align-items:center;background:none;background-color:#fff;background-color:var(--color-card);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#1f2937;color:var(--color-text);cursor:pointer;display:flex;height:3rem;justify-content:center;padding:.5rem;position:fixed;right:1.5rem;transition:transform .3s ease;width:3rem;z-index:100}.theme-toggle:hover{transform:rotate(30deg)}.theme-toggle svg{height:1.5rem;width:1.5rem}.moon-icon,.sun-icon{fill:currentColor}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.quote-card{background-color:#fff;background-color:var(--color-card);border-left:4px solid #3b82f6;border-left:4px solid var(--color-primary)}.quote-icon{color:#3b82f6;color:var(--color-primary);height:2rem;margin-bottom:1rem;opacity:.3;width:2rem}.quote-text{font-size:1.1rem;font-style:italic;line-height:1.7}.x-share{background-color:#10b981;background-color:var(--color-accent);border-radius:.5rem;color:#fff;color:var(--color-card);display:inline-block;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;text-decoration:none}.story-card[data-category=breast]{border-top-color:#ff69b4}.story-card[data-category=lung]{border-top-color:#87ceeb}.story-card[data-category=leukemia]{border-top-color:tomato}.story-card[data-category=prostate]{border-top-color:#4169e1}.story-card[data-category=skin]{border-top-color:#ffa07a}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.site-logo{height:60px;margin-right:1rem;width:60px}@media (max-width:768px){.logo-container{flex-direction:column}.site-logo{margin-bottom:.5rem;margin-right:0}}@media (min-width:769px){.story-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.quote-card:hover .quote-icon{transform:rotate(10deg) scale(1.1)}}.story-timeline{margin-left:2rem;padding:2rem 0;position:relative}.story-timeline:before{background:linear-gradient(180deg,#3b82f6 0,#06b6d4);background:linear-gradient(to bottom,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.timeline-item{margin-bottom:2.5rem;padding-left:2rem;position:relative}.timeline-dot{background-color:#3b82f6;background-color:var(--color-primary);border:3px solid #fff;border:3px solid var(--color-card);border-radius:50%;box-shadow:0 0 0 3px #3b82f64d;height:20px;left:-10px;position:absolute;top:0;width:20px;z-index:2}.timeline-content{position:relative}.timeline-date{color:#6b7280;color:var(--color-text-light);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.timeline-card{background-color:#fff;background-color:var(--color-card);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.timeline-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.timeline-card p{line-height:1.6;margin-bottom:1rem}.timeline-card a{align-items:center;background-color:#3b82f61a;border-radius:1rem;color:#3b82f6;color:var(--color-primary);display:inline-flex;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.timeline-card a:hover{background-color:#3b82f633;text-decoration:underline}@media (max-width:768px){.story-timeline{margin-left:1rem}.timeline-item{padding-left:1.5rem}.timeline-dot{height:16px;left:-8px;width:16px}}.x-link{align-items:center;background-color:#3b82f61a;border-radius:2rem;color:#3b82f6;color:var(--color-primary);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.x-link:hover{background-color:#3b82f633;transform:translateY(-2px)}.x-link svg{height:16px;width:16px}.analytics-promo{background-color:#f5f7fa;background-color:var(--card-bg,#f5f7fa);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:4rem 0;padding:2rem;text-align:center}[data-theme=dark] .analytics-promo{background-color:#2a2a2a;background-color:var(--card-bg-dark,#2a2a2a);box-shadow:0 2px 8px #0000004d}.analytics-promo h2{color:var(--text-primary);margin-bottom:1rem}[data-theme=dark] .analytics-promo h2{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.analytics-promo p{color:var(--text-secondary);margin-bottom:1.5rem}[data-theme=dark] .analytics-promo p{color:#b0b0b0;color:var(--text-secondary-dark,#b0b0b0)}.analytics-promo a{color:var(--link);text-decoration:none}.story-category{background-color:#f5f5f5;border-radius:4px;margin-bottom:1rem;padding:8px}.category-display{align-items:center;display:flex;gap:8px}.category-display .label{color:#666;font-weight:700}.category-display .value{color:#333;font-weight:500}.edit-category-form{display:flex;flex-direction:column;gap:8px}.category-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px}.edit-buttons{display:flex;gap:8px;margin-top:8px}.btn-sm{font-size:.85rem;padding:4px 10px}.btn-edit{background-color:#f0f0f0;border:1px solid #ccc;color:#333}@media (prefers-color-scheme:dark){.story-category{background-color:#2a2a2a}.category-display .label{color:#aaa}.category-display .value{color:#ddd}.category-select{background-color:#333;border-color:#555;color:#fff}.btn-edit{background-color:#3a3a3a;border-color:#555;color:#ddd}}.analytics-container{padding:1rem 0}.analytics-header{margin-bottom:2rem;text-align:center}.analytics-header .subtitle{color:#666;color:var(--text-secondary,#666);margin:0 auto;max-width:600px}.metrics-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-card{background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}[data-theme=dark] .metric-card{background-color:#2a2a2a;background-color:var(--card-bg-dark,#2a2a2a);box-shadow:0 2px 8px #0000004d}.metric-card:hover{transform:translateY(-5px)}.metric-value{color:#06c;color:var(--primary-color,#06c);font-size:2.5rem;font-weight:700;margin:.5rem 0}[data-theme=dark] .metric-value{color:#4d8edb;color:var(--primary-color-dark,#4d8edb)}.metric-description{color:#666;color:var(--text-secondary,#666);font-size:.9rem}[data-theme=dark] .metric-description{color:#b0b0b0;color:var(--text-secondary-dark,#b0b0b0)}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.chart-container{background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}[data-theme=dark] .chart-container{background-color:#2a2a2a;background-color:var(--card-bg-dark,#2a2a2a);box-shadow:0 2px 8px #0000004d}.chart-container.wide{grid-column:1/-1}.chart-container h3{color:#333;color:var(--text-primary,#333);margin-bottom:1rem;text-align:center}[data-theme=dark] .chart-container h3{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}[data-theme=dark] .recharts-text{fill:#e0e0e0;fill:var(--text-primary-dark,#e0e0e0)}[data-theme=dark] .recharts-cartesian-axis-line,[data-theme=dark] .recharts-cartesian-axis-tick-line,[data-theme=dark] .recharts-cartesian-grid line{stroke:#444;stroke:var(--border-color-dark,#444)}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#282828e6!important;border-color:#444!important;border-color:var(--border-color-dark,#444)!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item,[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:#e0e0e0!important;color:var(--text-primary-dark,#e0e0e0)!important}.analytics-footer{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-style:italic;margin-top:3rem;text-align:center}[data-theme=dark] .analytics-footer{color:#b0b0b0;color:var(--text-secondary-dark,#b0b0b0)}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.metric-value{font-size:2rem}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#06c;border-top:4px solid var(--primary-color,#06c);height:40px;margin-bottom:1rem;width:40px}[data-theme=dark] .loading-spinner{border:4px solid #ffffff1a;border-top-color:#4d8edb;border-top:4px solid var(--primary-color-dark,#4d8edb)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nlp-insights-section{border-top:1px solid #eaeaea;border-top:1px solid var(--border-color,#eaeaea);margin-top:3rem;padding-top:2rem}.nlp-insights-section h2{margin-bottom:.5rem;text-align:center}.nlp-insights-section .subtitle{margin-bottom:2rem}.chart-description,.nlp-insights-section .subtitle{color:#666;color:var(--text-secondary,#666);text-align:center}.chart-description{font-size:.9rem;margin-bottom:1rem}.sentiment-gauge{align-items:center;display:flex;height:200px;justify-content:center}.graph-placeholder{border:1px dashed #ccc;border:1px dashed var(--border-color,#ccc);border-radius:8px}[data-theme=dark] .nlp-insights-section{border-top-color:#444;border-top-color:var(--border-color-dark,#444)}[data-theme=dark] .graph-placeholder{background:#2a2a2a!important;border-color:#444;border-color:var(--border-color-dark,#444);color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}
/*# sourceMappingURL=main.a83b8d4a.css.map*/