.app-page{max-width:1200px;margin:0 auto;padding:20px}.app-page h2{color:#333;margin-bottom:10px}.app-page>p{color:#666;margin-bottom:30px}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.error-message button{color:#721c24;cursor:pointer;background:0 0;border:none;font-weight:700}.events-list{flex-direction:column;gap:16px;display:flex}.event-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.event-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.event-header h3{color:#333;margin:0;font-size:18px}.event-date{color:#666;font-size:14px}.event-display{flex-direction:column;gap:16px;display:flex}.event-summary{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.event-values{flex-wrap:wrap;flex:1;gap:24px;display:flex}.value-item{flex-direction:column;gap:4px;display:flex}.value-item .label{color:#666;text-transform:uppercase;font-size:12px;font-weight:500}.value-item .value{color:#333;font-size:16px;font-weight:500}.expand-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background-color .2s}.expand-btn:hover{background-color:#f5f5f5}.event-details{border-top:1px solid #e0e0e0;flex-direction:column;gap:16px;padding-top:16px;display:flex}.action-buttons{gap:12px;margin-top:8px;display:flex}.edit-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .2s}.edit-btn:hover{background-color:#0056b3}.delete-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .2s}.delete-btn:hover{background-color:#dc2626}.edit-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#007bff;outline:none}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.form-actions{gap:12px;margin-top:8px;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:10px 20px;font-size:14px;transition:background-color .2s}.save-btn:hover:not(:disabled){background-color:#218838}.save-btn:disabled{cursor:not-allowed;background-color:#6c757d}.cancel-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:10px 20px;font-size:14px;transition:background-color .2s}.cancel-btn:hover{background-color:#545b62}.header-right{align-items:center;gap:10px;display:flex}@media (max-width:600px){.form-row{flex-direction:column}.event-values{flex-direction:column;gap:12px}}