*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.button:hover{background-color:#45a049}.button:disabled{background-color:#ccc;cursor:not-allowed}.button-secondary{background-color:#2196f3}.button-secondary:hover{background-color:#0b7dda}.button-danger{background-color:#f44336}.button-danger:hover{background-color:#da190b}.input{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;font-size:16px}.label{display:block;margin-bottom:5px;font-weight:500}.error{color:#f44336;margin:10px 0}.success{color:#4caf50;margin:10px 0}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.spinner{border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-card h1{text-align:center;color:#2c3e50;margin-bottom:10px}.login-card h2{text-align:center;color:#7f8c8d;margin-bottom:30px;font-weight:400}.toggle-button{width:100%;margin-top:15px;padding:10px;background:none;border:none;color:#667eea;cursor:pointer;font-size:14px}.toggle-button:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a}.stat-card h3{margin:0 0 10px;font-size:16px;opacity:.9}.stat-number{font-size:48px;font-weight:700;margin:0}.bookings-list{display:flex;flex-direction:column;gap:15px}.booking-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .3s}.booking-item:hover{box-shadow:0 2px 8px #0000001a}.booking-date{color:#666;font-size:14px}.page-header h1{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:10px;margin-top:20px}.grave-card{position:relative}.grave-card h3{margin-bottom:15px;color:#2c3e50}.alias{color:#7f8c8d;font-style:italic}.card-actions{display:flex;gap:10px;margin-top:20px}.card-actions button{flex:1}.grave-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border-radius:12px;box-shadow:0 10px 25px #0003;padding:30px;animation:slideUp .3s cubic-bezier(.16,1,.3,1);position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:15px}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.modal-form .form-group{margin-bottom:20px}.modal-form label{display:block;margin-bottom:8px;font-weight:600;color:#34495e;font-size:.9rem}.modal-form .input-field{width:100%;padding:12px;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.modal-form .input-field:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.modal-form textarea.input-field{resize:vertical;min-height:100px;font-family:inherit}.form-row{display:flex;gap:15px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.button-outline{background-color:transparent;border:1px solid #bdc3c7;color:#7f8c8d}.button-outline:hover{border-color:#95a5a6;color:#2c3e50}.card-booking{border-left:5px solid #42a5f5;transition:transform .2s}.card-schedule{border-left:5px solid #66bb6a;transition:transform .2s}.card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.card-status{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.card-details{font-size:.95rem;color:#555;line-height:1.5}.card-footer{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;font-size:.9rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.add-button{background-color:#66bb6a;color:#fff;border:none;border-radius:50px;padding:10px 24px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px #66bb6a4d}.add-button:hover{background-color:#4caf50;transform:translateY(-1px)}.add-button:active{transform:translateY(0)}.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#2c3e50;color:#fff;padding:15px 0;box-shadow:0 2px 4px #0000001a;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:24px;margin:0}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-link.active,.nav-link:hover{background-color:#ffffff1a}.nav-icon{display:block;font-size:1.2rem}.admin-link{background-color:#e74c3c;font-weight:700}.button-logout{background-color:#2196f3;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px}.button-logout:hover{background-color:#0b7dda}.main-content{flex:1;padding:20px;padding-bottom:calc(80px + env(safe-area-inset-bottom,20px))}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background-color:#2c3e50;box-shadow:0 -2px 10px #0000001a;z-index:1000;justify-content:space-around;padding:10px 0;padding-bottom:env(safe-area-inset-bottom,20px);height:calc(60px + env(safe-area-inset-bottom,20px))}.mobile-nav .nav-link{padding:5px;font-size:10px;flex:1;color:#bdc3c7;background:transparent}.mobile-nav .nav-link.active{color:#fff;background-color:transparent}.mobile-nav .nav-link.active .nav-icon{transform:scale(1.1);transition:transform .2s}.desktop-nav .nav-link{display:none}