@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color: #168b7c;--transition-duration: .3s;--transition-easing: cubic-bezier(.4, 0, .2, 1)}*{transition:background-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing)}body.dark-mode{background-color:#151518;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}body.dark-mode ::-webkit-scrollbar-track{background:#2a2a2f}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb{background:#64748b}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background-color:#168b7c4d;color:inherit}body.dark-mode ::selection{background-color:#168b7c80;color:#f1f5f9}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f5f5f5;color:#212121;margin:0;overflow-x:hidden}.desktop-layout{display:flex;height:100vh;width:100%}.desktop-sidebar{width:280px;min-width:280px;background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;z-index:1200;transition:background-color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing)}body.dark-mode .desktop-sidebar{background-color:#1f1f23;border-right:1px solid #404040}.desktop-main{flex:1;display:flex;flex-direction:column;overflow:visible}.desktop-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;z-index:1100;transition:background-color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing)}body.dark-mode .desktop-header{background-color:#1f1f23;border-bottom:1px solid #404040}.desktop-content{flex:1;overflow-y:auto;padding:0;margin:0;background-color:#f5f5f5;position:relative;transition:background-color var(--transition-duration) var(--transition-easing);width:100%;box-sizing:border-box}body.dark-mode .desktop-content{background-color:#151518}.content-container{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#64748b;transition:all var(--transition-duration) var(--transition-easing)}.nav-item:hover{background-color:#f1f5f9;color:#334155}.nav-item.active{background-color:#e6f7f5;color:#168b7c}body.dark-mode .nav-item{color:#cbd5e1}body.dark-mode .nav-item:hover{background-color:#2a2a2f;color:#fff}body.dark-mode .nav-item.active{background-color:#168b7c33;color:#4dcfbc}.container{max-width:1400px;margin:0 auto;padding:0}.content-container{max-width:1200px;margin:0 auto;padding:0 16px}.grid{display:grid;gap:24px}.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(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden}.card-header{padding:20px 24px 16px;border-bottom:1px solid #e0e0e0}.card-content{padding:24px}.card-actions{padding:8px 24px 24px}.text-h1{font-size:2.5rem;font-weight:300;line-height:1.2;color:#212121}.text-h2{font-size:2rem;font-weight:400;line-height:1.2;color:#212121}.text-h3{font-size:1.75rem;font-weight:400;line-height:1.2;color:#212121}.text-h4{font-size:1.5rem;font-weight:500;line-height:1.2;color:#212121}.text-h5{font-size:1.25rem;font-weight:500;line-height:1.2;color:#212121}.text-h6{font-size:1.125rem;font-weight:500;line-height:1.2;color:#212121}.text-body1{font-size:1rem;font-weight:400;line-height:1.5;color:#212121}.text-body2{font-size:.875rem;font-weight:400;line-height:1.5;color:#616161}.text-caption{font-size:.75rem;font-weight:400;line-height:1.4;color:#757575}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;font-family:inherit;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.02857em;cursor:pointer;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px #1976d266}.btn-secondary{background-color:#fff;color:#1976d2;border:1px solid #1976d2}.btn-secondary:hover{background-color:#f5f5f5}.btn-text{background-color:transparent;color:#1976d2}.btn-text:hover{background-color:#1976d20a}.btn-large{padding:12px 24px;font-size:.9375rem}.form-input{width:100%;padding:16px 14px;border:1px solid #c4c4c4;border-radius:4px;font-family:inherit;font-size:1rem;background-color:#fff;transition:border-color .2s}.form-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.form-label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:#424242}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.shadow{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.text-success{color:#388e3c}.text-warning{color:#f57c00}.text-error{color:#d32f2f}.text-info{color:#1976d2}.bg-success{background-color:#e8f5e8;color:#2e7d32}.bg-warning{background-color:#fff8e1;color:#f57c00}.bg-error{background-color:#ffebee;color:#c62828}.bg-info{background-color:#e3f2fd;color:#1565c0}.btn,.nav-item,.form-input{transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-framer-motion]{animation:unset!important;transition:unset!important}