:root{--fh-navy: #1C355E;--fh-green: #2C9942;--fh-blue: #1C355E;--fh-blue-dark: #14284a;--fh-bar: #1C355E;--fh-link: #2C9942;--fh-orange: #f5a623;--fh-bg: #f4f6f9;--fh-border: #e4e8ee;--fh-text: #2b3444;--fh-muted: #7c8797;--f-present:#1f7be0;--f-late:#f0ad2e;--f-early:#1e7e34;--f-short:#17a2a2;--f-absent:#e02b2b;--f-hf:#ff8c00;--f-absentshort:#4a4a4a;--f-leave:#e6e64d;--f-sch:#5f8a8b;--f-missing:#a020a0;--f-off:#111418}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--fh-bg);color:var(--fh-text);font-size:14px}a{color:var(--fh-link);text-decoration:none}a:hover{text-decoration:underline}.fh-topbar{background:#fff;border-bottom:1px solid var(--fh-border);display:flex;align-items:center;gap:22px;padding:8px 22px;position:sticky;top:0;z-index:30}.fh-logo{display:flex;align-items:center;gap:6px;font-weight:700}.fh-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.fh-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;color:#4a5568;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;min-width:62px}.fh-nav a .ico{font-size:20px;line-height:1}.fh-nav a:hover{background:#eef4fb;text-decoration:none}.fh-nav a.active{color:var(--fh-blue)}.fh-user{display:flex;align-items:center;gap:8px;font-weight:700;color:#33404f;cursor:pointer}.fh-avatar{width:34px;height:34px;border-radius:50%;background:var(--fh-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.fh-nav a.active{border-bottom:2px solid var(--fh-green)}.fh-crumb{background:var(--fh-bar);color:#fff;padding:7px 22px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.fh-crumb .path b{font-weight:700}.fh-crumb .support{color:var(--fh-orange);font-size:12px}.fh-tabs{display:flex;gap:2px;padding:10px 22px 0;background:#fff;border-bottom:1px solid var(--fh-border);flex-wrap:wrap}.fh-tabs button{border:1px solid transparent;border-bottom:none;background:#f1f4f8;color:#5a6675;padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:6px 6px 0 0;cursor:pointer}.fh-tabs button.active{background:#fff;color:var(--fh-blue);border-color:var(--fh-border);position:relative;top:1px}.fh-main{padding:16px 22px 40px}.fh-grid{display:grid;gap:16px}.fh-card{background:#fff;border:1px solid var(--fh-border);border-radius:8px}.fh-card>.hd{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--fh-border);color:var(--fh-blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.fh-card>.bd{padding:16px}.fh-profile{text-align:center}.fh-profile .ph{width:150px;height:150px;border-radius:4px;background:#eef2f7;margin:6px auto 14px;display:flex;align-items:center;justify-content:center;font-size:64px;color:#c3ccd8}.fh-profile .nm{font-weight:700;font-size:15px}.fh-profile .role{color:var(--fh-link);margin:2px 0}.fh-table{width:100%;border-collapse:collapse;font-size:13px}.fh-table th{text-align:left;color:#5b6675;font-weight:700;padding:10px 12px;border-bottom:2px solid var(--fh-border);background:#fafbfc}.fh-table td{padding:10px 12px;border-bottom:1px solid #eef1f5}.fh-table tr:hover td{background:#f8fbff}.badge-ok{color:var(--fh-blue)}.pill{display:inline-block;min-width:44px;text-align:center;background:#eaf1fb;color:#33506f;border-radius:4px;padding:2px 8px;font-weight:700}.fh-statrow{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #eef1f5}.fh-statrow:last-child{border-bottom:none}.fh-btn{background:var(--fh-blue);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:700;cursor:pointer}.fh-btn.ghost{background:#fff;color:var(--fh-blue);border:1px solid var(--fh-blue)}.fh-input,.fh-select{width:100%;padding:8px 10px;border:1px solid #d6dce4;border-radius:6px;font-size:13px;background:#fff}label.fh-lbl{font-size:12px;color:#6b7686;font-weight:600;margin-bottom:4px;display:block}.fh-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c355e,#14284a)}.fh-login .brandlogo{display:block;margin:0 auto 10px;height:46px}.lp{display:flex;min-height:100vh;background:#fff}.lp-left{flex:0 0 46%;display:flex;flex-direction:column;padding:30px 46px}.lp-brand{display:flex;align-items:center;gap:10px}.lp-form{margin:auto;width:100%;max-width:370px}.lp-tabs{display:flex;gap:28px;border-bottom:1px solid #e4e8ee;margin-bottom:30px}.lp-tab{padding:8px 2px 12px;font-size:22px;font-weight:700;color:#c0c9d4;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.lp-tab.on{color:#1c355e;border-bottom-color:#2c9942}.lp-field{display:flex;align-items:center;gap:10px;border:1px solid #dfe4ea;border-radius:26px;padding:11px 16px;margin-bottom:16px;transition:border-color .15s}.lp-field:focus-within{border-color:#2c9942}.lp-field input{border:none;outline:none;flex:1;font-size:14px;background:transparent;color:#2b3444}.lp-field .ic{width:28px;height:28px;border-radius:50%;background:#eef6f0;color:#2c9942;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.lp-forgot{color:#1c355e;font-size:13px;cursor:pointer}.lp-forgot:hover{text-decoration:underline}.lp-btn{background:#2c9942;color:#fff;border:none;border-radius:26px;padding:11px 40px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 16px #2c994259}.lp-btn:hover{background:#25863a}.lp-btn:disabled{opacity:.7;cursor:default}.lp-note{margin-top:26px;font-size:12px;color:#98a2b3}.lp-right{flex:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#3bb45a,#2c9942 55%,#1f7a35);display:flex;align-items:center;justify-content:center}.lp-c{position:absolute;border-radius:50%}@media (max-width: 860px){.lp-right{display:none}.lp-left{flex:1}}.fh-login .box{background:#fff;border-radius:12px;padding:34px;width:360px;box-shadow:0 20px 60px #0000004d}.fh-login h1{text-align:center;color:var(--fh-blue);font-size:30px;margin:0 0 4px}.fh-login .sub{text-align:center;color:var(--fh-muted);margin-bottom:22px;font-size:13px}.fh-login .err{background:#fdecea;color:#b3261e;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.org-node{background:#e9f2fb;border:1px solid #cfe0f2;border-radius:8px;padding:10px 12px;width:230px;font-size:12px}.org-node .nm{color:var(--fh-blue);font-weight:700}.org-children{display:flex;gap:24px;justify-content:center}