body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;display:flex}.content-wrapper{flex-direction:column;flex:1;transition:all .3s;display:flex}.content-wrapper.with-sidebar{margin-left:250px}.content-wrapper.full-width{margin-left:0}.main-content{background:0 0;flex:1;overflow-y:auto}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea66}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.btn:active{transform:translateY(0)}.btn-secondary{color:#667eea;background:#fff;border:2px solid #667eea;box-shadow:0 4px 15px #667eea33}.btn-secondary:hover{color:#fff;background:#667eea}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.card-header{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-subtitle{color:#64748b;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;margin-bottom:.5rem;font-weight:600;display:block}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:120px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}@media (max-width:768px){.content-wrapper.with-sidebar{margin-left:0}.card{padding:1rem}.btn{padding:.625rem 1.25rem;font-size:.8125rem}}@media (max-width:480px){.card{padding:.75rem}.form-input{padding:.625rem}}.fade-in{animation:.5s ease-in-out fadeIn}.slide-up{animation:.5s ease-out slideUp}.scale-in{animation:.3s ease-out scaleIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #667eea4d}.error{color:#ef4444;border-color:#ef4444}.error-message{color:#ef4444;margin-top:.25rem;font-size:.875rem}.success{color:#10b981;border-color:#10b981}.success-message{color:#10b981;margin-top:.25rem;font-size:.875rem}:root{--primary-gradient:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);--primary-gradient-hover:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268712;--text-primary:#1e293b;--text-secondary:#64748b;--bg-body:#f8fafc}body{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #1f268712}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #fff9;border-radius:12px;transition:all .3s}.glass-card:hover{border-color:#7c3aed4d;transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4f46e533}.btn-primary:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.animate-fade-in{animation:.5s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}