:root{--primary: #5969ff;--primary-light: #8690ff;--primary-dark: #3a4adb;--primary-bg: rgba(89, 105, 255, .08);--secondary: #17b3a3;--secondary-light: #4ecdc4;--success: #27b963;--success-bg: rgba(39, 185, 99, .1);--warning: #ffc107;--warning-bg: rgba(255, 193, 7, .1);--danger: #f5365c;--danger-bg: rgba(245, 54, 92, .1);--info: #11cdef;--info-bg: rgba(17, 205, 239, .1);--sidebar-bg: #2d2d3f;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: rgba(89, 105, 255, .15);--sidebar-text: #8e8ea8;--sidebar-text-active: #ffffff;--sidebar-width: 260px;--header-height: 56px;--body-bg: #f0f0f7;--card-bg: #ffffff;--card-shadow: 0 2px 6px rgba(0, 0, 0, .04);--card-shadow-hover: 0 8px 25px rgba(0, 0, 0, .08);--card-radius: 8px;--text-primary: #2d2d3f;--text-secondary: #6b6b80;--text-muted: #9e9eb8;--border-color: #e8e8ef;--border-light: #f0f0f7;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden;touch-action:manipulation}body{font-family:var(--font-family);background-color:var(--body-bg);color:var(--text-primary);line-height:1.5;overscroll-behavior-y:contain;overflow-x:hidden;max-width:100vw}#app{min-height:100vh;min-height:100dvh;overflow-x:hidden;max-width:100vw}input,select,textarea,button{font-family:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],textarea,select{font-size:16px}@media (min-width: 769px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],textarea,select{font-size:.875rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4c4d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0b8}::selection{background:var(--primary);color:#fff}html.dark{--primary: #6b7bff;--primary-light: #8690ff;--primary-dark: #5060e6;--primary-bg: rgba(107, 123, 255, .12);--secondary: #20c9b8;--secondary-light: #4ecdc4;--success: #34d278;--success-bg: rgba(52, 210, 120, .12);--warning: #ffc107;--warning-bg: rgba(255, 193, 7, .12);--danger: #ff5c7c;--danger-bg: rgba(255, 92, 124, .12);--info: #11cdef;--info-bg: rgba(17, 205, 239, .12);--sidebar-bg: #16161f;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(107, 123, 255, .15);--sidebar-text: #8e8ea8;--sidebar-text-active: #ffffff;--body-bg: #1a1a2e;--card-bg: #222236;--card-shadow: 0 2px 6px rgba(0, 0, 0, .2);--card-shadow-hover: 0 8px 25px rgba(0, 0, 0, .3);--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #6e6e8a;--border-color: #333350;--border-light: #2a2a40}html.dark body{background-color:var(--body-bg);color:var(--text-primary)}html.dark ::-webkit-scrollbar-thumb{background:#444460}html.dark ::-webkit-scrollbar-thumb:hover{background:#55556e}@media (max-width: 768px){::-webkit-scrollbar{width:0;height:0}:root{--header-height: 52px;--card-radius: 10px}}