*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #696cff;--primary-light: #e7e7ff;--secondary-color: #8592a3;--success-color: #71dd37;--warning-color: #ffab00;--danger-color: #ff3e1d;--info-color: #03c3ec;--dark-color: #233446;--light-color: #f5f5f9;--white: #ffffff;--gray-100: #f8f8fb;--gray-200: #eceef1;--gray-300: #d9dee3;--gray-400: #c8cfd6;--gray-500: #a8b1bb;--gray-600: #697a8d;--gray-700: #566a7f;--gray-800: #3a4859;--gray-900: #2f3b4c;--sidebar-width: 260px;--header-height: 70px;--border-radius: 6px;--box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12);--box-shadow-hover: 0 4px 12px 0 rgba(67, 89, 113, .16);--transition: all .3s ease}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-100);color:var(--gray-700);font-size:15px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--gray-800);font-weight:500;margin-bottom:.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;margin-bottom:1.5rem;transition:var(--transition)}.card:hover{box-shadow:var(--box-shadow-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:400;line-height:1.5;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;text-decoration:none;gap:.5rem}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:#5a5fe5;transform:translateY(-1px)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-success{background:var(--success-color);color:var(--white)}.btn-warning{background:var(--warning-color);color:var(--white)}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-info{background:var(--info-color);color:var(--white)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:4px}.badge-primary{background:var(--primary-light);color:var(--primary-color)}.badge-success{background:#e8f7e5;color:var(--success-color)}.badge-warning{background:#fff4e5;color:var(--warning-color)}.badge-danger{background:#ffe5e0;color:var(--danger-color)}.badge-info{background:#e0f7fc;color:var(--info-color)}.text-muted{color:var(--gray-500)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}