:root{--primary-color: #2563eb;--primary-dark: #1e40af;--primary-light: #dbeafe;--secondary-color: #0f172a;--accent-color: #3b82f6;--bg-color: #f8fafc;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-on-primary: #ffffff;--sidebar-bg: #1e293b;--navbar-bg: #ffffff;--border-color: #e2e8f0;--border-radius: 10px;--shadow-soft: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-medium: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}.content-wrapper{margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .content-wrapper{margin-left:80px}.main-container{min-height:calc(100vh - 70px);padding:32px}@media(max-width:1024px){.main-container{padding:20px}}@media(max-width:768px){.content-wrapper{margin-left:0!important}.main-container{padding:16px;min-height:calc(100vh - 60px)}}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary);border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 4px #2563eb1a}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.card{background:var(--card-bg);padding:24px;border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-medium)}