:root{--widget-bg-primary:rgba(15,23,42,0.9);--widget-bg-secondary:rgba(30,41,59,0.8);--widget-bg-glass:rgba(255,255,255,0.05);--widget-border:rgba(148,163,184,0.2);--widget-border-hover:rgba(148,163,184,0.4);--widget-border-active:rgba(59,130,246,0.5);--widget-text-primary:#ffffff;--widget-text-secondary:#cbd5e1;--widget-text-muted:#94a3b8;--widget-text-accent:#3b82f6;--widget-success:#10b981;--widget-success-bg:rgba(16,185,129,0.1);--widget-warning:#f59e0b;--widget-warning-bg:rgba(245,158,11,0.1);--widget-error:#ef4444;--widget-error-bg:rgba(239,68,68,0.1);--widget-info:#3b82f6;--widget-info-bg:rgba(59,130,246,0.1);--widget-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--widget-gradient-success:linear-gradient(135deg,#10b981,#059669);--widget-gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--widget-gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--widget-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--widget-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--widget-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--widget-shadow-glow:0 0 20px rgba(59,130,246,0.3);--widget-spacing-xs:0.25rem;--widget-spacing-sm:0.5rem;--widget-spacing-md:1rem;--widget-spacing-lg:1.5rem;--widget-spacing-xl:2rem;--widget-radius-sm:0.375rem;--widget-radius-md:0.5rem;--widget-radius-lg:0.75rem;--widget-radius-xl:1rem;--widget-transition-fast:all 0.15s ease-out;--widget-transition-normal:all 0.3s ease-out;--widget-transition-slow:all 0.5s ease-out}.modern-widget{background:var(--widget-bg-primary);border:1px solid var(--widget-border);border-radius:var(--widget-radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.modern-widget,.modern-widget:before{transition:var(--widget-transition-normal)}.modern-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0}.modern-widget:hover{border-color:var(--widget-border-hover);box-shadow:var(--widget-shadow-lg);transform:translateY(-2px)}.modern-widget:hover:before{opacity:1}.modern-widget--glass{background:var(--widget-bg-glass);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1)}.modern-widget--premium{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.9) 50%,rgba(15,23,42,.95));border:1px solid rgba(59,130,246,.2)}.modern-widget--premium:hover{border-color:rgba(59,130,246,.4);box-shadow:0 20px 40px rgba(59,130,246,.1)}.modern-widget--elite{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(88,28,135,.1) 50%,rgba(15,23,42,.95));border:1px solid rgba(147,51,234,.3)}.modern-widget--elite:hover{border-color:rgba(147,51,234,.5);box-shadow:0 20px 40px rgba(147,51,234,.15)}.modern-widget__header{padding:var(--widget-spacing-lg);border-bottom:1px solid var(--widget-border);display:flex;align-items:center;justify-content:space-between}.modern-widget__title{color:var(--widget-text-primary);font-size:1.125rem;font-weight:600;margin:0;display:flex;align-items:center;gap:var(--widget-spacing-sm)}.modern-widget__subtitle{color:var(--widget-text-muted);font-size:.875rem;margin:var(--widget-spacing-xs) 0 0 0}.modern-widget__actions{display:flex;align-items:center;gap:var(--widget-spacing-sm)}.modern-widget__content{padding:var(--widget-spacing-lg);color:var(--widget-text-secondary)}.modern-widget__content--loading{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:var(--widget-spacing-md)}.modern-widget__status{display:flex;align-items:center;gap:var(--widget-spacing-xs);font-size:.75rem;font-weight:500;padding:var(--widget-spacing-xs) var(--widget-spacing-sm);border-radius:var(--widget-radius-md);border:1px solid}.modern-widget__status--success{color:var(--widget-success);background:var(--widget-success-bg);border-color:var(--widget-success)}.modern-widget__status--warning{color:var(--widget-warning);background:var(--widget-warning-bg);border-color:var(--widget-warning)}.modern-widget__status--error{color:var(--widget-error);background:var(--widget-error-bg);border-color:var(--widget-error)}.modern-widget__status--info{color:var(--widget-info);background:var(--widget-info-bg);border-color:var(--widget-info)}.modern-widget__confidence{display:flex;align-items:center;gap:var(--widget-spacing-xs);font-size:.75rem}.modern-widget__confidence-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.modern-widget__confidence-dot--high{background:var(--widget-success)}.modern-widget__confidence-dot--medium{background:var(--widget-warning)}.modern-widget__confidence-dot--low{background:var(--widget-error)}.modern-widget__metrics{display:grid;gap:var(--widget-spacing-md);margin-top:var(--widget-spacing-lg)}.modern-widget__metric{background:rgba(255,255,255,.02);border:1px solid var(--widget-border);border-radius:var(--widget-radius-lg);padding:var(--widget-spacing-md);transition:var(--widget-transition-fast)}.modern-widget__metric:hover{background:rgba(255,255,255,.05);border-color:var(--widget-border-hover)}.modern-widget__metric-label{color:var(--widget-text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--widget-spacing-xs)}.modern-widget__metric-value{color:var(--widget-text-primary);font-size:1.5rem;font-weight:700;line-height:1}.modern-widget__metric-change{font-size:.875rem;font-weight:500;margin-top:var(--widget-spacing-xs)}.modern-widget__metric-change--positive{color:var(--widget-success)}.modern-widget__metric-change--negative{color:var(--widget-error)}.modern-widget__metric-change--neutral{color:var(--widget-text-muted)}.modern-widget__skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--widget-radius-md)}.modern-widget__skeleton--text{height:1rem;margin-bottom:var(--widget-spacing-sm)}.modern-widget__skeleton--title{height:1.5rem;width:60%;margin-bottom:var(--widget-spacing-md)}.modern-widget__skeleton--metric{height:2rem;width:40%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-widget--animate-in{animation:fadeIn .5s ease-out}@media (max-width:768px){.modern-widget__header{flex-direction:column;align-items:flex-start;gap:var(--widget-spacing-sm)}.modern-widget__content,.modern-widget__header{padding:var(--widget-spacing-md)}.modern-widget__metrics{grid-template-columns:1fr}}@media (min-width:769px){.modern-widget__metrics--grid-2{grid-template-columns:repeat(2,1fr)}.modern-widget__metrics--grid-3{grid-template-columns:repeat(3,1fr)}.modern-widget__metrics--grid-4{grid-template-columns:repeat(4,1fr)}}.modern-widget__divider{height:1px;background:var(--widget-border);margin:var(--widget-spacing-lg) 0}.modern-widget__badge{display:inline-flex;align-items:center;gap:var(--widget-spacing-xs);padding:var(--widget-spacing-xs) var(--widget-spacing-sm);background:rgba(255,255,255,.1);border:1px solid var(--widget-border);border-radius:var(--widget-radius-md);font-size:.75rem;font-weight:500;color:var(--widget-text-secondary)}.modern-widget__icon{width:1rem;height:1rem;color:var(--widget-text-accent)}.modern-widget__button{background:transparent;border:1px solid var(--widget-border);border-radius:var(--widget-radius-md);padding:var(--widget-spacing-sm) var(--widget-spacing-md);color:var(--widget-text-secondary);font-size:.875rem;cursor:pointer;transition:var(--widget-transition-fast);display:flex;align-items:center;gap:var(--widget-spacing-xs)}.modern-widget__button:hover{background:rgba(255,255,255,.05);border-color:var(--widget-border-hover);color:var(--widget-text-primary)}.modern-widget__button--primary{background:var(--widget-gradient-primary);border-color:transparent;color:white}.modern-widget__button--primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}