:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-color: #f8fafc;--text-color: #0f172a;--border-color: #e2e8f0;--card-bg: #ffffff}body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color)}*{box-sizing:border-box}.layout{max-width:1200px;margin:0 auto;padding:2rem}.header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.title{font-size:1.5rem;font-weight:700}.card{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1rem}.btn{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:background .2s}.btn:hover{background:var(--primary-hover)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.media-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.media-item img{width:100%;height:200px;object-fit:cover;transition:transform .2s}.media-item:hover img{transform:scale(1.05)}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.status-active{background-color:#dcfce7;color:#166534}.status-closed{background-color:#f1f5f9;color:#475569}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spin{animation:spin 1s linear infinite}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.login-card{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2.5rem;width:100%;max-width:400px;animation:fadeIn .3s ease-out}.login-card h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-color);text-align:center}.login-subtitle{margin:0 0 2rem;font-size:.875rem;color:#64748b;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background-color:#f1f5f9;cursor:not-allowed}.login-button{background:var(--primary);color:#fff;padding:.875rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s,transform .1s;margin-top:.5rem}.login-button:hover:not(:disabled){background:var(--primary-hover)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{background:#94a3b8;cursor:not-allowed}