:root{--primary-start: #6366f1;--primary-end: #8b5cf6;--primary-glow: rgba(99, 102, 241, .25);--accent-green: #10b981;--accent-orange: #f59e0b;--accent-pink: #ec4899;--accent-red: #ef4444;--bg-base: #f0f4f8;--bg-elevated: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .65);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-glow: 0 0 40px var(--primary-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}body{background:var(--bg-base);background-image:radial-gradient(ellipse 80% 50% at 20% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.1),transparent),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(236,72,153,.05),transparent);min-height:100vh}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg),inset 0 1px #fffc}.gradient-border{position:relative;background:#fff;border-radius:1rem}.gradient-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end),var(--accent-pink));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-smooth)}.gradient-border:hover:before{opacity:1}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--primary-glow);opacity:1}50%{box-shadow:0 0 12px 4px var(--primary-glow);opacity:.8}}.pulse-indicator{animation:pulse-glow 2s infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:32rem;width:100%;max-height:85vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-container{position:relative;padding-left:24px}.timeline-item{position:relative;padding:12px 0;border-bottom:1px solid #f1f5f9}.timeline-item:last-child{border-bottom:none}.timeline-item:before{content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border:3px solid var(--primary-start);border-radius:50%}.timeline-item:first-child:before{background:var(--primary-start);border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f126}@keyframes badgePop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.badge-new{animation:badgePop .4s cubic-bezier(.34,1.56,.64,1)}.btn-primary{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all var(--transition-smooth);box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--primary-glow),transparent 70%);opacity:0;transition:opacity var(--transition-smooth)}.stat-card:hover:after{opacity:1}.data-row{transition:all var(--transition-fast);cursor:pointer}.data-row:hover{background:linear-gradient(90deg,rgba(99,102,241,.05),transparent)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-start)!important;box-shadow:0 0 0 3px #6366f126!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f980;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}@media(max-width:768px){.modal-content{margin:1rem;max-height:90vh;border-radius:1rem}.timeline-container{padding-left:1.5rem}}.empty-state{background:linear-gradient(135deg,#6366f108,#8b5cf608);border:2px dashed rgba(99,102,241,.2)}.chart-container{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(241,245,249,.8)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}@media print{.modal-overlay{display:none!important}body{background:#fff!important}}