@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700&display=swap";:root{--bg: #f2f6fb;--surface: #ffffff;--surface-soft: #f7faff;--text: #121a2b;--muted: #60708a;--line: #dbe5f2;--line-strong: #c4d4ea;--primary: #0f5ed8;--primary-hover: #0b4db2;--primary-soft: #e9f1ff;--danger: #c82f2f;--danger-hover: #ac2626;--success: #1f7d3f;--shadow-sm: 0 8px 20px rgba(10, 22, 44, .07);--shadow-md: 0 16px 36px rgba(11, 25, 49, .12);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;font-family:Plus Jakarta Sans,Noto Sans Khmer,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html[lang=km],html[lang=km] button,html[lang=km] input,html[lang=km] select,html[lang=km] textarea{font-family:Noto Sans Khmer,Plus Jakarta Sans,Segoe UI,sans-serif}body{margin:0;color:var(--text);font-size:.95rem;line-height:1.45;background:radial-gradient(circle at 8% 8%,#e6efff 0%,transparent 33%),radial-gradient(circle at 92% 0%,#e7f6ff 0%,transparent 28%),linear-gradient(165deg,#f8fbff,#f2f6fb,#eef3fa);min-height:100vh}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:#0f1b2f;line-height:1.25}h1{font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-.02em}h2{font-size:clamp(1.08rem,1.8vw,1.32rem);font-weight:700}h3{font-size:1.02rem;font-weight:700}h4{font-size:.95rem;font-weight:700}code{background:#edf3fe;border:1px solid #dbe7ff;border-radius:6px;padding:.06rem .3rem;font-size:.82rem}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.56rem .66rem;color:var(--text);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#8a99af}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f5ed82e}.muted-text{color:var(--muted);margin-top:.2rem;font-size:.86rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card{width:min(440px,100%);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(160deg,#fff,#f9fcff);box-shadow:var(--shadow-md);padding:1.4rem}.login-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.login-field{display:flex;flex-direction:column;gap:.34rem;font-weight:600;margin-top:.9rem;font-size:.86rem}.full-btn{width:100%;margin-top:1rem}.app-shell{min-height:100vh;padding:1rem}.app-header{max-width:1240px;margin:0 auto .95rem;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1rem 1.15rem;display:grid;gap:.9rem}.app-header-main{display:flex;justify-content:space-between;align-items:center;gap:.9rem;flex-wrap:wrap}.brand{display:grid;gap:.18rem}.brand h1{margin-top:.04rem}.brand-eyebrow,.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:.67rem;font-weight:700}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:.52rem;flex-wrap:wrap}.lang-switch{display:flex;align-items:center;gap:.4rem;background:#f3f7ff;border:1px solid #dce6f8;border-radius:999px;padding:.3rem .38rem .3rem .56rem}.lang-label{color:#3e5578;font-size:.74rem;font-weight:700}.lang-actions{display:inline-flex;align-items:center;gap:.3rem}.lang-actions.compact{gap:.22rem}.lang-btn{border:1px solid #c8d8f4;background:#fff;color:#38527a;min-height:30px;padding:.32rem .64rem;border-radius:999px;font-size:.76rem;font-weight:700;cursor:pointer}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.user-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #d8e3f6;background:#f5f9ff;border-radius:999px;padding:.32rem .56rem}.user-pill-name{font-weight:700;font-size:.8rem;color:#1a2e4e}.user-pill-role{font-weight:600;font-size:.74rem;color:#4f678b}.top-nav{display:flex;align-items:center;gap:.48rem;flex-wrap:wrap}.nav-tabs{padding-top:.1rem;border-top:1px solid #e7eef8}.nav-link,.primary-btn,.secondary-btn,.danger-btn,.text-btn,.icon-btn{border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;font-size:.82rem;line-height:1;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.nav-link,.primary-btn,.secondary-btn,.danger-btn,.text-btn{min-height:38px;padding:.58rem .95rem}.nav-link{background:#eff4ff;border-color:#dde9ff;color:#334968}.nav-link:hover{transform:translateY(-1px);background:#e8f0ff}.nav-link.active,.primary-btn{background:var(--primary);border-color:var(--primary);color:#fff}.primary-btn:hover{transform:translateY(-1px);background:var(--primary-hover);border-color:var(--primary-hover)}.secondary-btn{background:#eef2fa;border-color:#dde5f2;color:#30435f}.secondary-btn:hover{transform:translateY(-1px);background:#e4ebf7}.text-btn{background:var(--primary-soft);border-color:#d6e4ff;color:#1d56ad}.text-btn:hover{transform:translateY(-1px);background:#dfeafe}.danger-btn{background:var(--danger);border-color:var(--danger);color:#fff}.danger-btn:hover{transform:translateY(-1px);background:var(--danger-hover);border-color:var(--danger-hover)}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled,.text-btn:disabled,.nav-link:disabled,.icon-btn:disabled,.lang-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.page-wrap{max-width:1240px;margin:0 auto}.page-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(165deg,#fff,#f9fbff);box-shadow:var(--shadow-sm);padding:1.05rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.74rem;border-bottom:1px solid #e7eef8;flex-wrap:wrap}.header-actions{display:flex;gap:.45rem;flex-wrap:wrap}.error,.success,.info{margin-top:.56rem;font-size:.84rem;font-weight:600}.error{color:#b62a20}.success{color:var(--success)}.info{color:#2e5faa}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);overflow:auto;background:#fff}.data-table{width:100%;min-width:780px;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{border-bottom:1px solid #ebf1f9;padding:.72rem;text-align:left;vertical-align:top}.data-table th{background:#f5f9ff;color:#284265;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.data-table tbody tr:hover{background:#f9fcff}.data-table tr:last-child td{border-bottom:none}.thumb{width:108px;height:68px;border-radius:8px;border:1px solid var(--line);object-fit:cover;display:block;background:#f7faff}.path-cell{max-width:240px;overflow-wrap:anywhere;color:var(--muted);font-size:.77rem}.flag-badge{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:.24rem .54rem;border-radius:999px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.flag-badge.red{color:#a52020;background:#ffecec;border-color:#ffcfcf}.flag-badge.blue{color:#0f4ea8;background:#e9f2ff;border-color:#cce1ff}.actions{display:flex;gap:.4rem;flex-wrap:wrap}.pagination-bar{margin-top:.88rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}.pagination-info{color:var(--muted);font-weight:600;font-size:.83rem}.inline-field{display:inline-flex;align-items:center;gap:.42rem;color:var(--muted);font-weight:600;font-size:.82rem}.inline-field select,.modal-grid input,.modal-grid select,.small-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.5rem .62rem;font-size:.82rem}.pagination-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.83rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b338f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;display:grid;place-items:center;z-index:50}.modal-card{width:min(720px,100%);border-radius:16px;border:1px solid var(--line);background:linear-gradient(170deg,#fff,#f7fbff);box-shadow:0 22px 54px #0a182d47;padding:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.72rem}.icon-btn{width:34px;height:34px;border-radius:50%;background:#edf3ff;border-color:#dce8ff;color:#2d4468}.icon-btn:hover{background:#dfeafe}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;margin-bottom:.68rem}.modal-grid label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.84rem}.upload-zone-field{margin-top:.2rem}.upload-zone-label{display:block;margin-bottom:.36rem;font-size:.84rem;font-weight:600}.upload-dropzone{position:relative;display:grid;gap:.26rem;border:1.5px dashed #b8ccee;border-radius:12px;background:linear-gradient(160deg,#fbfdff,#f3f8ff);padding:.95rem;text-align:center;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.upload-dropzone:hover{border-color:#7da2df;transform:translateY(-1px);box-shadow:0 8px 22px #0f5ed81f}.upload-dropzone-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-dropzone-title{font-weight:700;color:#1f3f72;font-size:.84rem}.upload-dropzone-sub{color:#627895;font-size:.77rem}.upload-dropzone-selected{display:inline-flex;justify-self:center;margin-top:.3rem;border-radius:999px;background:#e8f2ff;color:#1853ad;border:1px solid #cce0ff;font-size:.75rem;font-weight:700;padding:.22rem .56rem}.search-upload-dropzone{margin-bottom:.3rem}.modal-actions{margin-top:.74rem;display:flex;justify-content:flex-end;gap:.45rem}input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}.detail-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:.92rem}.field-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:.8rem;background:var(--surface-soft)}.field-card h3{margin-bottom:.5rem}.field-list,.image-meta{display:grid;gap:.34rem}.field-list>div,.image-meta>div{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.26rem;border-bottom:1px dashed #e2ecfa}.field-list>div:last-child,.image-meta>div:last-child{border-bottom:none;padding-bottom:0}.field-list dt,.image-meta dt{color:var(--muted);font-size:.73rem}.field-list dd,.image-meta dd{margin:0;font-weight:600;font-size:.82rem;text-align:right}.cover-preview{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);max-height:300px;object-fit:contain;background:#fff}.gallery-section h3,.search-results h3{margin-bottom:.62rem}.image-grid,.result-image-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(208px,1fr))}.image-card,.result-image-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fbfdff;padding:.58rem;box-shadow:inset 0 0 0 1px #ffffff73}.gallery-image,.result-image{width:100%;border-radius:8px;border:1px solid var(--line);height:150px;object-fit:cover;background:#fff;margin-bottom:.45rem}.search-upload-box{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(165deg,#f9fcff,#f5f9ff);padding:.95rem}.search-actions{margin-top:.55rem;display:flex;gap:.45rem;flex-wrap:wrap}.query-preview-panel{margin-top:.65rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:.6rem;width:fit-content;box-shadow:var(--shadow-sm)}.preview-title{color:#2d4568;margin-bottom:.32rem;font-weight:700;font-size:.79rem}.search-query-preview{width:min(280px,100%);max-height:210px;object-fit:contain;border-radius:8px;border:1px solid var(--line);display:block;background:#fff}.search-results{margin-top:.95rem}.result-card{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(170deg,#fff,#f9fbff);padding:.72rem;margin-bottom:.7rem;box-shadow:var(--shadow-sm)}.result-card-header{display:flex;justify-content:space-between;gap:.55rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.result-card-header h4{display:inline-flex;gap:.45rem;align-items:center;flex-wrap:wrap}.result-card-header p{color:var(--muted);font-size:.79rem;margin-top:.1rem}.result-image-card figcaption p{margin:.1rem 0;font-size:.74rem;color:#415a7a}.small-input{min-width:170px}@media (max-width: 1080px){.app-shell{padding:.8rem}.app-header,.page-card{padding:.85rem}}@media (max-width: 860px){.data-table{min-width:700px}.thumb{width:95px;height:62px}.app-header-main{align-items:flex-start}.header-controls{width:100%;justify-content:flex-start}}@media (max-width: 640px){:root{font-size:15px}.login-shell{padding:.8rem}.login-card,.app-header,.page-card,.modal-card{border-radius:14px;padding:.82rem}.login-header{flex-direction:column;align-items:flex-start}.lang-switch{width:100%;justify-content:space-between}.nav-link,.primary-btn,.secondary-btn,.danger-btn,.text-btn{min-height:36px;padding:.52rem .82rem}.gallery-image,.result-image{height:126px}.query-preview-panel,.search-query-preview{width:100%}}