:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f6;color:#17211d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-state{display:grid;place-items:center;align-content:center;gap:14px;min-height:100vh;padding:24px;text-align:center}.app-state svg{color:#176f5d}.app-state p{max-width:520px;color:#60706a}.app-shell{display:grid;grid-template-columns:284px minmax(0,1fr);min-height:100vh}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 18px;border-right:1px solid #dce3df;background:#fbfcfb;overflow:hidden}.sidebar-collapsed .sidebar{padding-right:0;padding-left:0;border-right:0;opacity:0;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:#176f5d}.brand strong,.brand span{display:block}.brand span,.eyebrow,.section-title,.row-meta,.detail-panel p,.panel-heading p,.editor-preview dt,.author-card span,.author-card small,.author-list-item small,.attachments small{color:#60706a}.nav-group{display:grid;gap:8px}.nav-group button,.category-item,.content-row,.table-row,.featured-card,.attachments button,.attachments a{border:0;text-align:left;background:transparent}.nav-group button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:#35443f}.nav-group button.active,.nav-group button:hover{background:#e7f2ee;color:#0f5f50}.sidebar-section{display:grid;gap:10px}.section-title{display:flex;align-items:center;gap:8px;padding:0 10px;font-size:.8rem;font-weight:700;text-transform:uppercase}.category-tree{display:grid;gap:4px}.category-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:0 10px;border-radius:8px;color:#35443f}.category-item small{display:grid;place-items:center;min-width:24px;height:22px;border-radius:999px;background:#edf1ef;color:#60706a}.category-item.active,.category-item:hover{background:#eef5f3;color:#0f5f50}.workspace{min-width:0;padding:24px}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 12px;border:1px solid #f0d198;border-radius:8px;color:#754c07;background:#fff7e8}.status-banner button{min-height:32px;padding:0 10px;border:1px solid #e7bf77;border-radius:8px;color:#754c07;background:#fff}.user-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border-radius:999px;color:#315b4e;background:#e7f2ee;font-size:.86rem;font-weight:800}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{display:block;margin-bottom:5px;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;line-height:1.15}h2{font-size:1.05rem}h3{font-size:.92rem}.topbar-actions,.search-row,.segmented,.panel-heading,.row-meta,.breadcrumb,.tag-row{display:flex;align-items:center}.topbar-actions{gap:10px}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:8px}.primary-button{padding:0 14px;color:#fff;background:#176f5d}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.58}.secondary-button,.icon-button{color:#26332f;background:#fff;border-color:#dce3df}.secondary-button{padding:0 12px}.icon-button{width:40px}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.main-column,.admin-main{display:grid;gap:18px}.search-row{gap:10px}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;min-height:44px;padding:0 12px;border:1px solid #d8e0dc;border-radius:8px;background:#fff;color:#60706a}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#17211d;background:transparent}.segmented{flex-wrap:wrap;gap:6px;padding:4px;border:1px solid #d8e0dc;border-radius:8px;background:#fff}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-radius:6px;color:#52625c;background:transparent;white-space:nowrap}.segmented button.active{color:#0f5f50;background:#e7f2ee}.featured-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.featured-card{display:grid;gap:10px;min-height:150px;padding:18px;border:1px solid #d8e0dc;border-radius:8px;background:linear-gradient(135deg,#fff,#f1f8f5)}.featured-card strong{font-size:1.08rem}.featured-card small{color:#60706a;line-height:1.4}.badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:24px;padding:0 9px;border-radius:999px;color:#0f5f50;background:#e2f1ec;font-size:.76rem;font-weight:800}.badge.success{color:#1d6a3f;background:#e4f4ea}.badge.warning{color:#8a5d12;background:#fff3d8}.content-list{display:grid;gap:10px}.content-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;width:100%;padding:14px;border:1px solid #d8e0dc;border-radius:8px;background:#fff}.content-row.active,.content-row:hover{border-color:#83b9aa;box-shadow:0 12px 34px #1f302a14}.content-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;color:#176f5d;background:#e7f2ee}.content-row-body{display:grid;gap:8px;min-width:0}.content-row-body p{margin-top:4px;color:#52625c;line-height:1.4}.row-meta{flex-wrap:wrap;gap:8px;font-size:.82rem}.row-meta span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;margin-left:8px;border-radius:999px;background:#a5b1ad;vertical-align:middle}.detail-panel,.admin-forms,.admin-panel,.editor-preview,.authors-panel,.category-list-panel{border:1px solid #d8e0dc;border-radius:8px;background:#fff}.detail-panel{position:sticky;top:24px;display:grid;gap:16px;padding:18px}.detail-media{display:grid;place-items:center;gap:8px;min-height:190px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#176f5deb,#34567beb),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=80);background-size:cover;background-position:center;font-weight:800}.detail-media.media-preview{display:block;min-height:220px;aspect-ratio:16 / 9;overflow:hidden;background:#111b18}.detail-media.media-preview iframe,.detail-media.media-preview video,.detail-media.media-preview img{display:block;width:100%;height:100%;border:0}.detail-media.media-preview video,.detail-media.media-preview img{object-fit:contain;background:#111b18}.detail-media.pdf-preview{min-height:380px;aspect-ratio:4 / 3;border:1px solid #d8e0dc;background:#fff}.detail-media.image-preview{background:#f4f7f6}.detail-media.media-placeholder{min-height:190px;padding:20px;text-align:center}.detail-media.media-placeholder small{color:#ffffffc7}.media-open-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border-radius:8px;color:#fff;background:#093029b8}.media-open-link:hover{background:#093029e6}.breadcrumb{flex-wrap:wrap;gap:6px;color:#60706a;font-size:.78rem;font-weight:700}.breadcrumb span:not(:last-child):after{content:"/";margin-left:6px;color:#a5b1ad}.detail-panel p{line-height:1.55}.detail-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.info-item{display:grid;gap:5px;min-width:0;padding:10px;border-radius:8px;background:#f4f7f6}.info-item svg{color:#176f5d}.info-item span{color:#60706a;font-size:.75rem}.info-item strong{overflow-wrap:anywhere;font-size:.82rem}.author-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #dfe6e2;border-radius:8px}.author-card.compact{grid-template-columns:42px minmax(0,1fr)}.author-card img,.author-list-item img,.avatar-fallback{width:100%;aspect-ratio:1;border-radius:999px;object-fit:cover}.avatar-fallback{display:grid;place-items:center;color:#176f5d;background:#e7f2ee}.author-card strong,.author-card small,.author-card span{display:block}.author-card p{margin-top:6px;font-size:.86rem}.tag-row{flex-wrap:wrap;gap:7px}.tag-row span{padding:6px 8px;border-radius:6px;color:#52625c;background:#f0f3f2;font-size:.78rem;font-weight:700}.attachments{display:grid;gap:8px}.attachments button,.attachments a{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 10px;border-radius:8px;color:#26332f;background:#f4f7f6}.attachments button span,.attachments a span{flex:1;min-width:0;overflow-wrap:anywhere}.attachments button small,.attachments a small{margin-left:auto;color:#60706a;font-size:.72rem;font-weight:700;white-space:nowrap}.attachments button[aria-disabled=true]{color:#71807a}.empty-panel{display:grid;place-items:center;gap:8px;min-height:160px;padding:18px;border:1px dashed #cdd8d3;border-radius:8px;color:#60706a;background:#fff;text-align:center}.empty-panel svg{color:#176f5d}.empty-panel strong{color:#26332f}.muted-inline{display:block;padding:8px 10px;color:#60706a}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{display:grid;gap:8px;min-height:116px;padding:16px;border:1px solid #d8e0dc;border-radius:8px;background:#fff}.metric svg{color:#176f5d}.metric span{color:#60706a}.metric strong{font-size:1.7rem}.admin-panel{display:grid;gap:16px;padding:16px}.auth-panel{display:grid;gap:18px;max-width:620px;padding:22px;border:1px solid #d8e0dc;border-radius:8px;background:#fff}.auth-panel p{margin-top:8px;color:#60706a}.system-auth{max-width:560px}.admin-forms{display:grid;gap:14px;padding:16px}.form-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid #dfe6e2;border-radius:8px;background:#f7faf8}.form-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 10px;border:0;border-radius:6px;color:#52625c;background:transparent}.form-tabs button.active{color:#0f5f50;background:#e7f2ee}.category-manager{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}.category-list-panel{display:grid;gap:12px;padding:14px}.category-card-list{display:grid;gap:8px;max-height:460px;overflow:auto}.category-card{display:grid;gap:4px;width:100%;min-height:58px;padding:10px 12px;border:1px solid #dfe6e2;border-radius:8px;text-align:left;color:#26332f;background:#fff}.category-card:hover,.category-card.active{border-color:#83b9aa;background:#eef7f4}.category-card strong,.category-card small{display:block}.category-card small,.category-form-hint{color:#60706a}.category-form{min-width:0}.category-form-hint{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem}.category-form-hint span{min-height:28px;padding:5px 9px;border-radius:999px;background:#f0f3f2;font-weight:700}.form-message{padding:9px 10px;border-radius:8px;color:#315b4e;background:#edf7f2;font-size:.9rem}.form-message.danger{color:#8a2a21;background:#fdebea}.record-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px;min-width:0;color:#60706a;font-size:.82rem;font-weight:700}.field.wide{grid-column:1 / -1}.field input,.field select,.field textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d8e0dc;border-radius:8px;outline:0;color:#17211d;background:#fff}.field textarea{resize:vertical}.field select[multiple]{min-height:92px}.check-field{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:#26332f;font-size:.9rem;font-weight:700}.uploaded-list{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:7px}.uploaded-item,.uploaded-list small{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;color:#52625c;background:#f0f3f2;font-size:.78rem;font-weight:700}.uploaded-item{gap:6px;max-width:100%;padding-right:4px}.uploaded-name{min-width:0;overflow-wrap:anywhere}.remove-attachment-button{display:inline-grid;flex:0 0 auto;place-items:center;width:22px;height:22px;border:0;border-radius:999px;color:#8a2f2f;background:#fff}.remove-attachment-button:hover{color:#fff;background:#b23b3b}.remove-attachment-button:disabled{cursor:not-allowed;opacity:.55}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.form-actions.split-actions{justify-content:space-between}.account-panel{max-width:720px}.panel-heading{justify-content:space-between;gap:14px}.panel-heading.tight,.compact{align-items:flex-start}.admin-table{display:grid;overflow:hidden;border:1px solid #dfe6e2;border-radius:8px}.table-row{display:grid;grid-template-columns:minmax(210px,1fr) auto auto minmax(110px,160px) 24px;align-items:center;gap:10px;width:100%;min-height:68px;padding:10px 12px;border-bottom:1px solid #edf1ef;background:#fff}.table-row:last-child{border-bottom:0}.table-row:hover{background:#f7faf8}.table-row strong,.table-row small{display:block}.table-row small,.table-author{color:#60706a}.admin-side{display:grid;gap:16px}.editor-preview,.authors-panel{display:grid;gap:14px;padding:16px}.editor-preview dl{display:grid;gap:10px;margin:0}.editor-preview div:has(>dt){display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #edf1ef}.editor-preview dd{margin:0;font-weight:700}.author-list-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}.author-list-item strong,.author-list-item small{display:block}@media(max-width:1180px){.content-grid,.admin-layout{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid #dce3df}.sidebar-collapsed .sidebar{display:none}.topbar,.search-row,.panel-heading{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:space-between}.featured-strip,.metric-grid,.detail-meta-grid,.category-manager,.form-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr;align-items:start}}@media(max-width:560px){.workspace{padding:16px}.sidebar{padding:18px 14px}h1{font-size:1.45rem}.content-row{grid-template-columns:1fr}.content-icon{width:44px;height:44px}}