:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--accent-primary:#3b82f6;--accent-secondary:#1d4ed8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow:rgba(0,0,0,.1);--transition-fast:0.15s ease-in-out;--transition-normal:0.2s ease-in-out;--transition-slow:0.3s ease-in-out;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px var(--shadow);--shadow-md:0 4px 6px var(--shadow);--shadow-lg:0 10px 15px var(--shadow);--shadow-xl:0 20px 25px var(--shadow)}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-primary:#475569;--border-secondary:#64748b;--shadow:rgba(0,0,0,.3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:color var(--transition-normal),background-color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary);text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--accent-primary);color:#fff}::-moz-selection{background-color:var(--accent-primary);color:#fff}.theme-transition{transition:all var(--transition-normal)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--accent-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);padding:8px 16px;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.m-2{margin:8px}.m-4{margin:16px}.m-6{margin:24px}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width:768px){.mobile-hidden{display:none}.mobile-full{width:100%}}@media (min-width:769px){.desktop-hidden{display:none}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.loading-spinner{width:20px;height:20px;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}