#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);--info-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out}body{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid hsla(0,0%,100%,.2)}.container:before{background:var(--primary-gradient);z-index:10}.page-header{color:var(--text-inverse);padding:var(--space-12) var(--space-16)}.page-header h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-2);text-shadow:0 4px 8px rgba(0,0,0,.15)}.page-header .subtitle{font-size:var(--font-size-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);border:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.btn.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-lg)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn.btn-success{background:linear-gradient(135deg,var(--success-color),#059669);color:var(--text-inverse)}.btn.btn-success:hover{transform:translateY(-2px)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{border-color:var(--primary-light)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-sm)}.status-badge.pending{background:rgba(245,158,11,.15);color:var(--warning-color)}.status-badge.approved{background:rgba(16,185,129,.15);color:var(--success-color)}.status-badge.rejected{background:rgba(239,68,68,.15);color:var(--error-color)}@media (max-width:768px){.container{margin:var(--space-4);border-radius:var(--radius-xl)}.page-header{padding:var(--space-8) var(--space-6)}.page-header h1{font-size:var(--font-size-3xl)}.page-header .subtitle{font-size:var(--font-size-base)}.card{padding:var(--space-4)}}@media (max-width:480px){.container{margin:var(--space-2);border-radius:var(--radius-lg)}.page-header{padding:var(--space-6) var(--space-4)}.page-header h1{font-size:var(--font-size-2xl)}.page-header .subtitle{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-color:#667eea;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#2d3748;--text-secondary:#718096;--border-color:#e2e8f0;--bg-light:#f8fafc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.5;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);min-height:100vh}.container{max-width:1200px;margin:0 auto;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1);overflow:hidden;position:relative}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.page-header{background:var(--primary-gradient);color:#fff;padding:30px 40px;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:float 6s ease-in-out infinite}.page-header h1{font-size:28px;margin-bottom:8px;font-weight:700;letter-spacing:-.5px;position:relative;z-index:1}.page-header .subtitle{font-size:16px;opacity:.9;font-weight:400;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-top:10px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px)}.status-badge.pending{background:rgba(245,158,11,.2);color:#f59e0b}.status-badge.approved{background:rgba(16,185,129,.2);color:#10b981}.status-badge.rejected{background:rgba(239,68,68,.2);color:#ef4444}@media (max-width:768px){.container{margin:10px;border-radius:15px}.page-header{padding:20px}.page-header h1{font-size:24px}.page-header .subtitle{font-size:14px}}