@font-face{font-family:Almarai;src:url(fonts/Almarai-Regular.ttf)}@font-face{font-family:Almarai;src:url(fonts/Almarai-Bold.ttf);font-weight:700}
#na-app,.na-login,.na-home,.na-application{--ink:#192b4d;--green:#167765;--paper:#f5f7f8;font-family:Almarai,system-ui,sans-serif;color:var(--ink);font-size:14px;line-height:1.7;box-sizing:border-box}#na-app *{box-sizing:border-box}#na-app{background:var(--paper);min-height:85vh;border-radius:18px;overflow:hidden;max-width:1600px;margin:24px auto;border:1px solid #e1e6eb}#na-app .na-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;background:white;border-bottom:1px solid #e1e6eb}#na-app .na-logo{width:220px;height:auto}#na-app .na-user{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.na-layout{display:grid;grid-template-columns:220px minmax(0,1fr)}.na-nav{background:var(--ink);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.na-nav button{background:none;color:#c8d4e0;border:0;text-align:start;padding:11px 15px;border-radius:9px;font:inherit;cursor:pointer}.na-nav button[aria-current=page],.na-nav button:hover{background:#ffffff18;color:#fff}.na-main{padding:28px;min-width:0}.na-banner{padding:9px 28px;background:#e3f1ed;color:#155e50;font-size:12px}.na-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.na-title-row h1{font-size:25px;margin:0}.na-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.na-card{padding:22px;background:#fff;border:1px solid #e0e6ec;border-radius:14px}.na-card strong{display:block;font-size:30px;color:var(--green);margin-top:12px}.na-card h2{font-size:17px;margin-top:0}.na-button,#na-app button.primary{display:inline-block;background:var(--green);color:white;border:0;border-radius:9px;padding:10px 20px;font:inherit;text-decoration:none;cursor:pointer}#na-app button.secondary{background:#fff;color:var(--ink);border:1px solid #ccd5df;border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}#na-app button:disabled{opacity:.5;cursor:wait}#na-app button:focus-visible,#na-app input:focus-visible,#na-app select:focus-visible{outline:3px solid #167765;outline-offset:3px}.na-table-wrap{overflow-x:auto;background:white;border:1px solid #e0e6ec;border-radius:12px}.na-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.na-table th,.na-table td{padding:12px 14px;border-bottom:1px solid #edf0f3;text-align:start;max-width:280px;white-space:normal;min-width:90px;overflow-wrap:anywhere}.na-table th{background:#f0f4f7;font-weight:700}.na-table tr:hover td{background:#f8fbfa}.na-table .na-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:150px}.na-tag{display:inline-block;padding:3px 9px;background:#e3f1ed;color:#155e50;border-radius:20px;font-size:11px}.na-muted{color:#637084}.na-status{padding:12px;margin-bottom:16px;border-radius:9px;background:#e3f1ed}.na-status.error{background:#fff1f0;color:#8d2620}.na-empty{padding:40px;text-align:center}.na-dialog{border:0;border-radius:18px;max-width:640px;width:calc(100% - 30px);padding:28px;color:#192b4d;font-family:Almarai}.na-dialog::backdrop{background:#192b4d80}.na-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.na-form label{display:flex;flex-direction:column;gap:7px;font-size:13px}.na-form input,.na-form select,.na-form textarea,#na-app select,.na-application input,.na-application select{font:inherit;padding:10px;border:1px solid #cbd4df;border-radius:8px;background:white;color:#192b4d;max-width:100%;width:100%}.na-form textarea{min-height:95px}.na-form .na-wide{grid-column:1/-1}.na-form footer{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.na-login,.na-application{max-width:560px;margin:50px auto;padding:30px;border:1px solid #dfe5ec;border-radius:18px}.na-login img{width:300px}.na-login input{max-width:100%;padding:10px;border:1px solid #ccd5df;border-radius:8px}.na-login label,.na-application label{display:block;margin-top:16px}.na-home{max-width:1100px;margin:50px auto;text-align:center;padding:40px}.na-home>img{width:330px;display:block;margin:auto}.na-home small{display:block;margin-top:20px}.na-home h1{font-size:44px}.na-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:50px 0}.na-feature-grid article{background:#f5f7f8;border-radius:15px;padding:20px}.na-feature-grid h2{font-size:18px}.na-honeypot{position:absolute!important;left:-10000px!important}.na-application button{margin-top:24px}.na-links{display:flex;gap:12px;flex-wrap:wrap}.na-mini{font-size:11px}.na-notes{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:900px){.na-layout{grid-template-columns:1fr}.na-nav{flex-direction:row;overflow:auto;white-space:nowrap;max-height:120px}.na-kpis{grid-template-columns:1fr 1fr}.na-main{padding:16px}#na-app .na-top{padding:15px;flex-wrap:wrap}.na-feature-grid{grid-template-columns:1fr 1fr}.na-form{grid-template-columns:1fr}.na-notes{grid-template-columns:1fr}}@media(max-width:430px){.na-kpis{grid-template-columns:1fr}.na-home h1{font-size:28px}.na-feature-grid{grid-template-columns:1fr}.na-logo{max-width:180px}}
@media print{.na-nav,.na-banner,.na-user,.na-actions,.na-title-row button{display:none!important}.na-layout{display:block}.na-table-wrap{overflow:visible}.na-table{font-size:9px}.na-main{padding:0}}