:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#eef3f7;--text:#18212f;--muted:#697586;--line:#dce3ea;--nav:#172033;--nav-soft:#223049;--accent:#0f766e;--accent-strong:#0b5d56;--info:#2563eb;--warning:#b7791f;--danger:#b42318;--success:#15803d;--shadow:0 16px 40px #0f172a14;--font:system-ui, "Segoe UI", Roboto, Arial, sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}a{color:inherit}h1,h2,h3,p{margin:0}#root{min-height:100vh}.button{letter-spacing:0;border:1px solid #0000;border-radius:8px;min-height:40px;padding:0 14px;font-weight:700}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-strong)}.button-secondary{border-color:var(--line);color:var(--text);background:#fff}.button-secondary:hover{background:var(--surface-soft);border-color:#b7c4d1}.button-danger{color:var(--danger);background:#fff;border-color:#b4231852}.button-danger:hover{background:#fff1f0}.button-small{min-height:32px;padding:0 10px;font-size:13px}.language-toggle{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.language-toggle button{min-height:38px;color:var(--muted);background:0 0;border:0;padding:0 12px;font-weight:800}.language-toggle button.is-active{color:#fff;background:var(--accent)}.login-page{background:var(--bg);grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);min-height:100vh;display:grid}.login-brand{background:var(--nav);color:#fff;flex-direction:column;justify-content:center;gap:18px;padding:56px;display:flex}.login-brand .language-toggle{border-color:#ffffff3d;width:max-content}.login-brand h1{letter-spacing:0;font-size:44px;line-height:1.08}.login-brand p{color:#cbd5e1;max-width:460px;font-size:18px;line-height:1.6}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:52px;height:52px;font-weight:900;display:inline-grid}.brand-mark.large{width:72px;height:72px;font-size:22px}.login-box{border:1px solid var(--line);width:min(420px,100% - 48px);box-shadow:var(--shadow);background:#fff;border-radius:8px;place-self:center;gap:18px;padding:32px;display:grid}.login-box h2{letter-spacing:0;font-size:28px}.login-box label,.search-field{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.login-box input,.search-field input,.entity-form input,.entity-form select,.entity-form textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 12px}.login-box input:focus,.search-field input:focus,.entity-form input:focus,.entity-form select:focus,.entity-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.entity-form textarea{resize:vertical;min-height:92px;padding:10px 12px}.form-image-preview{background:#f8fafc;border:1px dashed #c8d2dc;border-radius:8px;place-items:center;min-height:96px;display:grid;overflow:hidden}.form-image-preview img{object-fit:contain;background:#fff;width:100%;max-height:180px}.form-image-preview span{color:var(--muted);font-size:13px;font-weight:800}.form-image-clear{width:max-content}.form-error{color:var(--danger);background:#fff1f0;border:1px solid #b4231840;border-radius:8px;padding:10px 12px;font-size:14px}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;height:100vh;padding:20px;position:sticky;top:0;overflow-y:auto}.brand-block{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding-bottom:22px;display:flex}.brand-block strong,.brand-block span{display:block}.brand-block span{color:#b9c4d4;margin-top:2px;font-size:13px}.sidebar-nav{gap:22px;padding-top:22px;display:grid}.nav-group{gap:6px;display:grid}.nav-group p{color:#8ea1bb;text-transform:uppercase;padding:0 10px 6px;font-size:12px;font-weight:800}.nav-group a{color:#dce6f3;border-radius:8px;align-items:center;min-height:38px;padding:0 10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.nav-group a:hover{background:var(--nav-soft)}.nav-group a.active{color:var(--nav);background:#fff}.main-shell{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;justify-content:flex-end;align-items:center;gap:14px;min-height:68px;padding:0 28px;display:flex}.topbar-user{justify-items:end;line-height:1.2;display:grid}.topbar-user span{font-weight:800}.topbar-user small{color:var(--muted)}.mobile-menu{margin-right:auto;display:none}.page-content{min-width:0;padding:30px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:0;margin-top:6px;font-size:34px;line-height:1.18}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.page-description{max-width:760px;color:var(--muted);margin-top:8px;line-height:1.55}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.resource-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.search-field{width:min(440px,100%)}.result-count{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:118px;min-height:44px;display:flex}.result-count strong{font-size:20px}.result-count span{color:var(--muted);font-size:13px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-top:4px solid #9aa8b8;border-radius:8px;align-content:space-between;gap:16px;min-height:132px;padding:18px;display:grid;box-shadow:0 8px 24px #0f172a0d}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.metric-card strong{font-size:28px;line-height:1.15}.metric-card small{color:var(--muted)}.metric-card.tone-success{border-top-color:var(--success)}.metric-card.tone-info{border-top-color:var(--info)}.metric-card.tone-warning{border-top-color:var(--warning)}.content-grid{gap:18px;display:grid}.content-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.content-section{gap:12px;min-width:0;display:grid}.section-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-title h2{letter-spacing:0;font-size:20px}.section-title span{min-width:34px;height:28px;color:var(--muted);background:var(--surface-soft);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.table-shell{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 16px}.data-table th{color:var(--muted);text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:900}.data-table .actions-heading{width:1%;min-width:170px}.data-table td{color:var(--text);font-size:14px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.data-table tbody tr:hover{background:#fbfcfe}.data-table tr:last-child td{border-bottom:0}.muted-value{color:#9aa4b2}.table-image-link,.table-image,.image-placeholder{border-radius:8px;place-items:center;width:44px;height:44px;display:inline-grid}.table-image-link{border:1px solid var(--line);background:#fff;overflow:hidden}.table-image{object-fit:cover}.image-placeholder{color:var(--muted);background:var(--surface-soft);border:1px dashed #c8d2dc;font-size:13px;font-weight:900}.status-badge{text-transform:uppercase;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.status-badge.is-success{color:var(--success);background:#eaf7ee}.status-badge.is-warning{color:var(--warning);background:#fff7e6}.status-badge.is-danger{color:var(--danger);background:#fff1f0}.status-badge.is-neutral{color:#4b5563;background:#eef2f7}.state-block{border:1px solid var(--line);background:#fff;border-radius:8px;justify-items:start;gap:8px;padding:22px;display:grid}.state-block strong{font-size:18px}.state-block p{color:var(--muted);line-height:1.5}.state-block.tone-warning{background:#fffaf0;border-color:#b7791f59}.state-block.tone-danger{background:#fff6f5;border-color:#b4231847}.modal-backdrop{z-index:40;background:#0f172a8a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(760px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 24px 64px #0f172a33}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex}.modal-header h2{letter-spacing:0;margin-top:4px;font-size:24px}.modal-panel .form-error{margin:18px 22px 0}.entity-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;display:grid}.entity-form label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.form-wide{grid-column:1/-1}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.sidebar-scrim{display:none}[dir=rtl] body{text-align:right}[dir=rtl] .app-shell{grid-template-columns:minmax(0,1fr) 280px}[dir=rtl] .sidebar{grid-column:2}[dir=rtl] .main-shell{grid-column:1}[dir=rtl] .topbar{justify-content:flex-start}[dir=rtl] .mobile-menu{margin-left:auto;margin-right:0}[dir=rtl] .topbar-user{justify-items:start}[dir=rtl] .data-table th,[dir=rtl] .data-table td{text-align:right}[dir=rtl] .row-actions{justify-content:flex-start}[dir=rtl] .resource-toolbar,[dir=rtl] .page-header,[dir=rtl] .section-title,[dir=rtl] .modal-header{direction:rtl}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.content-grid.two-columns{grid-template-columns:1fr}}@media (width<=880px){.login-page{grid-template-columns:1fr}.login-brand{min-height:260px;padding:34px 24px}.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(300px,86vw);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(100%)}[dir=rtl] .sidebar.is-open,.sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:10;background:#0f172a75;border:0;display:block;position:fixed;inset:0}.mobile-menu{align-items:center;display:inline-flex}.topbar{padding:0 18px}.page-content{padding:22px 18px}.page-header,.resource-toolbar{flex-direction:column;align-items:stretch}.page-actions,.page-actions .button{width:100%}.result-count{justify-content:flex-start;padding:0 12px}}@media (width<=640px){.topbar-user{display:none}.login-box{width:calc(100% - 32px);padding:24px}.login-brand h1{font-size:34px}.metric-grid{grid-template-columns:1fr}.table-shell{background:0 0;border:0}.data-table{border-collapse:separate;border-spacing:0 12px;min-width:0}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.data-table td{border-bottom:1px solid var(--line);text-align:right;grid-template-columns:minmax(110px,.44fr) 1fr;gap:12px;display:grid}.row-actions{justify-content:flex-end}.data-table td:before{content:attr(data-label);color:var(--muted);text-align:left;text-transform:uppercase;font-size:12px;font-weight:900}[dir=rtl] .data-table td:before{text-align:right}.modal-backdrop{padding:12px}.modal-header,.entity-form{padding:18px}.entity-form{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}