html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow:hidden}:root{--bg-main:#cdd3d8;--panel:#fff;--sidebar:#0f5f83;--sidebar-dark:#0d4f6d;--top-red:#e63e3f;--text:#243447;--muted:#4f5f73;--line:#dae0e6}*{box-sizing:border-box}body{color:var(--text);margin:0;font-family:Segoe UI,Tahoma,sans-serif}.loginPage{background:linear-gradient(130deg,#f6f8fb,#e3ebf2);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(420px,100%);padding:20px}.loginCard h1{margin:0 0 8px}.stack{gap:10px;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid var(--line);border-radius:8px;padding:10px}button{background:var(--sidebar);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-weight:700}button:hover{background:var(--sidebar-dark)}.statusText{color:#c53030;font-weight:600}.adminLayout{background:var(--bg-main);grid-template-rows:54px 1fr 36px;height:100vh;min-height:100vh;display:grid}.topBar{border-top:4px solid var(--top-red);background:#fff;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.brand{align-items:center;text-decoration:none;display:inline-flex}.brandLogo{object-fit:contain;width:auto;max-width:min(220px,42vw);height:40px;display:block}.logoutBtn{color:#c53b3b;background:0 0;padding:6px 8px}.logoutBtn:hover{background:#fff1f1}.mainFrame{grid-template-columns:280px 1fr;min-height:0;display:grid}.mainFrame.collapsed{grid-template-columns:46px 1fr}.mainFrame.collapsed .menuItem{text-align:center;justify-content:center;place-items:center;padding:10px 0;display:grid}.mainFrame.collapsed .menuLabel{justify-content:center;place-items:center;gap:0;width:100%;display:grid}.mainFrame.collapsed .iconBadge{justify-content:center;align-items:center;height:22px;margin:0 auto;padding:0;line-height:20px;display:inline-flex}.sidebar{background:var(--sidebar);color:#fff;transition:width .18s;overflow-y:auto}.sidebar.closed{width:46px}.sidebar.open{width:280px}.menuIconBtn{text-align:center;background:0 0;border-bottom:1px solid #fff3;border-radius:0;width:100%;padding:4px 0 8px;font-size:28px;font-weight:800}.menuIconBtn:hover{background:var(--sidebar-dark)}.menuItem{color:#fff;background:0 0;border-bottom:1px solid #ffffff29;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-weight:600;display:flex}.menuBlock{border-bottom:1px solid #ffffff1f}.menuItem:hover,.menuItem.active{background:var(--sidebar-dark)}.menuLabel{white-space:nowrap;align-items:center;gap:8px;display:flex}.iconBadge{text-align:center;color:#d6edf8;border:1px solid #d6edf880;border-radius:999px;justify-content:center;align-items:center;width:26px;min-width:26px;height:22px;padding:0;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.submenuWrap{background:#0c4a66;padding:6px 0}.submenuItem{color:#d8edf7;text-align:left;background:0 0;border-bottom:1px solid #ffffff14;border-radius:0;width:100%;padding:8px 16px 8px 46px;font-weight:600}.submenuItem:hover,.submenuItem.active{background:#083b53}.contentArea{min-height:0;padding:28px 28px 48px;overflow-y:auto}.welcomeTitle{text-align:center;color:#35495c;margin-top:30px;font-size:46px}.contentCard{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.contentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.previewBox{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}.assetHeader{align-items:center;margin:18px 0 12px;display:flex}.assetHeader h4{margin:0}.assetSubmitBtn{width:fit-content;min-width:140px}.assetFooterActions{gap:10px;margin-top:14px;margin-bottom:14px;display:flex}.basicFooterActions{justify-content:flex-end;margin-top:14px;display:flex}.formSection{border:1px solid var(--line);background:#fbfdff;border-radius:10px;padding:14px}.formSection h4{margin:0 0 12px}.twoColGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.bannerPreviewCard{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;padding:12px;display:grid}.blogPreviewBanner{object-fit:cover;border:1px solid var(--line);background:#f6f8fb;border-radius:10px;width:100%;max-height:300px}.blogEditorWrap{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.blogEditorToolbar{border-bottom:1px solid var(--line);background:#f6f9fc;gap:8px;padding:10px;display:flex}.blogEditorToolbar button{color:#0f5f83;background:#fff;border:1px solid #cbd6e1;min-width:auto;padding:6px 10px}.blogEditorToolbar button:disabled{opacity:.6;cursor:not-allowed}.blogEditorToolbar button:hover{color:#fff;background:#0f5f83}.hiddenFileInput{display:none}.blogEditor{outline:none;min-height:260px;padding:14px}.blogEditor img{border-radius:8px;max-width:100%;height:auto}.blogEditor:empty:before{content:attr(data-placeholder);color:#93a1af}.blogPreviewMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.articleContentPreview{color:var(--text);line-height:1.7}.articleContentPreview p:first-child{margin-top:0}.articleContentPreview p:last-child{margin-bottom:0}.assetBackBtn{width:fit-content;min-width:140px;margin-right:auto}.assetList{gap:12px;display:grid}.assetRow{cursor:grab;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:0 0 0 38px;display:flex;position:relative}.assetRow:active{cursor:grabbing}.assetMeta{background:#fff;border:1px solid #d9e1ea;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 14px;font-size:14px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fff9}.assetRow:hover .assetMeta{border-color:#c6d2de;box-shadow:0 4px 12px #0f28460f}.assetGrip{color:#0000;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle,#b4bfca 1.6px,#0000 1.7px),radial-gradient(circle,#b4bfca 1.6px,#0000 1.7px);background-position:0 0,6px 0;background-repeat:repeat-y;background-size:4px 10px,4px 10px;width:10px;height:28px;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.assetGripDot{background:#b4bfca;border-radius:50%;width:4px;height:4px}.assetUploader{color:#5a6b7f;font-size:12px}.assetInfo{flex-direction:column;gap:6px;min-width:0;display:flex}.assetMeta a{color:#0f5f83;word-break:break-all;text-decoration:none}.assetThumbLink{flex-shrink:0;display:inline-flex}.assetThumb{object-fit:cover;background:#f6f8fb;border:1px solid #d9e1ea;border-radius:10px;width:56px;height:56px}.assetType{text-transform:uppercase;color:#48627c;border:1px solid var(--line);background:#eef3f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:11px;font-weight:700;display:inline-flex}.assetActions{flex-shrink:0;align-items:center;gap:6px;display:flex}.assetActions button{padding:0;font-size:12px}.assetIconBtn,.assetTrashBtn{border-radius:12px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;padding:0;font-size:30px;line-height:1;display:inline-flex}.assetTrashBtn{box-shadow:none;color:#0000;background:0 0;border:none;font-size:0;position:relative}.assetTrashBtn:before{content:"🗑";color:#a9b6c2;font-size:30px;line-height:1}.assetTrashBtn:hover{color:#0000;background:0 0}.assetTrashBtn:hover:before{color:#cc4b4b}.uploadTopActions{justify-content:flex-end;margin-bottom:4px;display:flex}.uploadAddBtn{color:#0f5f83;background:#fff;border:1px solid #c7d8e4;border-radius:0;min-width:auto;padding:8px 14px;font-size:14px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}.uploadAddBtn:hover{color:#fff;background:#0f5f83;border-color:#0f5f83}.uploadRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.uploadRowCard{gap:10px;display:grid}.uploadExistingPreview{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (width<=780px){.uploadRow,.twoColGrid,.blogPreviewMetaGrid{grid-template-columns:1fr}}.hint{color:var(--muted);margin:0 0 10px}.tableWrap{padding:0 12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:9px}.tableActionRow{align-items:center;gap:8px;display:flex}.pathCell{word-break:break-word;font-family:Consolas,Courier New,monospace;font-size:12px}.tableCheckbox{border:1px solid var(--line);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.tableCheckbox input{accent-color:#0f5f83;width:16px;height:16px;margin:0}.iconActionBtn{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;font-size:18px;display:inline-flex}.iconActionBtn.danger{background:#c53b3b}.iconActionBtn.danger:hover{background:#a62e2e}.entryLinkBtn{background:var(--sidebar);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:72px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.entryLinkBtn:hover{background:var(--sidebar-dark)}.iconViewBtn,.iconEditBtn,.iconDeleteBtn{color:#0000;position:relative}.iconViewBtn:before,.iconEditBtn:before,.iconDeleteBtn:before{color:#fff;line-height:1}.iconViewBtn:before{content:"👁";font-size:18px}.iconEditBtn:before{content:"✎";font-size:18px}.iconDeleteBtn:before{content:"🗑";font-size:18px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.zipSummaryGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.zipSummaryCard{border:1px solid var(--line);background:#f8fbfd;border-radius:12px;gap:6px;padding:14px;display:grid}.zipSummaryLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.footerBar{background:var(--top-red);color:#fff;place-items:center;font-weight:700;display:grid}.floatingStatus{border:1px solid var(--line);background:#fff;border-left:4px solid #0f5f83;border-radius:8px;max-width:380px;margin:0;padding:8px 10px;position:fixed;bottom:44px;right:14px}.confirmOverlay{z-index:1200;background:#0f192359;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirmModal{border:2px solid var(--top-red);background:#fff;width:min(500px,100%);position:relative}.confirmHeader{color:var(--top-red);border-bottom:1px solid var(--line);padding:14px 16px;font-size:18px;font-weight:700}.confirmBody{text-align:center;color:#243447;border-bottom:1px solid var(--line);padding:20px 24px}.confirmActions{justify-content:space-around;align-items:center;gap:16px;padding:16px 24px;display:flex}.confirmNoBtn,.confirmYesBtn{border-radius:0;min-width:100px}.confirmNoBtn{background:#d83b36}.confirmNoBtn:hover{background:#bf302b}.confirmYesBtn{background:#0f5f83}.confirmYesBtn:hover{background:#0d4f6d}.confirmCloseBtn{width:30px;min-width:30px;height:30px;color:var(--top-red);border:2px solid var(--top-red);background:#fff;border-radius:999px;padding:0;font-size:24px;line-height:1;position:absolute;top:-14px;right:-14px}.confirmCloseBtn:hover{background:#fff5f5}@media (width<=980px){.mainFrame,.mainFrame.collapsed{grid-template-columns:1fr}.sidebar{width:100%;max-height:280px}.contentGrid{grid-template-columns:1fr}.welcomeTitle{font-size:34px}}