*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{background:white;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--primary:#334155;--primary-variant:#1e293b;--on-primary:#ffffff;--secondary:#10b981;--secondary-variant:#059669;--on-secondary:#ffffff;--surface:#ffffff;--background:#ffffff;--error:#b3261e;--on-error:#ffffff;--error-container:#f9dedc;--on-error-container:#410e0b;--on-surface:#1a202c;--on-background:#1a202c;--success:#10b981;--success-variant:#059669;--on-success:#ffffff;--success-container:#dcfce7;--on-success-container:#166534;--warning:#f59e0b;--warning-variant:#d97706;--on-warning:#ffffff;--warning-container:#e0e7ff;--on-warning-container:#3730a3;--info:#3b82f6;--info-variant:#1d4ed8;--on-info:#ffffff;--info-container:#dbeafe;--on-info-container:#1e40af;--text-primary:#1a202c;--text-secondary:#718096;--text-tertiary:#a0aec0;--text-disabled:#cbd5e0;--text-muted:#6b7280;--bg-light:#f8f9fa;--bg-lighter:#f3f4f6;--bg-white:#ffffff;--bg-input:#f7fafc;--border-default:#e2e8f0;--border-light:#cbd5e0;--shadow-sm:0 2px 8px rgba(102,126,234,0.06);--shadow-md:0 2px 12px rgba(102,126,234,0.06);--shadow-lg:0 4px 16px rgba(102,126,234,0.1);--shadow-primary:0 4px 12px rgba(102,126,234,0.3);--shadow-primary-hover:0 6px 20px rgba(102,126,234,0.4);--primary-gradient:linear-gradient(135deg,var(--primary) 0%,var(--primary-variant) 100%);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-6xl:48px;--transition-fast:all 0.2s ease;--transition-base:all 0.3s ease}.container{padding:0 var(--spacing-lg);max-width:1200px;margin:0 auto}.containerLarge{max-width:1400px}.btnBase{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-block}.btnPrimary{background:var(--primary-gradient);color:var(--on-primary);box-shadow:var(--shadow-primary)}.btnPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.btnPrimary:active:not(:disabled){transform:translateY(0)}.btnSuccess{background-color:var(--success);color:var(--on-success)}.btnSuccess:hover{background-color:var(--success-variant)}.btnSecondary{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px}.btnSecondary:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.btnSecondary:active{transform:scale(.98)}.btnSmall{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:pointer;pointer-events:auto}.btnEdit{color:var(--info)}.btnEdit:hover{background-color:var(--info-container);transform:scale(1.1)}.btnDelete{color:var(--error)}.btnDelete:hover{background-color:var(--error-container);transform:scale(1.1)}.btnInfo{background-color:var(--info);color:white}.btnInfo:hover{background-color:var(--info-variant)}.btnDisabled{opacity:.7;cursor:not-allowed}.card{background:white;border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.cardHoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.formGroup{display:flex;flex-direction:column;gap:var(--spacing-sm)}.formLabel{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.formInput{padding:var(--spacing-md) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:14px;transition:var(--transition-fast);background:var(--bg-input)}.formInput:focus{outline:none;border-color:var(--primary);background:white;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.formInput::placeholder{color:var(--text-tertiary)}.messageBox{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;font-size:1.1rem}.messageLoading{background-color:var(--warning-container);color:var(--on-warning-container)}.messageError{background-color:var(--error-container);color:var(--on-error-container)}.messageSuccess{background-color:var(--success-container);color:var(--on-success-container)}.errorAlert{padding:var(--spacing-md);background-color:var(--error-container);color:var(--on-error-container);border-radius:var(--radius-lg);font-size:13px;font-weight:500;border-left:4px solid var(--error)}.gridAuto{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.gridAutoFit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gridAutoFill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flexBetween{display:flex;justify-content:space-between;align-items:center}.flexEnd{display:flex;justify-content:flex-end}.flexCenter{display:flex;align-items:center;justify-content:center}.flexCol{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.textMuted{color:var(--text-secondary)}.textSmall{font-size:13px}.sectionTitle,.textBold{font-weight:700}.sectionTitle{font-size:20px;color:var(--text-primary);margin-bottom:var(--spacing-2xl);letter-spacing:-.3px}.loadingSpinner{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--primary);font-weight:600}@media (max-width:768px){:root{--spacing-4xl:24px}.container{padding:var(--spacing-sm)}.gridAutoFill,.gridAutoFit{grid-template-columns:1fr}}@media (max-width:480px){.btnBase{padding:var(--spacing-sm) var(--spacing-md);font-size:12px}.card{padding:var(--spacing-lg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{display:inline-block;width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5em;vertical-align:-2px}.buttonLoading{opacity:.7;pointer-events:none}