:root{--primary: #4f46e5;--primary-dark: #3730a3;--primary-light: #eef2ff;--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fffbeb;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--bg-elevated: #ffffff;--bg-subtle: #f1f5f9;--text-light: #9ca3af;--text-xlight: #d1d5db;--border: #e5e7eb;--border-strong: #d1d5db;--border-focus: rgba(79, 70, 229, .5);--font-heading: "Poppins", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-xs: 4px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition: .25s ease;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--navbar-height: 68px;--border-light: #e5e7eb;--bg-glass: rgba(255, 255, 255, .85);--bg-surface: #ffffff;--bg-core: #f8fafc;--primary-glow: rgba(79, 70, 229, .22);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--text-main: #111827;--text-secondary: #374151;--text-muted: #6b7280;--font-main: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-core);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-main);margin-bottom:.6rem}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-1.5px}h2{font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.5px}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.75}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,var(--accent) 0%,#f97316 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-hero{background:linear-gradient(135deg,#4f46e5,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)!important}.text-light{color:var(--text-light)!important}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-accent{color:var(--accent)!important}.fa-solid,.fa-regular,.fa-brands{vertical-align:middle}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:900px;margin:0 auto;padding:0 1.5rem}.container-xs{max-width:640px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-sm{padding:3rem 0}.section-header{text-align:center;max-width:640px;margin:0 auto 3rem}.section-header h2{margin-bottom:.75rem}.section-header p{color:var(--text-muted);font-size:1.05rem;margin:0}.section-tag{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.78rem;font-weight:600;padding:.35rem 1rem;border-radius:var(--radius-full);margin-bottom:1rem;letter-spacing:.8px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition-smooth);position:relative;overflow:hidden}.btn:hover{text-decoration:none}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-xs{padding:.35rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-sm{padding:.45rem 1rem;font-size:.875rem;border-radius:var(--radius-sm)}.btn-lg{padding:.85rem 2rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-xl{padding:1rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 16px #f59e0b4d}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-main);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-main)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{filter:brightness(.9)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-icon{padding:.6rem;width:2.5rem;height:2.5rem;border-radius:var(--radius-md)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-smooth)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-hover-primary:hover{border-color:var(--primary);box-shadow:0 8px 32px var(--primary-glow)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search]{width:100%;padding:.7rem 1rem;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);font-size:.95rem;line-height:1.5;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none}input::placeholder,textarea::placeholder{color:var(--text-light)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem;cursor:pointer}textarea{resize:vertical;min-height:100px}.has-error input,.has-error select,.has-error textarea{border-color:var(--danger)}.has-error input:focus,.has-error select:focus,.has-error textarea:focus{box-shadow:0 0 0 3px var(--danger-light)}.field-error{display:block;font-size:.8rem;color:var(--danger);margin-top:.3rem}.field-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.3rem}.input-group{display:flex;align-items:center;position:relative}.input-group input{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .input-group-btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-icon-left{padding-left:2.75rem}.input-icon-right{padding-right:2.75rem}.alert{padding:.875rem 1.125rem;border-radius:var(--radius-md);font-size:.9rem;display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem;line-height:1.5}.alert-success{background:var(--success-light);color:#065f46;border:1px solid #a7f3d0}.alert-error{background:var(--danger-light);color:#991b1b;border:1px solid #fca5a5}.alert-info{background:var(--info-light);color:#1e40af;border:1px solid #bfdbfe}.alert-warning{background:var(--warning-light);color:#92400e;border:1px solid #fde68a}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-accent{background:var(--accent-light);color:#92400e}.badge-success{background:var(--success-light);color:#065f46}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-gray{background:#f3f4f6;color:var(--text-secondary);border:1px solid var(--border)}.badge-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-secondary)}.badge-info{background:var(--info-light);color:#1e40af}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.stat-icon{width:52px;height:52px;background:var(--primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--primary);flex-shrink:0}.stat-icon-success{background:var(--success-light);color:var(--success)}.stat-icon-accent{background:var(--accent-light);color:var(--accent-dark)}.stat-icon-danger{background:var(--danger-light);color:var(--danger)}.stat-info h3{font-size:2rem;margin:0;color:var(--text-main);font-family:var(--font-heading);line-height:1}.stat-info p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-main);font-weight:600;font-size:.875rem;cursor:pointer;border:1.5px solid var(--border);background:var(--bg-surface);transition:var(--transition-smooth);text-align:center;line-height:1.4}.action-card i{font-size:1.5rem;color:var(--primary)}.action-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 20px var(--primary-glow);text-decoration:none}.logout-btn{background:var(--bg-surface);font-family:var(--font-body);width:100%}.logout-btn i{color:var(--danger)}.logout-btn:hover{border-color:var(--danger)!important;box-shadow:0 6px 20px #ef444426!important}.dashboard-container{padding:2.5rem 1rem 5rem}.welcome-section{margin-bottom:2.5rem}.welcome-section h1{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.25rem}.welcome-section p{color:var(--text-muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2.5rem}.actions-section h2{font-size:1.2rem;margin-bottom:1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:4rem;color:var(--text-muted);gap:1rem}.loading-spinner i{font-size:2rem;color:var(--primary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:2000px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-btn{height:2.5rem;width:120px}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-card{height:200px;border-radius:var(--radius-lg);margin-bottom:1rem}@keyframes toastIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.6rem;box-shadow:var(--shadow-xl);z-index:9999;animation:toastIn .3s cubic-bezier(.4,0,.2,1);max-width:380px;line-height:1.5}.toast-success{background:#065f46;color:#fff}.toast-error{background:#991b1b;color:#fff}.toast-info{background:var(--primary-dark);color:#fff}.toast-warning{background:#92400e;color:#fff}.page-header{background:#fff;border-bottom:1px solid var(--border);padding:2rem 0;margin-bottom:2rem}.page-header h1{margin:0;font-size:1.75rem}.page-header p{margin:.3rem 0 0;color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:2rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 12px transparent}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeInUp .7s ease-out forwards}.animate-fade-in-slow{animation:fadeInUp 1s ease-out forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.35s;opacity:0}.animate-delay-4{animation-delay:.5s;opacity:0}.animate-delay-5{animation-delay:.65s;opacity:0}.float-1{animation:float 5s ease-in-out infinite}.float-2{animation:float 6s ease-in-out infinite 1.5s}.float-3{animation:float 7s ease-in-out infinite .7s}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.mt-8{margin-top:4rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mb-8{margin-bottom:4rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.block{display:block}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-white{background:#fff}.bg-core{background:var(--bg-core)}.bg-subtle{background:var(--bg-subtle)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:3rem 0}.container{padding:0 1rem}.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none!important}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.hide-sm{display:none!important}}@media(min-width:769px){.show-mobile{display:none!important}}