/* Premium administration studio */
body:has(.admin-shell:not([hidden])) { background: #ebe9e2; overflow-x: hidden; }
.admin-shell { background: #ebe9e2; display: grid; grid-template-columns: 272px minmax(0, 1fr); min-height: 100svh; overflow: clip; }
.admin-sidebar { background: radial-gradient(circle at 50% -10%, #185848, transparent 35%), linear-gradient(180deg, #092f27, #041914); border-left: 1px solid rgba(226,196,112,.2); color: white; display: flex; flex-direction: column; height: 100svh; min-height: 0; padding: 26px 18px 18px; position: sticky; top: 0; z-index: 30; }
.sidebar-brand { align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; gap: 12px; margin-bottom: 27px; padding: 0 4px 23px; }
.sidebar-brand img { background: #fffdf8; border: 1px solid rgba(226,196,112,.5); border-radius: 9px; box-shadow: 0 12px 30px rgba(0,0,0,.23); height: 58px; object-fit: contain; padding: 5px; width: 82px; }
.sidebar-brand b, .sidebar-brand span { display: block; }
.sidebar-brand b { color: #f6e6b6; font-size: 14px; }
.sidebar-brand span { color: rgba(255,255,255,.42); font-size: 9px; margin-top: 3px; }
.admin-sidebar nav { display: grid; gap: 6px; }
.admin-sidebar nav a { align-items: center; border: 1px solid transparent; border-radius: 10px; color: rgba(255,255,255,.6); display: flex; font-size: 12px; gap: 12px; padding: 11px 12px; transition: .25s ease; }
.admin-sidebar nav a > span { align-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; color: #dfc472; display: flex; flex: 0 0 auto; font-size: 16px; height: 36px; justify-content: center; width: 36px; }
.admin-sidebar nav a b, .admin-sidebar nav a small { display: block; }
.admin-sidebar nav a b { color: inherit; font-size: 11px; font-weight: 600; }
.admin-sidebar nav a small { color: rgba(255,255,255,.3); font-size: 8px; margin-top: 2px; }
.admin-sidebar nav a.active, .admin-sidebar nav a:hover { background: linear-gradient(90deg, rgba(221,190,102,.15), rgba(221,190,102,.05)); border-color: rgba(221,190,102,.2); color: #f5e4b1; transform: translateX(-2px); }
.sidebar-note { align-items: flex-start; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.08); border-radius: 9px; display: flex; gap: 9px; margin-top: auto; padding: 13px; }
.sidebar-note > span { color: #dec06a; font-size: 11px; }
.sidebar-note p { color: rgba(255,255,255,.38); font-size: 9px; line-height: 1.7; margin: 0; }
.logout-button { align-items: center; background: transparent; border: 0; color: rgba(255,255,255,.38); display: flex; font-size: 9px; gap: 8px; justify-content: center; margin-top: 10px; padding: 10px; }
.logout-button:hover { color: #f0d994; }
.logout-button > span { font-size: 15px; }

.admin-main { background: radial-gradient(circle at 88% 0, rgba(218,190,111,.11), transparent 26%), #efeee9; max-width: none; min-width: 0; padding: 42px clamp(24px, 4vw, 62px) 80px; width: 100%; }
.admin-header { align-items: center; display: flex; gap: 30px; justify-content: space-between; margin: 0 auto 28px; max-width: 1480px; }
.admin-header > div > span { color: #9a7a27; font-size: 9px; font-weight: 600; letter-spacing: .04em; }
.admin-header h1 { color: #0a2d25; font-size: clamp(34px, 4vw, 52px); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; margin: 5px 0 7px; }
.admin-header p { color: #71807a; font-size: 11px; margin: 0; }
.header-show-button { align-items: center; background: linear-gradient(135deg, #12483c, #082a23); border: 1px solid #2c6859; border-radius: 11px; box-shadow: 0 14px 30px rgba(16,61,51,.15); color: white; display: flex; flex: 0 0 auto; gap: 10px; min-width: 166px; padding: 11px 13px; }
.header-show-button > span { align-items: center; background: #d9bb65; border-radius: 8px; color: #092e26; display: flex; height: 36px; justify-content: center; width: 36px; }
.header-show-button b, .header-show-button small { display: block; }
.header-show-button b { font-size: 10px; }
.header-show-button small { color: rgba(255,255,255,.42); font-size: 8px; margin-top: 2px; }

.admin-stats { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 auto 18px; max-width: 1480px; }
.admin-stats article { background: rgba(255,255,255,.82); border: 1px solid #dedbcf; border-radius: 11px; box-shadow: 0 8px 25px rgba(33,58,50,.04); min-height: 88px; overflow: hidden; padding: 17px 19px; position: relative; }
.admin-stats article::after { background: linear-gradient(to bottom, #d1af51, transparent); content: ""; height: 38px; opacity: .75; position: absolute; right: 0; top: 17px; width: 2px; }
.admin-stats article span { color: #83908b; display: block; font-size: 9px; }
.admin-stats article b { color: #123c32; display: block; font-size: 28px; line-height: 1.1; margin-top: 5px; }
.admin-stats article i { color: #d9d7cf; font: 11px Georgia, serif; left: 16px; position: absolute; top: 15px; }

.admin-workspace { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) 330px; margin: 0 auto 18px; max-width: 1480px; }
.admin-panel { background: rgba(255,255,255,.96); border: 1px solid #dedbd0; border-radius: 13px; box-shadow: 0 14px 42px rgba(30,52,45,.055); margin: 0; padding: 0; }
.entry-panel { min-width: 0; overflow: hidden; }
.panel-heading { align-items: center; background: linear-gradient(90deg, #fbfaf7, #fff); border-bottom: 1px solid #e7e4da; display: flex; justify-content: space-between; margin: 0; padding: 20px 24px; }
.panel-heading > div > span { color: #a48532; font-size: 8px; font-weight: 600; }
.panel-heading h2 { color: #173b32; font-size: 24px; font-weight: 750; letter-spacing: -.02em; margin: 3px 0 0; }
.panel-heading p { color: #8a9591; font-size: 9px; margin: 5px 0 0; }
.quiet-button { background: #f5f2e9; border: 1px solid #ded7c4; border-radius: 7px; color: #705f30; font-size: 9px; padding: 8px 11px; }