@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2) format("woff2"),url(/assets/chakra-petch-latin-500-normal-CnUQnZ4D.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2) format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff) format("woff")}:root{color-scheme:dark;--navy: #0b1a26;--navy-deep: #081019;--surface: #1e2b35;--surface-raised: #24333e;--copper: #b16f3a;--green-dark: #1d6f36;--green-deep: #30783c;--green-bright: #6cb43c;--silver: #bcbec1;--ochre: #e4a926;--text-strong: #e8eaec;--danger: #c9564a;--border: rgba(177, 111, 58, .35);--border-soft: rgba(188, 190, 193, .12);--font-heading: "Chakra Petch", sans-serif;--font-body: Inter, "Helvetica Neue", Arial, system-ui, sans-serif;--ease-industrial: cubic-bezier(.22, 1, .36, 1);--copper-metal-x: linear-gradient( 90deg, rgb(143 81 45 / .78) 0%, var(--copper) 46%, #c1844f 100% );--glow-green-outer: 0 0 0 1px rgb(108 180 60 / .55), 0 0 18px rgb(108 180 60 / .32), 0 0 44px rgb(108 180 60 / .16);--glow-green-inner: inset 0 1px 0 rgb(255 255 255 / .14), inset 0 0 26px rgb(108 180 60 / .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--navy-deep);color:var(--silver);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text-strong);font-family:var(--font-heading);font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin:0}h2{font-size:.95rem}button{font:inherit;cursor:pointer;border:none;border-radius:4px;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .2s ease,filter .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:inherit;width:100%;background:var(--navy);border:1px solid var(--border-soft);border-radius:4px;color:var(--text-strong);padding:.45rem .6rem}input:hover,textarea:hover{border-color:var(--border)}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--green-bright);outline-offset:1px}label{display:block;font-family:var(--font-heading);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--silver);opacity:.85;margin:.1rem 0 .25rem}.field-hint{margin:.2rem 0 0;font-size:.72rem;line-height:1.45;color:var(--silver);opacity:.65}.dotted-bg{background-image:radial-gradient(rgb(188 190 193 / .1) 1px,transparent 1px);background-size:26px 26px}.btn-primary{background:linear-gradient(180deg,rgb(60 128 72),var(--green-deep) 55%,rgb(32 88 46));border:1px solid rgb(48 120 60 / .8);color:#fff;font-weight:600;padding:.5rem 1rem;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff29}.btn-primary:hover:not(:disabled){border-color:#7ecb4fe6;filter:brightness(1.14) saturate(1.1)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-strong);padding:.45rem .9rem}.btn-ghost:hover:not(:disabled){border-color:var(--copper);background:#b16f3a1a}.btn-danger{background:transparent;border:1px solid rgba(201,86,74,.55);color:var(--danger);padding:.45rem .9rem}.btn-danger:hover:not(:disabled){background:#c9564a1f;border-color:var(--danger)}.badge{display:inline-block;font-family:var(--font-heading);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;padding:.22rem .55rem;border-radius:999px;white-space:nowrap}.badge-fallback{color:var(--copper);border:1px solid var(--copper);background:#b16f3a1f}.badge-db{color:var(--green-bright);border:1px solid var(--green-bright);background:#6cb43c1a}.badge-dirty{color:var(--ochre);border:1px solid var(--ochre);background:#e4a9261f}.admin-root{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:linear-gradient(180deg,#0b1a26e6,#081019f5);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff08,0 10px 30px #00000059;position:sticky;top:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:.85rem;min-width:0}.brand-logo{height:52px;width:auto;flex-shrink:0;object-fit:contain;display:block}.brand-title{display:block;color:var(--text-strong);font-family:var(--font-heading);font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:.92rem;line-height:1.2}.brand-sub{display:block;font-family:var(--font-heading);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}.topbar-right{display:flex;align-items:center;gap:1rem}.conn-status{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-heading);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.conn-dot{width:8px;height:8px;border-radius:50%}.conn-status.online .conn-dot{background:var(--green-bright);box-shadow:0 0 6px #6cb43ccc}.conn-status.offline{color:var(--danger)}.conn-status.offline .conn-dot{background:var(--danger);box-shadow:0 0 6px #c9564acc}.publish-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.5rem 1.3rem;border-radius:5px;border:1px solid rgb(48 120 60 / .8);background:linear-gradient(180deg,rgb(60 128 72),var(--green-deep) 55%,rgb(32 88 46));color:#fff;text-align:left;box-shadow:0 10px 28px #0006,inset 0 1px #ffffff2e;transition:filter .2s var(--ease-industrial),transform .2s var(--ease-industrial),border-color .2s var(--ease-industrial),box-shadow .26s var(--ease-industrial)}.publish-cta:hover:not(:disabled),.publish-cta:focus-visible{border-color:#7ecb4fe6;filter:brightness(1.14) saturate(1.12);transform:translateY(-1px);box-shadow:var(--glow-green-outer),0 12px 30px #00000073,var(--glow-green-inner)}.publish-cta:active:not(:disabled){transform:translateY(0);filter:brightness(1.05)}.publish-cta-label{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.07em;text-transform:uppercase}.publish-cta-sub{font-size:.66rem;font-weight:400;opacity:.85;letter-spacing:.02em}.spinner{width:.85rem;height:.85rem;border-radius:50%;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.publish-cta,.publish-cta:hover,.publish-cta:active{transition:none;transform:none}.spinner{animation-duration:2s}}.logout-button{background:transparent;border:1px solid var(--border);color:var(--silver);padding:.45rem .9rem;font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.logout-button:hover{border-color:var(--copper);color:var(--text-strong);background:#b16f3a14}.app-shell{flex:1;display:grid;grid-template-columns:250px 1fr;min-height:0}.sidebar{background:linear-gradient(180deg,rgb(14 27 38),var(--navy-deep) 70%);border-right:1px solid var(--border-soft);padding:1.2rem .8rem}.sidebar-title{margin:0 0 .7rem;padding:0 .55rem;font-family:var(--font-heading);font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}.category-nav{display:flex;flex-direction:column;gap:.3rem;position:sticky;top:4.5rem}.category-nav button{display:flex;align-items:center;gap:.65rem;text-align:left;background:transparent;color:var(--silver);padding:.5rem .55rem;border:1px solid transparent;border-left:2px solid transparent;border-radius:0 5px 5px 0;font-family:var(--font-heading);font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.category-nav img{width:42px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--border-soft);flex-shrink:0;filter:saturate(.85);transition:filter .2s ease,border-color .2s ease}.category-nav button:hover{background:var(--surface);color:var(--text-strong)}.category-nav button:hover img{filter:saturate(1)}.category-nav button.active{background:linear-gradient(90deg,#1e2b35,#1e2b3566);border-left-color:var(--green-bright);border-top-color:var(--border-soft);border-bottom-color:var(--border-soft);border-right-color:var(--border-soft);color:var(--text-strong)}.category-nav button.active img{border-color:var(--copper);filter:saturate(1);box-shadow:0 0 0 1px #b16f3a4d}.main-panel{padding:1.4rem 1.6rem 3rem;max-width:1280px;width:100%;display:flex;flex-direction:column;gap:1.2rem}.panel{position:relative;background:linear-gradient(180deg,var(--surface),rgb(22 33 42));border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.35rem 1.35rem;box-shadow:0 14px 40px #00000040,inset 0 1px #ffffff08}.panel:before{content:"";position:absolute;top:-1px;left:1rem;width:7rem;height:2px;background:var(--copper-metal-x);box-shadow:0 0 4px #b16f3a24,0 0 1px #b16f3a47}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.panel-head-side{display:flex;align-items:center;gap:.7rem}.panel-desc{margin:.3rem 0 0;font-size:.78rem;color:var(--silver);opacity:.75;max-width:62ch}.panel-hint{margin:.7rem 0 0;font-size:.8rem;color:var(--silver);opacity:.85;max-width:62ch}.cover-card{display:grid;grid-template-columns:320px 1fr;gap:1.3rem;align-items:start}.cover-media{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border-soft);box-shadow:0 10px 30px #00000059}.cover-media img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--navy)}.cover-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgb(8 16 25 / .45));pointer-events:none}.cover-card-body{display:flex;flex-direction:column;gap:.4rem}.cover-card-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.tile-grid{margin-top:1.1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.tile{background:linear-gradient(180deg,var(--surface-raised),rgb(26 38 47));border:1px solid var(--border-soft);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .25s ease,transform .2s var(--ease-industrial),opacity .15s ease}.tile:hover{border-color:var(--border);box-shadow:0 12px 32px #0000004d}.tile.dragging{opacity:.35;border-style:dashed;border-color:var(--copper)}.tile.drop-target{border-color:var(--green-bright);box-shadow:0 0 0 1px #6cb43c8c,0 0 18px #6cb43c40;transform:translateY(-2px)}.tile-media{position:relative}.tile-media img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--navy)}.tile-order{position:absolute;top:.55rem;left:.55rem;background:#081019d9;color:var(--text-strong);font-family:var(--font-heading);font-size:.66rem;font-weight:600;letter-spacing:.06em;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border-soft)}.tile-badge{position:absolute;top:.55rem;right:.55rem}.drag-handle{position:absolute;bottom:.55rem;right:.55rem;display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:999px;border:1px solid var(--border-soft);background:#081019d9;color:var(--silver);font-family:var(--font-heading);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.tile:hover .drag-handle{border-color:var(--copper);color:var(--text-strong)}.drag-handle svg{display:block;width:11px;height:11px;fill:currentColor}.tile-body{padding:.8rem .9rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.tile-caption{margin:0;color:var(--text-strong);font-size:.85rem}.tile-alt{margin:0;font-size:.75rem;opacity:.75}.tile-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--border-soft)}.tile-actions .btn-primary,.tile-actions .btn-ghost,.tile-actions .btn-danger{padding:.4rem .75rem;font-size:.76rem}.upload-form{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.2rem;max-width:760px}.upload-form .upload-field-full{grid-column:1 / -1}.upload-actions{grid-column:1 / -1;display:flex;justify-content:flex-start}input[type=file]{padding:.38rem .5rem}input[type=file]::file-selector-button{font:inherit;font-size:.75rem;margin-right:.7rem;padding:.3rem .7rem;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-strong);cursor:pointer}input[type=file]::file-selector-button:hover{border-color:var(--copper);background:#b16f3a1a}.guide-steps{margin:1rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:guide}.guide-steps li{counter-increment:guide;position:relative;padding:.85rem 1rem .9rem;background:#08101973;border:1px solid var(--border-soft);border-radius:6px;font-size:.78rem;line-height:1.5}.guide-steps li:before{content:"0" counter(guide);display:block;margin-bottom:.3rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700;letter-spacing:.08em;color:var(--ochre)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:linear-gradient(180deg,var(--surface),rgb(22 33 42));border:1px solid var(--border);border-top:3px solid var(--copper);border-radius:6px;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 80px #0006}.login-card .brand-title{font-size:1rem}.login-card .brand-sub{display:block;margin-top:.2rem}.status{border-radius:5px;padding:.6rem .9rem;font-size:.82rem;margin:0;display:flex;align-items:center;gap:.5rem}.status.error{background:#c9564a24;border:1px solid var(--danger);color:#eba9a1}.status.success{background:#6cb43c1f;border:1px solid var(--green-bright);color:#b9dd9d}.status.loading{color:var(--silver);background:transparent}@media(max-width:1100px){.app-shell{grid-template-columns:210px 1fr}.cover-card{grid-template-columns:260px 1fr}.guide-steps{grid-template-columns:1fr}}@media(max-width:880px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-soft);padding:.8rem}.category-nav{flex-direction:row;flex-wrap:wrap;position:static}.category-nav button{border-left:none;border-bottom:2px solid transparent;border-radius:5px 5px 0 0}.category-nav button.active{border-left:none;border-bottom-color:var(--green-bright)}.category-nav img{width:34px;height:34px}.cover-card{grid-template-columns:1fr}.main-panel{padding:1rem .9rem 2.5rem}.topbar{padding:.7rem .9rem;flex-wrap:wrap}.conn-status,.publish-cta-sub{display:none}.upload-form{grid-template-columns:1fr}}