*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#64748b;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--text-color:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--background:#f8fafc;--white:#ffffff;--shadow:0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background:var(--background);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:20px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.2;color:var(--text-color)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:color 0.2s}a:hover{color:var(--primary-hover)}.btn{display:inline-block;padding:0.625rem 1.25rem;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:0.375rem;cursor:pointer;transition:all 0.2s;line-height:1.5}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-hover);color:white}.btn-secondary{background:var(--secondary-color);color:white}.btn-secondary:hover{background:#475569;color:white}.btn-success{background:var(--success-color);color:white}.btn-danger{background:var(--danger-color);color:white}.form-group{margin-bottom:1.5rem}.form-control{width:100%;padding:0.625rem 0.875rem;font-size:1rem;line-height:1.5;color:var(--text-color);background:var(--white);border:1px solid var(--border-color);border-radius:0.375rem;transition:border-color 0.15s,box-shadow 0.15s}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--text-color)}.alert{padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:0.375rem;border:1px solid transparent}.alert-success{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.alert-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.alert-warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.alert-info{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.card{background:var(--white);border-radius:0.5rem;box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);margin:-1.5rem -1.5rem 1.5rem;border-radius:0.5rem 0.5rem 0 0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}