@font-face{font-display:block;font-family:Noto Sans Khmer;font-style:normal;font-weight:400 700;src:url(../fonts/noto-sans-khmer-400-700.woff2) format("woff2");unicode-range:u+1780-17ff,u+19e0-19ff,u+200c-200d,u+25cc}@font-face{font-display:block;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(../fonts/noto-sans-400.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:block;font-family:Noto Sans;font-style:normal;font-weight:600 700;src:url(../fonts/noto-sans-700.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--fsa-green-950:#0d2b1a;--fsa-green-900:#1a3d28;--fsa-green-800:#1f5c35;--fsa-green-700:#256b3e;--fsa-green-600:#2d7d4a;--fsa-green-500:#3a9960;--fsa-green-400:#52b378;--fsa-green-300:#7dcb99;--fsa-green-200:#b2e0c5;--fsa-green-100:#d9f0e4;--fsa-green-50:#f0f9f4;--fsa-gold-700:#8a6500;--fsa-gold-500:#c49a00;--fsa-gold-400:#e0b822;--fsa-gold-300:#f0d060;--fsa-gold-100:#fef8d6;--fsa-gray-950:#0f1117;--fsa-gray-900:#1c1f26;--fsa-gray-800:#2d3142;--fsa-gray-700:#424660;--fsa-gray-600:#5a5f7a;--fsa-gray-500:#7c8198;--fsa-gray-400:#a0a5bb;--fsa-gray-300:#c5c8d8;--fsa-gray-200:#e2e4ef;--fsa-gray-100:#f1f2f8;--fsa-gray-50:#f8f9fc;--fsa-success:#2d7d4a;--fsa-warning:#e0881a;--fsa-danger:#d93025;--fsa-info:#1a6fa8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--fsa-gray-50);color:var(--fsa-gray-900);font-family:Noto Sans,Noto Sans Khmer,sans-serif;font-size:14px;line-height:1.6}:lang(km){font-family:Noto Sans Khmer,Noto Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600}.app-layout{display:flex;min-height:100vh}.app-content{background:var(--fsa-gray-50);flex:1;overflow-y:auto;padding:24px}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px;white-space:nowrap}.badge-draft{background:var(--fsa-gray-100);color:var(--fsa-gray-700)}.badge-submitted{background:#dbeafe;color:#1d4ed8}.badge-ao-approved{background:#ccfbf1;color:#0f766e}.badge-ao-returned{background:#ffedd5;color:#c2410c}.badge-gs-forwarded{background:#ede9fe;color:#6d28d9}.badge-funit-accepted{background:var(--fsa-green-100);color:var(--fsa-green-700)}.badge-funit-returned{background:#fee2e2;color:#b91c1c}.card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:20px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:opacity .15s,background .15s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--fsa-green-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--fsa-green-500)}.btn-secondary{background:var(--fsa-gray-100);color:var(--fsa-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--fsa-gray-200)}.btn-danger{background:var(--fsa-danger);color:#fff}.year-pill{background:var(--fsa-green-600);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:4px 12px}.workflow-timeline{display:flex;gap:0;overflow-x:auto;padding:8px 0}.workflow-step{align-items:center;display:flex;flex-direction:column;min-width:120px;position:relative}.workflow-step:not(:last-child):after{background:var(--fsa-gray-200);content:"";height:2px;left:50%;position:absolute;right:-50%;top:12px}.workflow-dot{align-items:center;background:var(--fsa-gray-200);border-radius:50%;display:flex;height:24px;justify-content:center;width:24px;z-index:1}.workflow-dot.active{background:var(--fsa-green-600)}.workflow-dot.completed{background:var(--fsa-green-400)}table{border-collapse:collapse;font-size:14px;width:100%}th{background:var(--fsa-gray-50);border-bottom:2px solid var(--fsa-gray-200);color:var(--fsa-gray-600);font-weight:600;text-align:left}td,th{padding:10px 12px}td{border-bottom:1px solid var(--fsa-gray-100)}tr:hover td{background:var(--fsa-gray-50)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-label{color:var(--fsa-gray-700);font-size:13px;font-weight:500}.form-label.required:after{color:var(--fsa-danger);content:" *"}.form-input,.form-select,.form-textarea{border:1px solid var(--fsa-gray-300);border-radius:8px;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--fsa-green-500);box-shadow:0 0 0 3px #2d7d4a1a;outline:none}.form-textarea{min-height:80px;resize:vertical}.progress-selector{display:flex;flex-wrap:wrap;gap:8px}.progress-option{border:2px solid var(--fsa-gray-200);border-radius:8px;cursor:pointer;font-weight:600;padding:6px 14px;transition:all .15s}.progress-option.selected{background:var(--fsa-green-50);border-color:var(--fsa-green-600);color:var(--fsa-green-700)}.upload-zone{border:2px dashed var(--fsa-gray-300);border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:border-color .15s}.upload-zone:hover{border-color:var(--fsa-green-400)}.notification-badge{align-items:center;background:var(--fsa-danger);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}
