.date-button{position:absolute;top:0;right:0;z-index:10;font-size:.75rem;min-width:auto;padding:4px 8px;height:28px}:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-danger: #dc3545;--color-danger-dark: #c82333;--color-success: #28a745;--color-warning: #ffc107;--color-secondary: #6c757d;--color-text: #333;--color-text-muted: #6c757d;--color-bg: #f8f9fa;--color-border: #dee2e6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px}body{color:var(--color-text);margin:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.page-header h1{margin:0;color:var(--color-text)}.card-header{color:#fff;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.25rem}.card-header-active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.card-header-retired{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-dark))}.card-hover{overflow:hidden;transition:transform .2s,box-shadow .2s;width:100%;height:100%;display:flex;flex-direction:column}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-border)}.card-retired{opacity:.7;border:1px solid var(--color-danger)}.retired-badge{background:#fff3;padding:.25rem var(--spacing-sm);border-radius:var(--radius-lg);font-size:.8rem;font-weight:500}.card-details{padding:var(--spacing-md);flex:1}.detail{margin-bottom:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail:last-child{margin-bottom:0}.detail strong{color:var(--color-text-muted);min-width:120px}.card-actions{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end;margin-top:auto}.error-message,.error{background-color:#f8d7da;color:#721c24;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);border:1px solid #f5c6cb}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.edit-page,.form-page{max-width:800px;margin:0 auto;padding:2rem}@media (max-width: 768px){.edit-page,.form-page{padding:0rem}}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{margin:0 0 1.5rem;color:#495057;font-size:1.25rem;font-weight:600;border-left:4px solid #007bff;padding-left:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.loading-state,.loading{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);text-align:center}.loading-state p,.loading p{margin-top:var(--spacing-sm);color:var(--color-text-muted)}.loading{color:#666;gap:var(--spacing-sm)}.hint{display:block;margin-top:.25rem;color:var(--color-text-muted);font-size:.875rem}:global(.mdc-top-app-bar){background-color:#fff!important;color:var(--color-bg)!important;border-bottom:1px solid #dee2e6}