:root{--navy-900: #0a2342;--navy-800: #0d2a4f;--navy-700: #133a66;--navy-600: #1c4980;--gold-500: #c89640;--gold-600: #b7862e;--gold-400: #d4a85c;--cream: #f5efe3;--cream-light: #faf7f0;--white: #ffffff;--text: #2b2b2b;--text-muted: #6b7280;--border: #e5e1d6;--shadow-sm: 0 2px 8px rgba(10, 35, 66, .08);--shadow-md: 0 8px 24px rgba(10, 35, 66, .12);--shadow-lg: 0 20px 50px rgba(10, 35, 66, .18);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-script: "Great Vibes", cursive;--container: 1240px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--cream-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none;transition:color .2s ease}ul{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all .25s ease;white-space:nowrap;border:1px solid transparent}.btn .arrow{transition:transform .25s ease}.btn:hover .arrow{transform:translate(4px)}.btn-gold{background:var(--gold-500);color:var(--white)}.btn-gold:hover{background:var(--gold-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-dark{background:var(--navy-900);color:var(--white)}.btn-dark:hover{background:var(--navy-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-header{padding:12px 20px;font-size:12px}.section-title{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--navy-900);margin-bottom:20px}.muted{color:var(--text-muted);font-size:12px}.status-ok{color:#2f8f4f;font-weight:600}@media (max-width: 960px){.container{padding:0 20px}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 64px;--topbar-h: 60px}html[data-sidebar=collapsed]{--sidebar-w-current: var(--sidebar-w-collapsed)}html[data-sidebar=expanded],html:not([data-sidebar]){--sidebar-w-current: var(--sidebar-w)}.admin-shell{min-height:100vh;background:var(--cream-light);margin:0}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w-current);background:var(--navy-900);color:#ffffffd9;display:flex;flex-direction:column;z-index:30;transition:width .2s ease,transform .22s ease;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 16px 16px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;white-space:nowrap}.sidebar-brand img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15;transition:opacity .15s ease}.sidebar-brand-text .brand-line-1{font-family:var(--font-serif);font-size:16px;font-weight:500;color:var(--white)}.sidebar-brand-text .brand-line-2{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400);margin-top:2px}html[data-sidebar=collapsed] .sidebar-brand{justify-content:center;padding:18px 0 16px}html[data-sidebar=collapsed] .sidebar-brand-text{opacity:0;visibility:hidden;width:0;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}.nav-group{margin-bottom:18px}.nav-group-label{display:block;padding:10px 18px 6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d4a85c8c;white-space:nowrap;transition:opacity .15s ease}html[data-sidebar=collapsed] .nav-group-label{opacity:0;visibility:hidden;height:0;padding-top:0;padding-bottom:0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:9px 16px;margin:1px 8px;font-size:13px;color:#ffffffc7;border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;position:relative}.sidebar-nav a .nav-icon{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-nav a .nav-label{flex:1;transition:opacity .15s ease}.sidebar-nav a:hover{background:#ffffff0a;color:var(--white)}.sidebar-nav a.active{background:#c8964024;color:var(--gold-400);border-left-color:var(--gold-500)}html[data-sidebar=collapsed] .sidebar-nav a{justify-content:center;padding:11px 0;margin:1px 8px}html[data-sidebar=collapsed] .sidebar-nav a .nav-label{opacity:0;visibility:hidden;width:0;overflow:hidden}.sidebar-collapse-btn{border-top:1px solid rgba(255,255,255,.06);background:transparent;color:#ffffff80;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:color .15s ease,background .15s ease}.sidebar-collapse-btn:hover{color:var(--gold-400);background:#ffffff08}.sidebar-collapse-btn svg{width:16px;height:16px;transition:transform .22s ease}html[data-sidebar=collapsed] .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-backdrop{position:fixed;inset:0;background:#0a23428c;opacity:0;pointer-events:none;z-index:25;transition:opacity .22s ease}.admin-content{margin-left:var(--sidebar-w-current);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease}.admin-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:var(--topbar-h);padding:0 24px;background:var(--white);border-bottom:1px solid var(--border);box-shadow:0 1px #0a234205}.hamburger{display:none;background:transparent;border:0;padding:6px;cursor:pointer;color:var(--navy-900);border-radius:var(--radius-sm)}.hamburger:hover{background:var(--cream)}.topbar-title{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--navy-900);margin:0}.topbar-spacer{flex:1}.user-pill{position:relative}.user-pill summary{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid var(--border);border-radius:999px;background:var(--white);cursor:pointer;list-style:none;font-size:13px;color:var(--navy-900);transition:background .15s ease,border-color .15s ease}.user-pill summary::-webkit-details-marker{display:none}.user-pill summary::marker{display:none}.user-pill summary:hover{background:var(--cream-light);border-color:var(--gold-400)}.user-pill .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;font-family:var(--font-serif)}.user-pill .username{font-weight:600}.user-pill .chev{width:12px;height:12px;color:var(--text-muted);transition:transform .15s ease}.user-pill[open] .chev{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px;min-width:200px;display:flex;flex-direction:column;gap:2px}.user-menu a{padding:9px 12px;font-size:13px;color:var(--navy-900);border-radius:var(--radius-sm);text-decoration:none;transition:background .12s ease,color .12s ease}.user-menu a:hover{background:var(--cream-light)}.user-menu a.danger{color:#9b2c2c}.user-menu a.danger:hover{background:#fdecec}.admin-main{flex:1;padding:32px 28px}.admin-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);background:var(--white);flex-wrap:wrap}.admin-footer a{color:var(--navy-700);font-weight:600}.admin-footer a:hover{color:var(--gold-600)}@media (max-width: 900px){.admin-sidebar{width:var(--sidebar-w);transform:translate(-100%);box-shadow:var(--shadow-lg)}html[data-sidebar=open] .admin-sidebar{transform:translate(0)}html[data-sidebar=open] .sidebar-backdrop{opacity:1;pointer-events:auto}.admin-content{margin-left:0}.hamburger{display:inline-flex;align-items:center;justify-content:center}.sidebar-collapse-btn{display:none}.admin-main{padding:24px 18px}.admin-topbar{padding:0 14px}.admin-footer{padding:16px 18px}.topbar-title{font-size:17px}.user-pill .username{display:none}}.admin-panel{background:var(--white);border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-sm)}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-heading h1{font-family:var(--font-serif);font-size:28px;color:var(--navy-900)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:12px 14px;font-size:13px;border-bottom:1px solid var(--border)}.admin-table th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:var(--cream-light)}.admin-table tbody tr:hover{background:#c896400a}.admin-table .actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em}.badge-ok{background:#e4f3e8;color:#2f6b3d}.badge-off{background:#efe7d8;color:#8a6b2a}.badge-pending{background:#fdf0d3;color:#9b6d14}.admin-form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}@media (max-width: 680px){.admin-form .row{grid-template-columns:1fr}}.admin-form .field{display:flex;flex-direction:column;margin-bottom:18px}.admin-form label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-900);margin-bottom:6px}.admin-form input[type=text],.admin-form input[type=file],.admin-form select,.admin-form textarea{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cream-light);color:var(--text)}.admin-form textarea{min-height:320px;resize:vertical;font-family:Menlo,monospace;font-size:13px;line-height:1.6}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:2px solid var(--gold-500);outline-offset:-1px;background:var(--white)}.form-help{font-size:11px;color:var(--text-muted);margin-top:4px}.admin-form .checkbox-field{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--navy-900);margin-right:20px}.form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.btn-outline{background:transparent;border:1px solid var(--navy-900);color:var(--navy-900);padding:10px 18px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.btn-outline:hover{background:var(--navy-900);color:var(--white)}.btn-danger{background:#9b2c2c;color:var(--white);padding:8px 14px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.btn-danger:hover{background:#7a1f1f}.btn-small{padding:8px 14px;font-size:11px;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy-900);padding:40px 20px}.login-box{background:var(--white);border-radius:var(--radius-md);padding:40px 36px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-box h1{font-family:var(--font-serif);font-size:28px;color:var(--navy-900);margin-bottom:6px;text-align:center}.login-box p.lead{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:28px}.login-box .btn{width:100%;justify-content:center;margin-top:8px}.login-box .back-home{display:block;text-align:center;margin-top:22px;font-size:12px;color:var(--text-muted)}.login-box .back-home:hover{color:var(--navy-900)}.editor-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.editor-split{grid-template-columns:1fr}}.editor-preview{background:var(--cream-light);border-radius:var(--radius-sm);padding:20px;min-height:320px;max-height:560px;overflow-y:auto;border:1px solid var(--border)}.editor-preview :global(h2){font-family:var(--font-serif);color:var(--navy-900);margin:0 0 .5em}.editor-preview :global(p){font-size:14px;line-height:1.6;margin:0 0 .8em}.image-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.image-upload .preview{width:120px;height:80px;border-radius:var(--radius-sm);background:var(--cream-light);background-size:cover;background-position:center;border:1px solid var(--border);flex-shrink:0}
