:root { --admin-bg: #f5f0e5; --admin-paper: #fffdf7; --admin-ink: #3a2c23; --admin-muted: #8c7d6d; --admin-maroon: #5c2629; --admin-line: rgba(75,54,38,.14); --admin-saffron: #b77932; --display: 'Libre Baskerville', Georgia, serif; --body: 'DM Sans', Arial, sans-serif; --hindi: 'Noto Serif Devanagari', Georgia, serif; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; color: var(--admin-ink); background: var(--admin-bg); font-family: var(--body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.brand-admin-shell { display: grid; grid-template-columns: 240px minmax(0,1fr); min-height: 100vh; }
.brand-admin-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; height: 100vh; padding: 28px 19px 22px; color: #f3e4ce; background: linear-gradient(180deg,#492126,#32171b 85%); }
.admin-logo { display: flex; align-items: center; gap: 11px; padding: 3px 4px; }
.admin-logo-mark { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; color: #e1b16f; border: 1px solid rgba(224,174,104,.45); border-radius: 50%; font-size: 20px; }
.admin-logo > span:last-child { display: grid; gap: 4px; }.admin-logo strong { color: #f6e6cb; font-family: var(--hindi); font-size: 14px; font-weight: 700; white-space: nowrap; }.admin-logo small { color: #c9a779; font-size: 7px; font-weight: 700; letter-spacing: .2em; }
.admin-side-label { margin: 55px 12px 13px; color: #b39679; font-size: 8px; font-weight: 700; letter-spacing: .18em; }
.admin-nav { display: grid; gap: 5px; }.admin-nav a { display: flex; align-items: center; gap: 11px; min-height: 43px; padding: 0 12px; color: #c5b29a; border: 1px solid transparent; font-size: 10px; font-weight: 600; transition: color .2s ease, border .2s ease, background .2s ease; }.admin-nav a:hover, .admin-nav a.active { color: #fff0d5; border-color: rgba(228,177,110,.19); background: rgba(238,186,115,.08); }.admin-nav a i { display: grid; place-items: center; width: 19px; color: #d09b58; font-size: 15px; font-style: normal; }.admin-nav a b { display: grid; place-items: center; min-width: 19px; height: 19px; margin-left: auto; color: #492126; border-radius: 50%; background: #e0b16d; font-size: 8px; }
.admin-sidebar-bottom { display: grid; grid-template-columns: 9px 1fr; align-items: center; gap: 8px 7px; margin-top: auto; padding: 15px 10px 4px; color: #b29577; border-top: 1px solid rgba(236,211,177,.16); font-size: 7px; font-weight: 700; letter-spacing: .1em; }.admin-sidebar-bottom a { grid-column: 2; color: #e7c99a; font-size: 9px; font-weight: 500; letter-spacing: 0; }.admin-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #98be83; box-shadow: 0 0 0 4px rgba(152,190,131,.12); }
.brand-admin-main { min-width: 0; padding: 0 38px 60px; }
.brand-admin-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 67px; margin: 0 -38px 38px; padding: 0 38px; border-bottom: 1px solid var(--admin-line); background: rgba(255,253,247,.44); color: #7d6c5a; font-size: 9px; }.brand-admin-topbar > div:first-child { display: flex; align-items: center; gap: 9px; }.brand-admin-topbar > div:first-child span { color: #79533b; font-size: 8px; font-weight: 700; letter-spacing: .16em; }.brand-admin-topbar > div:first-child i { color: #bf873f; font-style: normal; }.admin-topbar-actions { display: flex; align-items: center; gap: 20px; }.admin-topbar-actions > a { color: #84613d; }.admin-topbar-actions form { margin: 0; }.admin-topbar-actions button { color: #6e5140; border: 0; background: transparent; font-size: 9px; }.admin-topbar-actions button span { padding-left: 6px; color: #af7331; }
.admin-alert { max-width: 1220px; margin: -19px 0 25px; padding: 12px 15px; color: #355d3b; border: 1px solid #c8dfc8; background: #e8f2e5; font-size: 10px; }.admin-alert-error { color: #863b30; border-color: #eccdc5; background: #f8e7df; }
.admin-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; max-width: 1240px; margin-bottom: 31px; }.admin-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 13px; color: #a06c30; font-size: 8px; font-weight: 700; letter-spacing: .16em; }.admin-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #b47631; }.admin-page-heading h1 { margin: 0; color: #472721; font-family: var(--display); font-size: clamp(35px,4vw,48px); font-weight: 400; letter-spacing: -.07em; line-height: 1.25; }.admin-page-heading h1 em { color: #9c602e; font-weight: 400; }.admin-page-heading > div > p:last-child { margin: 10px 0 0; color: #827362; font-size: 10px; line-height: 1.7; }.admin-date-badge { flex: 0 0 auto; padding: 10px 13px; color: #896c4b; border: 1px solid var(--admin-line); background: rgba(255,253,247,.52); font-size: 8px; font-weight: 600; }
.admin-stats-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; max-width: 1240px; }.admin-stats-grid > article { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 180px; padding: 20px 21px; border: 1px solid var(--admin-line); background: var(--admin-paper); }.admin-stats-grid article > span { color: #9a7e5c; font-size: 8px; font-weight: 700; letter-spacing: .15em; }.admin-stats-grid article > strong { margin-top: 15px; color: #452923; font-family: var(--display); font-size: 39px; font-weight: 400; line-height: 1; }.admin-stats-grid article > small { margin-top: 8px; color: #988775; font-size: 8px; }.admin-stats-grid article > a { margin-top: auto; padding-top: 15px; color: #753b2d; font-size: 9px; font-weight: 700; }.admin-welcome-card { overflow: hidden; color: #f8e8d0; background: linear-gradient(127deg,#7d402e,#522126) !important; }.admin-welcome-card > span { color: #dfb776 !important; }.admin-welcome-card > strong { margin-top: 18px !important; color: #fff0d6 !important; font-family: var(--display); font-size: 19px !important; line-height: 1.5 !important; }.admin-welcome-card > small { color: rgba(249,231,200,.71) !important; }.admin-welcome-card > i { position: absolute; right: 8px; bottom: -26px; color: rgba(224,175,106,.16); font-size: 120px; font-style: normal; }
.admin-content-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(240px,.8fr); gap: 16px; max-width: 1240px; margin-top: 18px; }.admin-panel { min-width: 0; padding: 22px; border: 1px solid var(--admin-line); background: var(--admin-paper); }.admin-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 16px; border-bottom: 1px solid var(--admin-line); }.admin-panel-heading .admin-kicker { margin-bottom: 7px; }.admin-panel-heading h2 { margin: 0; color: #4c2e26; font-family: var(--display); font-size: 18px; font-weight: 400; letter-spacing: -.04em; }.admin-link { color: #75402e; font-size: 9px; font-weight: 700; white-space: nowrap; }
.admin-recent-enquiry { display: grid; grid-template-columns: 1fr auto 24px; align-items: center; gap: 14px; min-height: 77px; padding: 13px 0; border-bottom: 1px solid rgba(76,56,40,.1); }.admin-recent-enquiry:last-child { border-bottom: 0; }.admin-recent-enquiry h3 { display: inline-block; margin: 8px 8px 2px 0; color: #513027; font-family: var(--display); font-size: 12px; font-weight: 400; }.admin-recent-enquiry p { margin: 0; color: #968472; font-size: 8px; }.admin-recent-enquiry p i { padding: 0 3px; color: #bc843f; font-style: normal; }.admin-recent-enquiry time { color: #9b8976; font-size: 8px; white-space: nowrap; }.admin-recent-enquiry > a { color: #9e682c; font-size: 15px; }.admin-status, .admin-enquiry-type { display: inline-block; margin-right: 5px; padding: 4px 7px; color: #8f5a2e; background: #f3e6ce; font-size: 7px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }.status-in-progress { color: #655c96; background: #e8e4f3; }.status-closed { color: #61765a; background: #e5eddf; }.admin-empty-state { display: grid; justify-items: center; padding: 36px 14px; text-align: center; }.admin-empty-state > span { color: #b57a36; font-size: 25px; }.admin-empty-state h3 { margin: 9px 0 6px; color: #523229; font-family: var(--display); font-size: 16px; font-weight: 400; }.admin-empty-state p { max-width: 300px; margin: 0; color: #94816b; font-size: 9px; line-height: 1.8; }
.admin-quick-actions { padding: 22px; border: 1px solid var(--admin-line); background: #f1e5d2; }.admin-quick-actions > .admin-kicker { margin-bottom: 15px; }.admin-quick-actions > a { display: grid; grid-template-columns: 31px 1fr 12px; align-items: center; gap: 11px; min-height: 64px; border-bottom: 1px solid rgba(89,61,39,.13); }.quick-action-icon { display: grid; place-items: center; width: 29px; height: 29px; color: #783b2c; border: 1px solid rgba(116,66,43,.25); border-radius: 50%; font-size: 17px; }.admin-quick-actions > a > span:nth-child(2) { display: grid; gap: 4px; }.admin-quick-actions > a strong { color: #55342a; font-family: var(--display); font-size: 11px; font-weight: 400; }.admin-quick-actions > a small { color: #927e68; font-size: 8px; }.admin-quick-actions > a > i { color: #a96d31; font-size: 12px; font-style: normal; }.admin-help-card { margin-top: 23px; padding: 14px; color: #f4e3c9; background: #60302b; }.admin-help-card > span { color: #e2b56e; font-size: 17px; }.admin-help-card > strong { display: block; margin: 7px 0 5px; font-family: var(--display); font-size: 11px; font-weight: 400; }.admin-help-card p { margin: 0; color: #d1bca2; font-size: 8px; line-height: 1.75; }

.admin-products-layout { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr); align-items: start; gap: 15px; max-width: 1350px; }.admin-product-form-panel, .admin-product-list-panel { padding: 22px; }.admin-product-form { display: grid; gap: 13px; padding-top: 17px; }.admin-field { display: grid; gap: 6px; color: #725c47; font-size: 8px; font-weight: 700; }.admin-field > span b { color: #a94b3b; }.admin-field input, .admin-field textarea, .admin-field select { width: 100%; min-width: 0; padding: 10px 11px; color: #48372a; border: 1px solid rgba(90,67,46,.2); border-radius: 0; outline: 0; background: #fffefa; font-size: 10px; font-weight: 400; }.admin-field input, .admin-field select { min-height: 39px; }.admin-field textarea { resize: vertical; line-height: 1.65; }.admin-field input:focus, .admin-field textarea:focus, .admin-field select:focus { border-color: #a77039; box-shadow: 0 0 0 3px rgba(167,112,57,.1); }.admin-field > small:not(.admin-field-hint) { color: #a44336; font-size: 8px; }.admin-field-hint { color: #978570; font-size: 8px; font-weight: 400; line-height: 1.7; }.admin-field input[type=file] { padding: 8px; }.admin-current-images { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.admin-current-images > label { min-width: 0; padding: 6px; border: 1px solid var(--admin-line); background: #fbf7ef; }.admin-current-images img { width: 100%; aspect-ratio: 1.5; object-fit: cover; background: #e5d0ac; }.admin-current-images > label > span { display: flex; align-items: center; gap: 5px; margin-top: 5px; color: #8b6e51; font-size: 8px; }.admin-current-images code { overflow: hidden; color: #927b62; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.admin-current-images input { width: auto; min-height: auto; margin-left: auto; }.admin-publish-check { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid var(--admin-line); background: #f7f0e3; }.admin-publish-check > input { margin: 2px 0 0; accent-color: #70332c; }.admin-publish-check > span { display: grid; gap: 4px; }.admin-publish-check strong { color: #63412f; font-size: 9px; }.admin-publish-check small { color: #998571; font-size: 8px; }.admin-form-actions { display: flex; align-items: center; gap: 14px; margin-top: 2px; }.admin-form-actions .button { min-height: 43px; padding-inline: 14px; gap: 11px; font-size: 9px; }.admin-form-actions .button > span { width: 21px; height: 21px; }.admin-cancel-link { color: #876d53; font-size: 9px; }
.admin-product-list-panel { padding-bottom: 12px; }.admin-product-row { display: grid; grid-template-columns: 47px minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 75px; padding: 10px 0; border-bottom: 1px solid rgba(76,56,40,.1); }.admin-product-thumb { position: relative; display: grid; place-items: center; width: 47px; height: 47px; overflow: hidden; color: #6b3029; background: linear-gradient(140deg,#f4dcae,#c8914f); font-family: var(--hindi); font-size: 20px; }.admin-product-thumb img { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }.admin-product-thumb > span { z-index: 0; }.admin-product-row-copy { min-width: 0; }.admin-product-fragrance { color: #a1713a; font-size: 7px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.admin-product-row-copy h3 { overflow: hidden; margin: 4px 0 3px; color: #513027; font-family: var(--display); font-size: 11px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.admin-product-row-copy small { display: block; overflow: hidden; color: #a1907b; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.admin-publish-badge { grid-column: 3; justify-self: end; padding: 5px 7px; color: #8f5a2e; background: #f3e6ce; font-size: 7px; font-weight: 700; }.admin-publish-badge.is-published { color: #496b47; background: #e3eddc; }.admin-product-row-actions { grid-column: 2 / 4; display: flex; align-items: center; gap: 12px; justify-self: start; margin-top: -7px; }.admin-product-row-actions a, .admin-product-row-actions button { padding: 0; color: #8a5531; border: 0; background: none; font-size: 8px; font-weight: 700; }.admin-product-row-actions button { color: #a04c3a; }.admin-product-row-actions form { margin: 0; }.admin-pagination { display: flex; justify-content: center; margin: 16px 0 3px; }.admin-pagination nav > div:first-child { display: none; }.admin-pagination nav > div:last-child > span, .admin-pagination nav > div:last-child > a { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; margin: 0 2px; padding-inline: 7px; border: 1px solid var(--admin-line); font-size: 8px; }.admin-pagination nav > div:last-child > span[aria-current] { color: #fff; background: var(--admin-maroon); }

.admin-enquiries-panel { max-width: 1240px; }.admin-enquiry-card { padding: 21px 0; border-bottom: 1px solid rgba(76,56,40,.12); }.admin-enquiry-card:last-of-type { border-bottom: 0; }.admin-enquiry-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }.admin-enquiry-heading h3 { margin: 10px 0 4px; color: #4d2c25; font-family: var(--display); font-size: 17px; font-weight: 400; }.admin-enquiry-heading p { margin: 0; color: #93806b; font-size: 8px; }.admin-enquiry-heading p i { padding: 0 4px; color: #bd8544; font-style: normal; }.type-wholesale { color: #61558d; background: #e9e4f3; }.type-bulk { color: #8a4d29; background: #f2e2c7; }.admin-enquiry-contact { display: grid; justify-items: end; gap: 6px; color: #845936; font-size: 8px; }.admin-enquiry-contact a:hover { color: var(--admin-maroon); }.admin-enquiry-details { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 15px; padding: 11px 13px; background: #f6efe2; }.admin-enquiry-details > span { display: grid; gap: 4px; color: #614b38; font-size: 9px; }.admin-enquiry-details small { color: #a28c70; font-size: 7px; font-weight: 700; letter-spacing: .12em; }.admin-enquiry-message { margin: 16px 0; padding: 14px; color: #6d5b4a; background: #faf6ed; font-size: 10px; line-height: 1.8; }.admin-enquiry-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.admin-enquiry-actions form { display: flex; align-items: center; gap: 8px; margin: 0; }.admin-enquiry-actions select { min-height: 31px; padding: 0 8px; color: #675342; border: 1px solid var(--admin-line); background: #fffefa; font-size: 8px; }.admin-small-button { min-height: 31px; padding: 0 11px; color: #fff2df; border: 0; background: #67302b; font-size: 8px; font-weight: 600; }.admin-danger-link { padding: 0; color: #9b4d3e; border: 0; background: none; font-size: 8px; }

.admin-login-page { display: grid; place-items: center; min-height: 100vh; padding: 28px; background: radial-gradient(ellipse at 82% 8%, rgba(184,127,56,.16), transparent 32%), linear-gradient(130deg,#f6eddd,#eee2cc); }.admin-login-card { width: min(100%, 430px); padding: 40px; border: 1px solid rgba(88,60,39,.18); background: rgba(255,253,247,.82); box-shadow: 0 26px 70px rgba(51,30,18,.12); }.login-logo { margin-bottom: 37px; }.admin-kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 13px; color: #9b682e; font-size: 8px; font-weight: 700; letter-spacing: .16em; }.admin-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #b57831; }.admin-login-card h1 { margin: 0; color: #4b2822; font-family: var(--display); font-size: 44px; font-weight: 400; letter-spacing: -.07em; line-height: 1.2; }.admin-login-card h1 em { color: #9d5d2d; font-weight: 400; }.admin-login-intro { margin: 12px 0 25px; color: #83715e; font-size: 10px; line-height: 1.8; }.admin-login-card form { display: grid; gap: 15px; }.admin-login-card label { display: grid; gap: 6px; color: #735b45; font-size: 8px; font-weight: 700; }.admin-login-card input { min-height: 43px; padding: 0 11px; color: #403226; border: 1px solid rgba(90,67,46,.22); outline: 0; background: #fffefa; font-size: 10px; }.admin-login-card input:focus { border-color: #a77039; box-shadow: 0 0 0 3px rgba(167,112,57,.1); }.admin-login-card form .button { min-height: 45px; margin-top: 3px; font-size: 9px; }.admin-login-error { margin: 0; color: #984739; font-size: 8px; }.admin-login-back { display: inline-block; margin-top: 22px; color: #876d52; font-size: 9px; }

@media (max-width: 1050px) { .brand-admin-shell { grid-template-columns: 205px minmax(0,1fr); }.brand-admin-sidebar { padding-inline: 14px; }.brand-admin-main { padding-inline: 25px; }.brand-admin-topbar { margin-inline: -25px; padding-inline: 25px; }.admin-products-layout { grid-template-columns: minmax(260px,.85fr) minmax(0,1.15fr); gap: 11px; }.admin-product-form-panel, .admin-product-list-panel { padding: 17px; } }
@media (max-width: 760px) { .brand-admin-shell { display: block; }.brand-admin-sidebar { position: relative; height: auto; padding: 13px 19px 11px; }.admin-side-label, .admin-sidebar-bottom { display: none; }.admin-logo-mark { width: 34px; height: 34px; flex-basis: 34px; }.admin-logo strong { font-size: 12px; }.admin-nav { display: flex; gap: 3px; margin-top: 12px; }.admin-nav a { min-height: 35px; gap: 7px; padding-inline: 9px; font-size: 8px; }.admin-nav a i { font-size: 12px; }.brand-admin-main { padding: 0 19px 40px; }.brand-admin-topbar { min-height: 48px; margin: 0 -19px 26px; padding-inline: 19px; }.brand-admin-topbar > div:first-child span { font-size: 7px; }.admin-topbar-actions { gap: 10px; }.admin-topbar-actions > a { display: none; }.admin-topbar-actions button { font-size: 8px; }.admin-page-heading { align-items: flex-start; }.admin-date-badge { display: none; }.admin-page-heading h1 { font-size: 37px; }.admin-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.admin-stats-grid > article { min-height: 159px; padding: 15px; }.admin-stats-grid article > strong { font-size: 33px; }.admin-welcome-card { grid-column: 1/-1; min-height: 132px !important; }.admin-content-grid { grid-template-columns: 1fr; }.admin-panel, .admin-quick-actions { padding: 17px; }.admin-products-layout { grid-template-columns: 1fr; }.admin-product-form-panel { order: 0; }.admin-product-list-panel { order: 1; }.admin-enquiry-heading { flex-direction: column; }.admin-enquiry-contact { justify-items: start; }.admin-enquiry-actions { align-items: flex-start; flex-direction: column; }.admin-login-card { padding: 29px 23px; } }
@media (max-width: 390px) { .brand-admin-sidebar { padding-inline: 13px; }.admin-nav a { padding-inline: 7px; font-size: 7px; }.admin-nav a i { width: 14px; }.admin-nav a b { min-width: 15px; height: 15px; font-size: 7px; }.brand-admin-main { padding-inline: 13px; }.brand-admin-topbar { margin-inline: -13px; padding-inline: 13px; }.admin-recent-enquiry { grid-template-columns: 1fr 20px; }.admin-recent-enquiry time { display: none; }.admin-stats-grid > article { padding: 12px; }.admin-product-row { gap: 8px; }.admin-enquiry-details { gap: 13px; } }