.admin-layout{color:#334155;background-color:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.admin-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;display:flex}.admin-brand{color:#8b1538;text-align:center;letter-spacing:2px;border-bottom:1px solid #e2e8f0;padding:1.5rem;font-size:1.5rem;font-weight:700}.admin-nav{flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.admin-nav-item{color:#64748b;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:#8b1538;background-color:#f1f5f9;border-right:3px solid #8b1538}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-header{margin-bottom:2rem}.admin-header h1{color:#0f172a;margin:0;font-size:1.8rem}.admin-card{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.admin-input{border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-family:Inter,sans-serif}.admin-btn{color:#fff;cursor:pointer;background-color:#8b1538;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:inline-flex}.admin-btn:hover{background-color:#71102c}.admin-btn.secondary{color:#334155;background-color:#f1f5f9}.admin-btn.secondary:hover{background-color:#e2e8f0}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.admin-table th{color:#64748b;background-color:#f8fafc;font-weight:600}.admin-table tbody tr:hover{background-color:#f8fafc}.admin-modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto}.admin-modal::-webkit-scrollbar{width:8px}.admin-modal::-webkit-scrollbar-track{background:0 0}.admin-modal::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.admin-modal h2{margin-top:0;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#475569;margin-bottom:.5rem;font-weight:500;display:block}.new-operield-layout{background-color:#0f172a}.operield-sidebar{color:#f8fafc;background-color:#1e293b;border-right:1px solid #334155}.operield-brand{border-bottom:1px solid #334155;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex}.operield-logo{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 10px #38bdf84d}.operield-brand h1{letter-spacing:1px;color:#f8fafc;margin:0;font-size:1.5rem;font-weight:700}.operield-nav{gap:.5rem;padding:1.5rem 1rem}.operield-sidebar .admin-nav-item{color:#94a3b8;border-radius:8px;padding:.875rem 1rem}.operield-sidebar .admin-nav-item:hover,.operield-sidebar .admin-nav-item.active{color:#38bdf8;background-color:#334155;border-right:none}.operield-logout-container{border-top:1px solid #334155;margin-top:auto;padding:1.5rem}.operield-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-weight:500;transition:all .2s;display:flex}.operield-logout-btn:hover{background:#ef44441a}.live-preview-wrapper{background:#1a1a1a;width:100%;min-height:100vh;position:relative;overflow:hidden}@media (max-width:1024px){.admin-layout{flex-direction:column}.admin-sidebar,.operield-sidebar{border-bottom:1px solid #334155;border-right:none;width:100%;height:auto}.operield-brand{justify-content:center;padding:1rem}.admin-nav,.operield-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;padding:.5rem;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-item{white-space:nowrap;padding:.5rem 1rem;font-size:.9rem}.operield-logout-container{border-top:none;justify-content:flex-end;padding:.5rem;display:flex}.operield-logout-btn{width:auto;padding:.5rem 1rem}.admin-content{padding:1rem}.admin-page-container{flex-direction:column-reverse}.admin-header{width:100%;margin-top:1rem!important}.live-preview-wrapper{width:100%;min-height:auto}}