@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--primary-walnut: #8B5E3C;--primary-hover: #724c30;--dark-sidebar: #1E1714;--dark-sidebar-hover: #2C221E;--bg-admin: #F4F3F0;--bg-card: #FFFFFF;--text-main: #2C2621;--text-muted: #6C5F53;--text-light: #A89F95;--border-color: #E6DFD5;--success: #4A7C59;--success-light: rgba(74, 124, 89, .1);--error: #BC4749;--error-light: rgba(188, 71, 73, .1);--warning: #E09F3E;--warning-light: rgba(224, 159, 62, .1);--font-admin: "Plus Jakarta Sans", sans-serif;--sidebar-width: 260px;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--shadow-admin: 0 4px 20px rgba(0, 0, 0, .03)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-admin);color:var(--text-main);font-family:var(--font-admin);line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}.admin-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--dark-sidebar);color:#e2dbd5;position:fixed;height:100vh;left:0;top:0;display:flex;flex-direction:column;z-index:100;box-shadow:5px 0 25px #00000026}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px}.sidebar-logo{font-size:1.3rem;font-weight:800;color:#fff}.sidebar-logo span{color:var(--accent-gold, #D4A373)}.sidebar-menu{list-style:none;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.sidebar-item a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:6px;font-size:.95rem;font-weight:600;color:#b1a8a2}.sidebar-item a:hover{background-color:var(--dark-sidebar-hover);color:#fff}.sidebar-item.active a{background-color:var(--primary-walnut);color:#fff}.sidebar-footer{margin-top:auto;padding:24px;border-top:1px solid rgba(255,255,255,.05)}.admin-profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-walnut);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.admin-name{font-size:.9rem;font-weight:700;color:#fff}.admin-role{font-size:.75rem;color:#b1a8a2}.logout-btn{display:flex;align-items:center;gap:8px;color:#c38e8e;font-size:.88rem;font-weight:600;border:none;background:transparent;cursor:pointer;width:100%;padding:8px 0;text-align:left;transition:var(--transition)}.logout-btn:hover{color:#e24f4f}.main-content{margin-left:var(--sidebar-width);flex-grow:1;padding:40px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-title-area h1{font-size:1.8rem;font-weight:800;color:var(--text-main)}.admin-title-area p{color:var(--text-muted);font-size:.95rem}.admin-actions{display:flex;gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.metric-card{background-color:var(--bg-card);border-radius:8px;padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-admin);display:flex;align-items:center;justify-content:space-between}.metric-info h3{font-size:.85rem;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;margin-bottom:8px}.metric-info .value{font-size:1.8rem;font-weight:800;color:var(--text-main)}.metric-icon{width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.metric-blue{background-color:#8b5e3c1a;color:var(--primary-walnut)}.metric-green{background-color:var(--success-light);color:var(--success)}.metric-orange{background-color:var(--warning-light);color:var(--warning)}.metric-red{background-color:var(--error-light);color:var(--error)}.table-card{background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-admin);overflow:hidden;margin-bottom:30px}.table-header-row{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1.1rem;font-weight:700}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.92rem}.admin-table th{background-color:#faf9f6;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#faf9f6}.admin-table-img{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color)}.badge{display:inline-block;padding:4px 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:4px}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-danger{background-color:var(--error-light);color:var(--error)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.table-actions{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);cursor:pointer;background-color:#fff;transition:var(--transition)}.btn-icon:hover{background-color:var(--primary-walnut);color:#fff;border-color:var(--primary-walnut)}.btn-icon-danger:hover{background-color:var(--error);color:#fff;border-color:var(--error)}.form-card{background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-admin);padding:32px}.admin-form-group{margin-bottom:24px}.admin-form-group label{display:block;font-size:.88rem;font-weight:700;color:var(--text-main);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.admin-form-control{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:6px;background-color:#faf9f6;font-family:var(--font-body);font-size:.95rem;outline:none;transition:var(--transition)}.admin-form-control:focus{border-color:var(--primary-walnut);background-color:#fff;box-shadow:0 0 0 3px #8b5e3c1a}textarea.admin-form-control{min-height:120px;resize:vertical}.admin-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.btn-admin{padding:12px 24px;font-size:.95rem;font-weight:700;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}.btn-admin-primary{background-color:var(--primary-walnut);color:#fff}.btn-admin-primary:hover{background-color:var(--primary-hover)}.btn-admin-secondary{background-color:transparent;border:1.5px solid var(--border-color);color:var(--text-muted)}.btn-admin-secondary:hover{background-color:#faf9f6;color:var(--text-main)}.image-upload-wrapper{border:2px dashed var(--border-color);padding:30px;border-radius:8px;text-align:center;background-color:#faf9f6;cursor:pointer;transition:var(--transition)}.image-upload-wrapper:hover{border-color:var(--primary-walnut);background-color:#8b5e3c05}.upload-icon{font-size:2rem;color:var(--text-light);margin-bottom:12px}.upload-text{font-weight:700;font-size:.95rem;color:var(--text-main);margin-bottom:4px}.upload-subtext{font-size:.8rem;color:var(--text-light)}.uploaded-images-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:24px}.preview-image-card{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-admin);aspect-ratio:1;background-color:#eee}.preview-image-card img{width:100%;height:100%;object-fit:cover}.image-card-actions{position:absolute;top:5px;right:5px;display:flex;gap:4px;opacity:0;transition:var(--transition)}.preview-image-card:hover .image-card-actions{opacity:1}.btn-preview-action{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none;font-size:.75rem;cursor:pointer;background-color:#ffffffe6;box-shadow:0 2px 6px #00000026}.btn-preview-action:hover{background-color:#fff}.btn-preview-delete:hover{background-color:var(--error);color:#fff}.primary-badge{position:absolute;bottom:5px;left:5px;background-color:var(--primary-walnut);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase}.login-wrapper{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#1a1411}.login-card{width:100%;max-width:420px;background-color:var(--bg-card);border-radius:12px;padding:40px;box-shadow:0 15px 40px #00000040;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-family:Plus Jakarta Sans,sans-serif;font-size:1.8rem;font-weight:800;color:var(--primary-walnut)}.login-header p{color:var(--text-muted);font-size:.9rem}.message-detail{background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);padding:32px;box-shadow:var(--shadow-admin)}.message-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:24px}.meta-item h4{font-size:.8rem;color:var(--text-light);text-transform:uppercase;margin-bottom:4px}.meta-item p{font-weight:700;font-size:.98rem}.message-body{font-size:1rem;line-height:1.7;white-space:pre-wrap;color:var(--text-main);background-color:#faf9f6;padding:24px;border-radius:6px;border:1px solid var(--border-color)}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{left:-100%;transition:var(--transition)}.sidebar.open{left:0}.main-content{margin-left:0;padding:24px}.metrics-grid{grid-template-columns:1fr}.admin-form-row{grid-template-columns:1fr;gap:0}.uploaded-images-preview{grid-template-columns:repeat(3,1fr)}}.switch-container{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer}.switch-control{position:relative;display:inline-block;width:50px;height:26px}.switch-control input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:var(--transition);border-radius:34px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition);border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.switch-slider{background-color:var(--primary-walnut)}input:checked+.switch-slider:before{transform:translate(24px)}.switch-label{font-size:.95rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px}