:root{--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-tertiary:#e9edf4;--brand-primary:#1a3b89;--brand-secondary:#bb1d1c;--brand-tertiary:#24272d;--text-primary:#000;--text-secondary:#0f0f0f;--text-tertiary:#433f3c;--text-quaternary:#7d7f85;--text-white:#fff;--light-primary:#3b51a5;--light-secondary:#db1d1c;--gradient-primary:linear-gradient(135deg, #24272d 0%, #2a3b89 100%);--gradient-brand:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);--gradient-secondary:linear-gradient(135deg, #151411 0%, #bb1d1c 100%);--gradient-light-red:linear-gradient(135deg, #fff 0%, #fcedec 100%);--font-primary:Arial, Helvetica, sans-serif;--font-size-sm:.75rem;--font-size-md:.85rem;--font-size-p:.9rem;--font-size-base:1rem;--font-size-h4:1.25rem;--font-size-h3:2rem;--font-size-h2:3rem;--font-size-h1:6rem;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--nav-height:85px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease;--border-primary:var(--brand-primary);--border-light:1px solid #00000014}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary)}
:root{--sidebar-width:280px;--top-bar-height:108px;--content-top-space:30px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-wrapper{background:var(--bg-secondary);min-height:100vh}.main-content{margin-left:var(--sidebar-width);flex-direction:column;min-width:0;min-height:100vh;display:flex}.content-body{padding:var(--content-top-space);flex:1}.sidebar{background:var(--gradient-primary);color:var(--text-white);width:var(--sidebar-width);z-index:30;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff21,#0000 34%);position:absolute;inset:0}.sidebar-logo,.sidebar-menu,.sidebar-footer{z-index:1;position:relative}.sidebar-logo{min-height:var(--top-bar-height);border-bottom:1px solid #ffffff24;align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-brand-logo{background:var(--bg-primary);object-fit:cover;border:2px solid #ffffff59;width:52px;height:52px;padding:3px}.sidebar-brand-copy{gap:4px;display:grid}.logo-text{color:var(--text-white);font-size:1.25rem;font-weight:var(--font-weight-8);text-transform:uppercase}.logo-subtext{color:var(--text-white);font-size:.8rem;font-weight:var(--font-weight-5);text-transform:uppercase}.sidebar-menu{padding:var(--content-top-space) 16px 32px;gap:8px;display:grid}.sidebar-menu-label{color:var(--text-white);font-size:.75rem;font-weight:var(--font-weight-6);text-transform:uppercase;margin:0 8px 10px}.sidebar-item{color:var(--text-white);cursor:pointer;font-size:.95rem;font-weight:var(--font-weight-6);text-align:left;min-height:52px;transition:var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:14px;width:100%;padding:0 14px;display:flex}.sidebar-item svg{width:20px;height:20px}.sidebar-item:hover{color:var(--text-white);background:#ffffff1a}.sidebar-item.is-active{background:var(--brand-secondary);color:var(--text-white);border-color:#ffffff2b;box-shadow:0 12px 24px #0003}.sidebar-footer{border-top:1px solid #ffffff24;gap:8px;margin-top:auto;padding:16px;display:grid}.sidebar-item--logout{color:#f87171}.sidebar-item--logout:hover{color:#fff;background:#ef444426}.header{background:var(--bg-primary);border-bottom:var(--border-light);min-height:var(--top-bar-height);z-index:20;justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex;position:sticky;top:0}.header-copy{min-width:0}.header-title{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-6);text-transform:uppercase;margin:0}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.header-quick-actions{align-items:center;gap:8px;display:flex}.header-quick-action{background:var(--bg-secondary);border:var(--border-light);color:var(--brand-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-7);text-transform:uppercase;min-height:45px;transition:var(--transition-fast);align-items:center;gap:7px;padding:0 13px;display:inline-flex}.header-quick-action:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-white)}.header-quick-action svg{width:17px;height:17px}.header-view-switcher{background:var(--bg-secondary);border:var(--border-light);padding:4px;display:flex}.header-view-switcher button{color:var(--text-quaternary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-7);min-height:36px;transition:var(--transition-fast);background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.header-view-switcher button svg{width:16px;height:16px}.header-view-switcher button:hover,.header-view-switcher button.is-active{background:var(--bg-primary);color:var(--brand-primary);box-shadow:0 3px 10px #00000014}.notification-icon{background:var(--bg-primary);border:var(--border-light);color:var(--brand-primary);cursor:pointer;height:45px;transition:var(--transition-fast);justify-content:center;align-items:center;width:45px;display:inline-flex;position:relative}.notification-icon:hover{background:var(--brand-primary);color:var(--text-white)}.notification-icon svg{width:19px;height:19px}.notification-icon span{background:var(--brand-secondary);border:2px solid var(--bg-primary);color:var(--text-white);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex;position:absolute;top:-4px;right:-4px}.admin-profile{align-items:center;gap:10px;display:flex}.admin-avatar{background:var(--gradient-brand);color:var(--text-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-8);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.admin-profile-copy{gap:3px;display:grid}.admin-profile-copy b{color:var(--text-primary);font-size:var(--font-size-md)}.admin-profile-copy small{color:var(--text-quaternary);font-size:var(--font-size-sm)}.admin-logout{border:var(--border-light);color:var(--brand-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-7);text-transform:uppercase;min-height:42px;transition:var(--transition-fast);background:0 0;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.admin-logout:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);color:var(--text-white)}.admin-logout svg{width:16px;height:16px}@media (max-width:900px){:root{--sidebar-width:76px}.sidebar-logo{justify-content:center;padding:16px 10px}.sidebar-brand-copy,.sidebar-menu-label,.sidebar-item span,.sidebar-footer span{display:none}.sidebar-menu{padding:28px 12px}.sidebar-item{justify-content:center;padding:0}.sidebar-footer{justify-content:center;padding:20px 0}}@media (max-width:720px){:root{--sidebar-width:0px}.sidebar{display:none}.content-body{padding:20px}.header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.header-actions{justify-content:space-between;width:100%}.header-quick-actions{flex-wrap:wrap}.header-subtitle,.admin-profile-copy,.admin-logout{display:none}}@media (max-width:440px){.header-quick-action{justify-content:center;width:45px;padding:0;font-size:0}.header-quick-action svg{width:19px;height:19px}.header-view-switcher button{padding:0 9px}.header-view-switcher button svg{display:none}}
.dashboard-container{flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;display:flex}.kpi-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000008}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.kpi-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.kpi-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-blue{color:#2563eb;background:#eff6ff}.kpi-purple{color:#9333ea;background:#f3e8ff}.kpi-green{color:#10b981;background:#ecfdf5}.kpi-amber{color:#f97316;background:#fff7ed}.kpi-card-title{color:#475569;letter-spacing:.06em;font-size:.78rem;font-weight:800}.kpi-badge{border-radius:12px;margin-left:auto;padding:3px 10px;font-size:.75rem;font-weight:700}.kpi-badge-blue{color:#475569;background:#f1f5f9}.kpi-badge-gray{color:#94a3b8;background:#f1f5f9}.kpi-badge-purple{color:#475569;background:#f1f5f9}.kpi-badge-green{color:#15803d;background:#dcfce7}.kpi-badge-amber{color:#c2410c;background:#ffedd5}.kpi-card-value{color:#0f172a;margin-bottom:4px;font-size:2.2rem;font-weight:800;line-height:1.1}.kpi-card-subtext{color:#64748b;font-size:.82rem}.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 380px;gap:24px;display:grid}.dashboard-left-col{flex-direction:column;gap:24px;display:flex}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 2px 10px #00000008}.card-heading-section{margin-bottom:20px}.card-heading-section.header-flex{justify-content:space-between;align-items:flex-start;display:flex}.card-heading-section h2{color:#0f172a;margin:0 0 4px;font-size:1.25rem;font-weight:700}.card-heading-section p{color:#64748b;margin:0;font-size:.85rem}.btn-view-all{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700}.btn-view-all:hover{text-decoration:underline}.card-table-wrap{overflow-x:auto}.dash-table{border-collapse:collapse;text-align:left;width:100%}.dash-table th{color:#94a3b8;letter-spacing:.05em;background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.75rem;font-weight:700}.dash-table td{color:#334155;border-bottom:1px solid #f8fafc;padding:14px 16px;font-size:.88rem}.dash-table tbody tr:last-child td{border-bottom:none}.empty-table-cell{text-align:center;color:#94a3b8;font-size:.88rem;padding:32px 16px!important}.url-link{color:#0284c7;font-weight:600;text-decoration:none;transition:color .15s}.url-link:hover{color:#0369a1;text-decoration:underline}.keyword-text{color:#1e293b;font-style:italic;font-weight:600}.recent-enquiries-card{flex-direction:column;height:100%;display:flex}.enquiries-feed-list{flex-direction:column;flex:1;gap:12px;margin-bottom:20px;display:flex}.empty-feed{text-align:center;color:#94a3b8;padding:24px;font-size:.9rem}.feed-item-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:background .15s;display:flex}.feed-item-card:hover{background:#f1f5f9}.feed-item-header{justify-content:space-between;align-items:center;display:flex}.feed-item-name{color:#0f172a;font-size:.95rem;font-weight:700}.feed-tag{letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:800}.feed-tag-new{color:#15803d;background:#dcfce7}.feed-tag-seen{color:#94a3b8;background:#f1f5f9}.feed-item-email{color:#64748b;font-size:.82rem}.feed-item-meta{color:#475569;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:.8rem;display:flex}.feed-item-meta small{color:#94a3b8}.btn-manage-enquiries{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:14px;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.btn-manage-enquiries:hover{background:#0369a1;transform:translateY(-1px)}@media (max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.kpi-cards-grid{grid-template-columns:1fr}}
.enquiry-management{max-width:1440px;margin:0 auto}.enquiry-management-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.enquiry-management-heading p{color:var(--brand-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-7);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.enquiry-management-heading h2{color:var(--text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-7);text-transform:uppercase;margin:0 0 6px}.enquiry-management-heading span{color:var(--text-quaternary);font-size:var(--font-size-p)}.enquiry-search{background:var(--bg-primary);border:var(--border-light);box-sizing:border-box;flex:0 320px;align-items:center;gap:10px;min-height:46px;padding:0 16px;display:flex}.enquiry-search-icon{color:var(--text-quaternary);flex:0 0 18px;width:18px;height:18px}.enquiry-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:.875rem}.enquiry-table-card{background:var(--bg-primary);border:var(--border-light);overflow-x:auto}.enquiry-table{border-collapse:collapse;width:100%;min-width:1000px}.enquiry-table th{background:var(--brand-tertiary);color:var(--text-white);font-size:.8125rem;font-weight:var(--font-weight-7);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 20px}.enquiry-table td{border-top:var(--border-light);color:var(--text-tertiary);vertical-align:middle;padding:18px 20px;font-size:.875rem}.enquiry-name-cell{flex-direction:column;gap:4px;display:flex}.enquiry-name-cell strong{color:var(--text-primary);font-size:.9375rem;font-weight:var(--font-weight-7)}.enquiry-name-cell a{color:var(--text-quaternary);font-size:.8125rem;text-decoration:none}.enquiry-name-cell a:hover{color:var(--brand-primary)}.status-badge{font-size:.75rem;font-weight:var(--font-weight-7);letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;display:inline-flex}.status-badge.status-new{color:var(--brand-secondary);background:#bb1d1c1f}.status-badge.status-read{color:var(--brand-primary);background:#1a3b891f}.status-badge.status-replied{color:#177f4d;background:#17875024}.status-badge.status-closed{background:var(--bg-tertiary);color:var(--text-quaternary)}.enquiry-actions{gap:8px;display:flex}.btn-action{background:var(--bg-secondary);border:var(--border-light);cursor:pointer;font-size:.75rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:34px;transition:var(--transition-fast);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn-action.btn-view{color:var(--brand-primary)}.btn-action.btn-view:hover{background:var(--brand-primary);color:var(--text-white)}.btn-action.btn-delete{color:var(--brand-secondary);padding:0 10px}.btn-action.btn-delete:hover{background:var(--brand-secondary);color:var(--text-white)}.btn-action svg{width:15px;height:15px}.enquiry-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.enquiry-modal{background:var(--bg-primary);border:var(--border-light);box-sizing:border-box;width:100%;max-width:600px;animation:.25s cubic-bezier(.16,1,.3,1) modal-pop;overflow:hidden;box-shadow:0 20px 50px #0000004d}.enquiry-modal-header{border-bottom:var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.enquiry-modal-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0}.enquiry-modal-header button{background:var(--bg-secondary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;height:34px;transition:var(--transition-fast);justify-content:center;align-items:center;width:34px;display:inline-flex}.enquiry-modal-header button:hover{background:var(--brand-secondary);color:var(--text-white)}.enquiry-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.enquiry-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.detail-label{color:var(--text-quaternary);font-size:.75rem;font-weight:var(--font-weight-7);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;display:block}.enquiry-detail-grid strong{color:var(--text-primary);font-size:.9375rem}.enquiry-detail-grid a{color:var(--brand-primary);font-size:.9375rem;text-decoration:none}.enquiry-message-box{background:var(--bg-secondary);border:var(--border-light);padding:16px}.enquiry-message-box p{color:var(--text-primary);margin:6px 0 0;font-size:.9375rem;line-height:1.6}.status-button-group{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn-status{background:var(--bg-secondary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;font-size:.75rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:36px;transition:var(--transition-fast);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn-status:hover,.btn-status.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-white)}.btn-status svg{width:15px;height:15px}.custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.custom-modal.confirm-delete-modal{background:var(--bg-primary);border:var(--border-light);box-sizing:border-box;text-align:center;width:100%;max-width:440px;padding:32px 28px 28px;animation:.25s cubic-bezier(.16,1,.3,1) modal-pop;box-shadow:0 20px 50px #0000004d}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-icon-wrap.warning{color:var(--brand-secondary);background:#bb1d1c1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.modal-icon-wrap.warning svg{width:28px;height:28px}.confirm-delete-modal h3{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0 0 10px}.confirm-delete-modal p{color:var(--text-tertiary);margin:0 0 24px;font-size:.9rem;line-height:1.6}.confirm-delete-modal p strong{color:var(--text-primary)}.modal-actions{gap:12px;display:flex}.btn-modal-cancel{background:var(--bg-secondary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);flex:1;justify-content:center;align-items:center;display:inline-flex}.btn-modal-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-modal-danger{background:var(--brand-secondary);color:var(--text-white);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-modal-danger:hover{background:#a11413}@media (max-width:768px){.enquiry-management-heading{flex-direction:column}.enquiry-search{width:100%}.enquiry-detail-grid{grid-template-columns:1fr}}
.gallery-management{max-width:1440px;margin:0 auto}.gallery-management-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.gallery-management-heading p{color:var(--brand-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-7);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.gallery-management-heading h2{color:var(--text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-7);text-transform:uppercase;margin:0 0 6px}.gallery-management-heading span{color:var(--text-quaternary);font-size:var(--font-size-p)}.btn-create-gallery{background:var(--brand-secondary);color:var(--text-white);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);border:none;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn-create-gallery:hover{background:var(--brand-primary);transform:translateY(-2px)}.btn-create-gallery svg{width:18px;height:18px}.gallery-filter-bar{margin-bottom:24px}.gallery-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.gallery-filter-pills .pill{background:var(--bg-primary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;font-size:.8125rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:38px;transition:var(--transition-fast);padding:0 16px}.gallery-filter-pills .pill:hover,.gallery-filter-pills .pill.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-white)}.gallery-items-grid.full-width{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.gallery-item-card{background:var(--bg-primary);border:var(--border-light);box-sizing:border-box;transition:var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.gallery-item-card:hover{border-color:var(--brand-primary);transform:translateY(-4px)}.gallery-item-card.unpublished{opacity:.75}.item-image-wrap{height:200px;position:relative;overflow:hidden}.item-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-item-card:hover .item-image-wrap img{transform:scale(1.06)}.item-category-badge{background:var(--brand-secondary);color:var(--text-white);font-size:.6875rem;font-weight:var(--font-weight-7);text-transform:uppercase;padding:4px 8px;position:absolute;top:10px;left:10px}.item-content{flex-direction:column;gap:6px;padding:18px;display:flex}.item-content h4{color:var(--text-primary);font-size:1.0625rem;font-weight:var(--font-weight-7);margin:0;line-height:1.35}.item-service{color:var(--brand-primary);font-size:.75rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0}.item-description{color:var(--text-tertiary);margin:0;font-size:.8125rem;line-height:1.55}.item-actions{border-top:var(--border-light);align-items:center;gap:8px;margin-top:auto;padding:12px 18px;display:flex}.btn-publish{background:var(--bg-secondary);border:var(--border-light);color:var(--text-quaternary);cursor:pointer;font-size:.75rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:36px;transition:var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-publish.published{color:#fff;background:#177f4d;border-color:#177f4d}.btn-publish:hover{opacity:.9}.btn-icon{background:var(--bg-secondary);border:var(--border-light);color:var(--text-primary);cursor:pointer;height:36px;transition:var(--transition-fast);justify-content:center;align-items:center;width:36px;display:inline-flex}.btn-icon:hover{background:var(--brand-primary);color:var(--text-white)}.btn-icon.btn-danger:hover{background:var(--brand-secondary);color:var(--text-white)}.empty-gallery{background:var(--bg-primary);border:var(--border-light);color:var(--text-tertiary);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.gallery-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;animation:.25s ease-out backdrop-fade-in;position:fixed;inset:0}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.gallery-drawer{background:var(--bg-primary);box-sizing:border-box;flex-direction:column;width:100%;max-width:440px;height:100vh;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) drawer-slide-in;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #00000040}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.drawer-title{align-items:center;gap:10px;display:flex}.drawer-title svg{color:var(--brand-secondary);width:22px;height:22px}.drawer-title h3{color:var(--text-primary);font-size:1.125rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0}.btn-close-drawer{background:var(--bg-secondary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;height:36px;transition:var(--transition-fast);justify-content:center;align-items:center;width:36px;display:inline-flex}.btn-close-drawer:hover{background:var(--brand-secondary);color:var(--text-white)}.gallery-form{flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field span{color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-7);letter-spacing:.05em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{background:var(--bg-secondary);border:var(--border-light);box-sizing:border-box;color:var(--text-primary);outline-color:var(--brand-primary);width:100%;min-height:44px;padding:0 14px;font-size:.875rem}.form-field textarea{resize:vertical;min-height:84px;padding:12px 14px}.upload-dropzone{background:var(--bg-secondary);min-height:140px;transition:var(--transition-fast);border:2px dashed #1a3b893d;position:relative}.upload-dropzone:hover{border-color:var(--brand-secondary)}.upload-label{color:var(--brand-primary);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;padding:16px;display:flex}.upload-label svg{width:28px;height:28px}.upload-label span{font-size:.8125rem;font-weight:var(--font-weight-6)}.upload-label input{display:none}.image-preview{width:100%;height:140px;position:relative}.image-preview img{object-fit:cover;width:100%;height:100%}.image-preview button{color:#fff;cursor:pointer;background:#000000b3;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex;position:absolute;top:8px;right:8px}.drawer-footer-actions{gap:10px;margin-top:12px;display:flex}.btn-save{background:var(--brand-secondary);color:var(--text-white);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-save:hover{background:var(--brand-primary)}.btn-cancel-drawer{background:var(--bg-secondary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.btn-cancel-drawer:hover{background:var(--brand-secondary);color:var(--text-white)}@media (max-width:1200px){.gallery-items-grid.full-width{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.gallery-items-grid.full-width{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.gallery-items-grid.full-width{grid-template-columns:1fr}.gallery-drawer{max-width:100%}}.custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.custom-modal.confirm-delete-modal{background:var(--bg-primary);border:var(--border-light);box-sizing:border-box;text-align:center;width:100%;max-width:440px;padding:32px 28px 28px;animation:.25s cubic-bezier(.16,1,.3,1) modal-pop;box-shadow:0 20px 50px #0000004d}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-icon-wrap.warning{color:var(--brand-secondary);background:#bb1d1c1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.modal-icon-wrap.warning svg{width:28px;height:28px}.confirm-delete-modal h3{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0 0 10px}.confirm-delete-modal p{color:var(--text-tertiary);margin:0 0 24px;font-size:.9rem;line-height:1.6}.confirm-delete-modal p strong{color:var(--text-primary)}.modal-actions{gap:12px;display:flex}.btn-modal-cancel{background:var(--bg-secondary);border:var(--border-light);color:var(--text-tertiary);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);flex:1;justify-content:center;align-items:center;display:inline-flex}.btn-modal-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-modal-danger{background:var(--brand-secondary);color:var(--text-white);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-7);text-transform:uppercase;min-height:44px;transition:var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-modal-danger:hover{background:#a11413}
.auth-page{background:radial-gradient(circle at 8% 8%, #bb1d1c21, transparent 24%), radial-gradient(circle at 92% 92%, #1a3b8924, transparent 28%), var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-card{background:var(--bg-primary);grid-template-columns:minmax(350px,.92fr) minmax(430px,1.08fr);width:100%;max-width:1040px;min-height:620px;display:grid;overflow:hidden;box-shadow:0 28px 72px #0f1e4629}.auth-welcome{background:var(--gradient-primary);color:var(--text-white);flex-direction:column;padding:48px;display:flex;position:relative;overflow:hidden}.auth-welcome:before,.auth-welcome:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute}.auth-welcome:before{width:310px;height:310px;top:-130px;right:-160px}.auth-welcome:after{width:360px;height:360px;bottom:-180px;left:-180px}.auth-brand,.auth-welcome-copy,.auth-welcome-security{z-index:1;position:relative}.auth-brand{font-size:var(--font-size-base);font-weight:var(--font-weight-8);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.auth-brand img{background:var(--bg-primary);object-fit:cover;width:48px;height:48px;padding:3px}.auth-welcome-copy{max-width:360px;margin:auto 0}.auth-welcome-eyebrow{color:var(--light-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;display:block}.auth-welcome-copy h1{color:var(--text-white);font-size:2.5rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0 0 20px;line-height:1.15}.auth-welcome-copy p{color:#ffffffc7;font-size:var(--font-size-base);margin:0;line-height:1.75}.auth-welcome-security{color:#ffffffbd;font-size:var(--font-size-sm);font-weight:var(--font-weight-6);text-transform:uppercase;border-top:1px solid #ffffff2e;align-items:center;gap:9px;padding-top:22px;display:flex}.auth-welcome-security svg{color:var(--light-secondary);width:20px;height:20px}.auth-form-panel{align-self:center;width:100%;max-width:430px;margin:0 auto;padding:48px}.auth-form-heading{margin-bottom:34px}.auth-form-icon{color:var(--brand-primary);background:#1a3b891a;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:inline-flex}.auth-form-icon svg{width:21px;height:21px}.auth-form-heading p{color:var(--brand-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-7);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.auth-form-heading h2{color:var(--text-primary);font-size:2rem;font-weight:var(--font-weight-7);text-transform:uppercase;margin:0 0 10px;line-height:1.15}.auth-form-heading>span:last-child{color:var(--text-quaternary);font-size:var(--font-size-p);line-height:1.6}.auth-form{gap:20px;display:grid}.auth-form>label:not(.auth-remember){color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-7);letter-spacing:.03em;text-transform:uppercase;gap:9px;display:grid}.auth-form input:not([type=checkbox]){background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-p);min-height:48px;transition:var(--transition-fast);border:1px solid #0000;outline:0;width:100%;padding:0 14px}.auth-form input:not([type=checkbox]):focus{background:var(--bg-primary);border-color:var(--brand-primary);box-shadow:0 0 0 3px #1a3b891a}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:48px!important}.auth-password-wrap button{color:var(--text-quaternary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:4px;right:5px}.auth-password-wrap button:hover{color:var(--brand-primary)}.auth-password-wrap svg{width:18px;height:18px}.auth-remember{color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:8px;display:inline-flex}.auth-remember input{accent-color:var(--brand-secondary);width:16px;height:16px;margin:0}.auth-login-error{border-left:3px solid var(--brand-secondary);color:var(--brand-secondary);font-size:var(--font-size-sm);background:#bb1d1c17;margin:0;padding:11px 12px}.auth-submit{background:var(--brand-secondary);color:var(--text-white);cursor:pointer;font-size:var(--font-size-p);font-weight:var(--font-weight-7);text-transform:uppercase;min-height:50px;transition:var(--transition-fast);border:0}.auth-submit:hover{background:var(--brand-primary);transform:translateY(-2px);box-shadow:0 12px 22px #1a3b8933}.auth-help{color:var(--text-quaternary);font-size:var(--font-size-sm);margin:24px 0 0;line-height:1.6}.auth-help a{color:var(--brand-primary);font-weight:var(--font-weight-6);text-decoration:none}.auth-help a:hover{color:var(--brand-secondary);text-decoration:underline}@media (max-width:820px){.auth-page{padding:24px}.auth-card{grid-template-columns:1fr;max-width:560px}.auth-welcome{min-height:320px;padding:36px}.auth-welcome-copy{margin:48px 0}}@media (max-width:520px){.auth-page{padding:0}.auth-card{min-height:100vh}.auth-welcome,.auth-form-panel{padding:30px 24px}.auth-welcome-copy h1{font-size:2rem}.auth-form-heading h2{font-size:1.75rem}}