:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1b2630;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.topbar{height:64px;background:#fff;border-bottom:1px solid #e1e6ea;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:18px;position:sticky;top:0;z-index:10}.top-left,.top-right,.actions,.breadcrumbs{display:flex;align-items:center;gap:8px}.icon-btn,.home-btn,.secondary{height:36px;border:1px solid #dce2e7;background:#fff;border-radius:7px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#52606b}.icon-btn:hover,.home-btn:hover,.secondary:hover{background:#f3f5f6}.home-btn{padding:0 13px}.breadcrumbs{margin-left:5px;color:#66737e;font-size:14px}.breadcrumbs a:hover{color:#1e6b57}.global-search{height:36px;width:260px;border:1px solid #dce2e7;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:7px;color:#79858e}.global-search input{border:0;outline:0;width:100%;font-size:14px}.user-name{font-size:13px;color:#65717b}.page{max-width:1380px;margin:auto;padding:28px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar h2,.form-page h2,.officer-head h2{font-size:23px;margin:0 0 5px}.toolbar small,.muted{color:#78848d;font-size:13px}.primary{height:38px;border:0;border-radius:7px;background:#1e6b57;color:#fff;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;cursor:pointer}.primary:hover{background:#185946}.primary:disabled{opacity:.7}.full{width:100%}.filters{display:flex;gap:4px;margin-bottom:10px}.filters a{font-size:13px;padding:7px 11px;border-radius:6px;color:#68747e}.filters a.selected{background:#e5f0ed;color:#1d6553;font-weight:600}.file-table{background:#fff;border:1px solid #e1e6ea;border-radius:10px;overflow:hidden}.thead,.row{display:grid;grid-template-columns:minmax(280px,2fr) 180px 130px 110px 80px;align-items:center;padding:0 18px}.thead{height:42px;background:#f8fafb;border-bottom:1px solid #e6eaed;text-transform:uppercase;font-size:11px;font-weight:700;color:#77838d;letter-spacing:.04em}.row{min-height:58px;border-bottom:1px solid #edf0f2;font-size:14px}.row:last-child{border-bottom:0}.row:hover{background:#fafcfd}.name-cell{display:flex;align-items:center;gap:12px;min-width:0}.name-cell a,.name-cell>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-icon{color:#73818c}.doc-icon{font-size:20px;color:#5e6c78}.row-actions{display:flex;justify-content:flex-end;gap:4px}.row-actions form{margin:0}.danger{color:#a84040}.status-active{color:#1d765a}.status-inactive{color:#a65c31}.empty{margin-top:18px;min-height:270px;border:1px dashed #d1d9de;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#78848d}.empty strong{color:#47535d}.empty-icon{font-size:36px;color:#7a8790}.empty .primary{margin-top:8px}.officer-head{background:#fff;border:1px solid #e1e6ea;border-radius:10px;padding:18px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.meta{display:flex;flex-wrap:wrap;gap:14px;color:#697680;font-size:13px}.section-title{font-size:12px;font-weight:750;letter-spacing:.05em;color:#6b7781;margin:10px 2px}.danger-zone{margin-top:18px}.danger-btn{background:none;border:1px solid #e1baba;color:#a33f3f;border-radius:7px;padding:8px 12px;cursor:pointer}.form-page{max-width:680px}.form.card{background:#fff;border:1px solid #e1e6ea;border-radius:10px;padding:22px;margin-top:15px}.form{display:flex;flex-direction:column;gap:15px}.form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#56636d}.form input,.form textarea,.form select{border:1px solid #d5dde2;border-radius:7px;padding:10px 11px;background:#fff;color:#1b2630;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#55927f;box-shadow:0 0 0 3px rgba(85,146,127,.1)}.form textarea{min-height:90px;resize:vertical}.form small{font-weight:400;color:#87929a}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.form-error{background:#fff0f0;border:1px solid #edcccc;color:#9b3c3c;border-radius:7px;padding:10px 12px;font-size:13px;margin-bottom:12px}.toast{position:fixed;right:24px;bottom:24px;background:#1e6b57;color:#fff;border-radius:8px;padding:12px 15px;box-shadow:0 10px 30px #0002;z-index:50;font-size:14px}.toast-error{background:#a84343}.search-results{display:flex;flex-direction:column;gap:7px}.result{background:#fff;border:1px solid #e1e6ea;border-radius:9px;padding:14px;display:flex;gap:12px;align-items:center}.result:hover{background:#fafcfc}.result-icon{font-size:20px;color:#73818c}.result small{display:block;color:#7a8790;margin-top:3px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f6f7}.login-card{width:min(400px,calc(100% - 30px));background:#fff;border:1px solid #e0e6ea;border-radius:14px;padding:32px;box-shadow:0 12px 40px #182a3312}.brand{width:43px;height:43px;background:#1e6b57;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800;margin-bottom:17px}.login-card h1{font-size:23px;margin:0 0 6px}.login-card p{color:#73808a;font-size:14px;margin:0 0 22px}@media(max-width:800px){.topbar{padding:0 10px}.breadcrumbs,.user-name{display:none}.global-search{width:180px}.page{padding:20px 12px}.thead{display:none}.row{display:flex;gap:10px;min-height:62px;padding:12px}.row>span{display:none}.row-actions{margin-left:auto}.toolbar{gap:12px}.officer-head{align-items:flex-start;flex-direction:column}.two-cols{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.home-btn{padding:0 9px}}