:root{--primary-color:#3b82f6;--secondary-color:#8b5cf6;--background-color:#fff;--text-color:#1f2937;--border-color:#e5e7eb;--shadow-color:#0000001a;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--border-radius:8px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}.dark-mode{--background-color:#1a1a1a;--text-color:#e2e8f0;--border-color:#374151;--shadow-color:#0000004d}*{box-sizing:border-box;margin:0;padding:0}html{-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;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{background-color:#fff;background-color:var(--background-color);color:#1f2937;color:var(--text-color);font-size:16px;line-height:1.6;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}@keyframes symphus-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes symphus-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes symphus-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes symphus-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes symphus-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.loading-fade{animation:symphus-fade-in .3s ease-out}.loading-slide{animation:symphus-slide-in .4s ease-out}.loading-pulse{animation:symphus-pulse 2s ease-in-out infinite}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a;box-shadow:0 8px 32px var(--shadow-color)}.dark-mode .glass-effect{background:#0003;border:1px solid #ffffff1a}.btn-primary{background:#3b82f6;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transform:translateZ(0);transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);color:#3b82f6;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transform:translateZ(0);transition:all .15s ease;transition:all var(--transition-fast)}.btn-secondary:hover{background:#3b82f6;background:var(--primary-color);color:#fff;transform:translateY(-1px)}.scrollable{overflow-y:auto;scrollbar-color:#e5e7eb #0000;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-track{background:#0000}.scrollable::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:3px}.scrollable::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--primary-color)}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.grid-auto{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){:root{--spacing-xs:0.125rem;--spacing-sm:0.25rem;--spacing-md:0.5rem;--spacing-lg:1rem;--spacing-xl:1.5rem}body{font-size:14px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (prefers-contrast:high){:root{--shadow-color:#000c;--border-color:#000}.dark-mode{--border-color:#fff}}:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.no-print{display:none!important}}@container (min-width: 768px){.container-responsive{grid-template-columns:repeat(2,1fr)}}@container (min-width: 1024px){.container-responsive{grid-template-columns:repeat(3,1fr)}}.lazy-loading{opacity:0;transition:opacity .3s ease;transition:opacity var(--transition-normal)}.lazy-loaded{opacity:1}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#ffffff80 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--border-color) 25%,#ffffff80 50%,var(--border-color) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--border-radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark-mode .skeleton{background:linear-gradient(90deg,#374151 25%,#ffffff1a 50%,#374151 75%);background-size:200% 100%}.critical-section{contain:layout style paint;contain-intrinsic-size:0 500px;content-visibility:auto}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-input{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#1f2937;color:var(--text-color);font-size:1rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.error-state{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{animation:symphus-fade-in .3s ease-out;color:#ef4444;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.success-state{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.success-message{animation:symphus-fade-in .3s ease-out;color:#10b981;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}code{border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.125rem .25rem}code,pre{background:#e5e7eb;background:var(--border-color)}pre{border-radius:8px;border-radius:var(--border-radius);margin:1rem 0;margin:var(--spacing-md) 0;overflow-x:auto;padding:1rem;padding:var(--spacing-md)}pre code{background:none;padding:0}.spinner{animation:symphus-spin 1s linear infinite;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);display:inline-block;height:20px;margin-right:.5rem;margin-right:var(--spacing-sm);width:20px}.hidden{display:none!important}.invisible{visibility:hidden!important}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@tailwind base;@tailwind components;@tailwind utilities;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}