*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;background:var(--bg-gradient);color:var(--text-main)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}html.trainer-fullscreen-lock,body.trainer-fullscreen-lock{height:100%;overflow:hidden;overscroll-behavior:none}:root{--bg-gradient: linear-gradient(135deg, rgba(79, 70, 229, .1) 0%, rgba(79, 70, 229, 0) 34%), linear-gradient(215deg, rgba(16, 185, 129, .13) 0%, rgba(16, 185, 129, 0) 38%), linear-gradient(180deg, #ffffff 0%, #f8fbff 45%, #eef9f6 100%);--text-main: #0f172a;--text-muted: #475569;--text-light: #64748b;--surface-main: rgba(255, 255, 255, .76);--surface-card: rgba(255, 255, 255, .94);--surface-input: rgba(248, 250, 252, .88);--surface-glass: rgba(255, 255, 255, .82);--border-color: rgba(15, 23, 42, .1);--border-light: rgba(15, 23, 42, .08);--shadow-sm: 0 10px 24px rgba(15, 23, 42, .07);--shadow-md: 0 18px 42px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 70px rgba(15, 23, 42, .11);--primary: #4f46e5;--primary-hover: #4338ca;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .92);--danger-glass: rgba(239, 68, 68, .1);--overlay: rgba(15, 23, 42, .45);--modal-bg: rgba(255, 255, 255, .95);--empty-border: rgba(79, 70, 229, .18);--empty-bg: rgba(255, 255, 255, .54)}body.dark-mode{--bg-gradient: linear-gradient(135deg, rgba(129, 140, 248, .14) 0%, rgba(129, 140, 248, 0) 36%), linear-gradient(215deg, rgba(45, 212, 191, .1) 0%, rgba(45, 212, 191, 0) 42%), linear-gradient(180deg, #0b1220 0%, #111827 46%, #0f172a 100%);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-light: #94a3b8;--surface-main: rgba(30, 41, 59, .7);--surface-card: #1e293b;--surface-input: rgba(15, 23, 42, .6);--surface-glass: rgba(30, 41, 59, .85);--border-color: rgba(255, 255, 255, .15);--border-light: rgba(255, 255, 255, .1);--shadow-sm: 0 10px 18px rgba(0, 0, 0, .3);--shadow-md: 0 14px 26px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .5);--primary: #818cf8;--primary-hover: #6366f1;--danger: #f87171;--danger-bg: rgba(239, 68, 68, .9);--danger-glass: rgba(239, 68, 68, .2);--overlay: rgba(0, 0, 0, .75);--modal-bg: rgba(30, 41, 59, .95);--empty-border: rgba(255, 255, 255, .15);--empty-bg: rgba(30, 41, 59, .4)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-input) 0%,var(--border-color) 50%,var(--surface-input) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:12px}.skeleton-card{height:72px;width:100%;border-radius:16px;margin-bottom:.8rem}.skeleton-group{padding:0 1rem 1rem}@media(max-width:768px){input,select,textarea{font-size:16px}.skeleton-group{padding:0 .75rem .75rem}}