*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#eae6de;--gold:#b8956a;--gold-dark:#8a6840;--charcoal:#3a3530;--white:#faf8f5;--text-soft:#6b6560;--border:#ddd8ce;--danger:#c0392b;--success:#27ae60}body{background:var(--cream);color:var(--charcoal);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--charcoal);width:240px;color:var(--cream);flex-direction:column;flex-shrink:0;padding:24px 0;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding:0 24px 24px}.sidebar-logo h1{letter-spacing:2px;text-transform:uppercase;font-size:16px;font-weight:600}.sidebar-logo span{color:var(--gold);letter-spacing:1px;font-size:11px}.sidebar nav{flex:1}.sidebar nav a{color:#eae6de99;cursor:pointer;padding:10px 24px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.sidebar nav a:hover,.sidebar nav a.active{color:var(--cream);background:#ffffff0d}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 24px}.sidebar-footer button{color:#eae6de66;cursor:pointer;background:0 0;border:none;font-size:13px}.sidebar-footer button:hover{color:var(--cream)}.main-content{flex:1;max-width:960px;padding:32px 40px}.main-content h2{color:var(--charcoal);margin-bottom:24px;font-size:24px;font-weight:600}.card{background:var(--white);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{font-size:16px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);width:100%;color:var(--charcoal);background:#fff;border-radius:6px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold);outline:none}.form-group textarea{resize:vertical;min-height:100px}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gold-dark)}.btn-secondary{border:1px solid var(--border);color:var(--charcoal);background:0 0}.btn-secondary:hover{border-color:var(--charcoal)}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:5px 12px;font-size:11px}.btn-group{gap:8px;margin-top:16px;display:flex}.section-item{background:var(--white);border:1px solid var(--border);cursor:grab;border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 18px;display:flex}.section-item:hover{border-color:var(--gold)}.section-type-badge{text-transform:uppercase;letter-spacing:1px;color:var(--gold);background:#b8956a1a;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.section-item-actions{gap:6px;margin-left:auto;display:flex}.page-item{background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px 20px;transition:all .2s;display:flex}.page-item:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.page-status{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.page-status.published{color:var(--success);background:#27ae601a}.page-status.draft{color:var(--text-soft);background:#6b65601a}.login-wrapper{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--white);text-align:center;border-radius:12px;width:100%;max-width:380px;padding:48px;box-shadow:0 4px 24px #0000000f}.login-box h1{margin-bottom:8px;font-size:20px}.login-box p{color:var(--text-soft);margin-bottom:32px;font-size:14px}.login-box .form-group{text-align:left}.login-box .btn{justify-content:center;width:100%;margin-top:8px;padding:12px}.error-msg{color:var(--danger);margin-top:8px;font-size:13px}.success-msg{color:var(--success);margin-top:8px;font-size:13px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.media-item{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.media-item img{object-fit:cover;width:100%;height:100%}.media-item:hover .media-overlay{opacity:1}.media-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:32px;overflow-y:auto}.modal h3{margin-bottom:20px;font-size:18px}.section-type-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.section-type-option{border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:8px;padding:16px;transition:all .2s}.section-type-option:hover{border-color:var(--gold);background:#b8956a0d}.section-type-option h4{margin-bottom:4px;font-size:14px}.section-type-option p{color:var(--text-soft);font-size:12px}.toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle input{display:none}.toggle-track{background:var(--border);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.toggle input:checked+.toggle-track{background:var(--gold)}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track:after{transform:translate(18px)}@media (width<=768px){.admin-layout{flex-direction:column}.sidebar{width:100%;padding:12px 0}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.main-content{padding:20px}.section-type-grid{grid-template-columns:1fr}}