@font-face{font-family:Poppins;src:url(../../../fonts/Poppins-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Poppins;src:url(../../../fonts/Poppins-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Poppins;src:url(../../../fonts/Poppins-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Poppins;src:url(../../../fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Poppins;src:url(../../../fonts/Poppins-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Poppins;src:url(../../../fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:800}:root{--blue-900:#0a2f5c;--blue-800:#0F4786;--blue-700:#144A86;--blue-600:#1a5fa8;--blue-100:#dce8f8;--green-700:#6b7a30;--green-600:#86993C;--green-400:#97c03c;--green-300:#aeca14;--green-100:#e8f5e9;--white:#ffffff;--grey-100:#f5f5f5;--grey-200:#eeeeee;--grey-400:#bdbdbd;--grey-600:#757575;--grey-800:#424242;--black:#212121;--success:#3a9d4e;--danger:#dc3545;--info:#33b5e5;--warning:#e8a200;--accent:#86993C;--accent-strong:#6b7a30;--accent-soft:#e8f5e9;--ui-scale:1;--radius:14px;--row-h:56px;--sidebar-w:264px;--bg:#eef1f4;--surface:#ffffff;--surface-2:#f7f9fb;--surface-3:#eef1f5;--border:#e4e8ee;--border-strong:#d4dae2;--fg:#1a2230;--fg-2:#5a6473;--fg-3:#8a93a3;--sidebar-bg:#0c2f57;--sidebar-bg-2:#0a2747;--sidebar-fg:#c5d3e6;--sidebar-fg-muted:#7e93b3;--shadow-sm:0 1px 2px rgba(16,38,68,.06), 0 1px 3px rgba(16,38,68,.08);--shadow-md:0 4px 14px rgba(16,38,68,.08), 0 2px 6px rgba(16,38,68,.06);--shadow-lg:0 18px 50px rgba(12,33,68,.18), 0 6px 18px rgba(12,33,68,.1);--font:"Poppins","Segoe UI",sans-serif}[data-theme=dark]{--bg:#0a1828;--surface:#12273f;--surface-2:#0e2138;--surface-3:#1a3553;--border:#21395a;--border-strong:#2d4a70;--fg:#eaf1fa;--fg-2:#9db3ce;--fg-3:#6d84a3;--sidebar-bg:#081c33;--sidebar-bg-2:#06162a;--sidebar-fg:#c5d3e6;--sidebar-fg-muted:#6d84a3;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 6px 18px rgba(0,0,0,.35);--shadow-lg:0 20px 55px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:calc(16px * var(--ui-scale));-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer}a{color:inherit}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--fg-3)}.app{display:flex;min-height:100vh;background:var(--bg);transition:background .3s}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2));color:var(--sidebar-fg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1),flex-basis .28s cubic-bezier(.4,0,.2,1);z-index:40;overflow:hidden}.sidebar.collapsed{--sidebar-w:78px}.sb-brand{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;min-height:84px}.sb-brand .mark{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#fffffff5;display:grid;place-items:center;padding:5px}.sb-brand .mark img{width:100%;height:100%;object-fit:contain}.sb-brand .wm{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;overflow:hidden}.sb-brand .wm b{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.01em}.sb-brand .wm span{font-size:.7rem;color:var(--green-300);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sb-section{padding:0 14px;margin-top:6px}.sb-label{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sidebar-fg-muted);padding:14px 14px 7px;font-weight:600;white-space:nowrap}.sidebar.collapsed .sb-label{opacity:0;height:8px;padding:4px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:11px;color:var(--sidebar-fg);text-decoration:none;font-size:.92rem;font-weight:500;position:relative;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.nav-item svg{width:21px;height:21px;flex:0 0 21px;stroke-width:1.9}.nav-item .lbl{overflow:hidden}.nav-item .badge{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;min-width:21px;height:21px;padding:0 6px;border-radius:99px;display:grid;place-items:center}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#ffffff1a;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:4px;background:var(--accent);border-radius:0 4px 4px 0}.sidebar.collapsed .nav-item{justify-content:center;padding:11px}.sidebar.collapsed .nav-item .lbl,.sidebar.collapsed .nav-item .badge,.sidebar.collapsed .sb-brand .wm{display:none}.sidebar.collapsed .nav-item.active:before{left:-14px}.sb-foot{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:14px 26px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--fg-2);transition:.15s;flex:0 0 auto}.icon-btn:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border-strong)}.icon-btn svg{width:20px;height:20px}.tb-title{display:flex;flex-direction:column;line-height:1.2}.tb-title b{font-size:1.12rem;font-weight:700}.tb-title span{font-size:.78rem;color:var(--fg-3)}.search{flex:1;max-width:440px;position:relative;margin:0 auto 0 8px}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--fg-3)}.search input{width:100%;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);padding:0 16px 0 42px;font-size:.9rem;color:var(--fg);font-family:inherit;transition:.15s}.search input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.search input::placeholder{color:var(--fg-3)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:10px}.tb-user{display:flex;align-items:center;gap:11px;padding:5px 8px 5px 5px;border-radius:99px;border:1px solid var(--border);background:var(--surface);transition:.15s}.tb-user:hover{background:var(--surface-2)}.tb-user .av{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--accent-soft)}.tb-user .nm{line-height:1.15;text-align:left}.tb-user .nm b{font-size:.85rem;display:block}.tb-user .nm span{font-size:.72rem;color:var(--fg-3)}.content{padding:28px 30px 60px;flex:1}.content-wrap{max-width:1280px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.page-head p{color:var(--fg-2);font-size:.92rem;margin-top:3px;font-weight:300}.btn{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:11px;border:1px solid transparent;font-weight:600;font-size:.88rem;transition:.15s;text-decoration:none;white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--fg);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn-soft{background:var(--accent-soft);color:var(--accent-strong)}.btn-soft:hover{filter:brightness(.97)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn-lg{padding:14px 24px;font-size:.95rem}.btn-sm{padding:7px 12px;font-size:.8rem;border-radius:9px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:.74rem;font-weight:600}.chip-dot{width:7px;height:7px;border-radius:50%}.chip.warn{background:color-mix(in srgb,var(--warning) 16%,transparent);color:#9a6b00}.chip.ok{background:color-mix(in srgb,var(--success) 15%,transparent);color:#1f7a36}.chip.info{background:var(--blue-100);color:var(--blue-700)}.chip.muted{background:var(--surface-3);color:var(--fg-2)}.chip.danger{background:color-mix(in srgb,var(--danger) 13%,transparent);color:#b32533}[data-theme=dark] .chip.warn{color:#ffc955}[data-theme=dark] .chip.ok{color:#7fd693}[data-theme=dark] .chip.info{color:#9cc4f5;background:#1c498766}[data-theme=dark] .chip.danger{color:#ff8a96}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat{padding:20px;position:relative;overflow:hidden}.stat .ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px}.stat .ico svg{width:23px;height:23px}.stat .val{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;line-height:1}.stat .lbl{color:var(--fg-2);font-size:.86rem;margin-top:6px;font-weight:500}.stat .trend{position:absolute;top:20px;right:20px;font-size:.74rem;font-weight:700;display:flex;align-items:center;gap:3px}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.dash-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}.section-head h3{font-size:1.02rem;font-weight:700}.section-head a{font-size:.82rem;color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer}.section-head a:hover{text-decoration:underline}.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 20px 20px}.q-action{display:flex;align-items:center;gap:13px;padding:15px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);transition:.15s;text-align:left}.q-action:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.q-action .qi{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:0 0 40px}.q-action .qi svg{width:20px;height:20px}.q-action b{font-size:.9rem;display:block}.q-action span{font-size:.76rem;color:var(--fg-3)}.valitem{display:flex;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--border)}.valitem:hover{background:var(--surface-2)}.av-sm{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px;background:var(--accent-soft);display:grid;place-items:center;font-weight:700;color:var(--accent-strong);font-size:.85rem}.valitem .who b{font-size:.9rem;display:block}.valitem .who span{font-size:.76rem;color:var(--fg-3)}.valitem .act{margin-left:auto;display:flex;gap:8px}.mini-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);transition:.15s;color:var(--fg-2)}.mini-btn svg{width:18px;height:18px}.mini-btn.approve:hover{background:var(--success);color:#fff;border-color:var(--success)}.mini-btn.reject:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.mini-btn:hover{border-color:var(--border-strong);color:var(--fg)}.activity{display:flex;gap:13px;padding:13px 20px;border-top:1px solid var(--border)}.activity .tl{width:34px;flex:0 0 34px;display:flex;flex-direction:column;align-items:center}.activity .tl .dot{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.activity .tl .dot svg{width:16px;height:16px}.activity .bd b{font-size:.86rem;font-weight:600}.activity .bd p{font-size:.8rem;color:var(--fg-2);margin-top:2px}.activity .bd time{font-size:.72rem;color:var(--fg-3)}.table-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;flex-wrap:wrap}.seg{display:inline-flex;background:var(--surface-3);border-radius:11px;padding:4px;gap:2px}.seg button{border:none;background:none;padding:8px 15px;border-radius:8px;font-size:.84rem;font-weight:600;color:var(--fg-2);transition:.15s;display:flex;align-items:center;gap:7px}.seg button .cnt{background:var(--surface);padding:1px 7px;border-radius:99px;font-size:.72rem}.seg button.active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.seg button.active .cnt{background:var(--accent);color:#fff}.mini-search{position:relative;margin-left:auto}.mini-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--fg-3)}.mini-search input{height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);padding:0 14px 0 36px;font-size:.85rem;color:var(--fg);width:240px;font-family:inherit}.mini-search input:focus{outline:none;border-color:var(--accent);background:var(--surface)}table.tbl{width:100%;border-collapse:collapse}table.tbl thead th{text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-weight:700;padding:12px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}table.tbl thead th.sortable{cursor:pointer}table.tbl thead th .arrow{opacity:.4;margin-left:4px}table.tbl tbody td{padding:0 20px;height:var(--row-h);border-bottom:1px solid var(--border);font-size:.88rem;vertical-align:middle}table.tbl tbody tr{transition:background .12s}table.tbl tbody tr:hover{background:var(--surface-2)}.cell-name{display:flex;align-items:center;gap:12px}.cell-name b{font-weight:600}.cell-id{font-variant-numeric:tabular-nums;color:var(--fg-2);font-weight:600}.row-act{display:flex;gap:7px;justify-content:flex-end}.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;flex-wrap:wrap;gap:12px}.tbl-foot .info{font-size:.82rem;color:var(--fg-3)}.pager{display:flex;gap:6px}.pager button{min-width:36px;height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--border);background:var(--surface);font-size:.84rem;font-weight:600;color:var(--fg-2)}.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pager button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pager button:disabled{opacity:.4;cursor:not-allowed}.empty{text-align:center;padding:54px 20px;color:var(--fg-3)}.empty svg{width:54px;height:54px;opacity:.4;margin-bottom:14px}.edit-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.field{margin-bottom:4px}.field label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}.field input,.field select{width:100%;height:46px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);padding:0 14px;font-size:.92rem;color:var(--fg);font-family:inherit;transition:.15s}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.field input:disabled{opacity:.65;cursor:not-allowed}.field.changed input{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,transparent)}.field-row{display:grid;gap:16px}.fieldset-title{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:26px 0 16px}.fieldset-title:after{content:"";flex:1;height:1px;background:var(--border)}.fieldset-title:first-child{margin-top:0}.profile-card{padding:0;overflow:hidden}.profile-photo{aspect-ratio:1;width:100%;object-fit:cover;display:block}.profile-meta{padding:18px 18px 20px}.profile-meta .pm-name{font-size:1.15rem;font-weight:700}.profile-meta .pm-id{font-size:.8rem;color:var(--fg-3);margin-bottom:14px}.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:.84rem}.kv span{color:var(--fg-3)}.kv b{font-weight:600;text-align:right}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-hero{position:relative;padding:54px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#0a2850bd,#0c2f5780),url(../../../assets/login-hero.jpeg) center/cover;color:#fff}.login-hero .lh-logo{display:flex;align-items:center;gap:14px}.login-hero .lh-logo .mk{width:54px;height:54px;border-radius:14px;background:#fffffff2;padding:7px;display:grid;place-items:center}.login-hero .lh-logo .mk img{width:100%;height:100%;object-fit:contain}.login-hero .lh-logo div b{display:block;font-weight:700;font-size:1.05rem}.login-hero .lh-logo div span{font-size:.8rem;color:var(--green-300);font-weight:600;letter-spacing:.05em}.login-hero .lh-body{max-width:480px}.login-hero .lh-body .kicker{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:7px 14px;border-radius:99px;font-size:.78rem;font-weight:600;margin-bottom:22px;border:1px solid rgba(255,255,255,.18)}.login-hero .lh-body h1{font-size:3rem;font-weight:800;line-height:1.05;letter-spacing:-.02em}.login-hero .lh-body p{font-size:1.02rem;font-weight:300;margin-top:18px;line-height:1.7;color:#ffffffe6}.login-hero .lh-stats{display:flex;gap:34px}.login-hero .lh-stats div b{font-size:1.7rem;font-weight:800}.login-hero .lh-stats div span{font-size:.8rem;color:#ffffffbf}.login-form-wrap{display:grid;place-items:center;padding:40px;background:var(--surface)}.login-form{width:100%;max-width:380px}.login-form .lf-head{margin-bottom:30px}.login-form .lf-head b{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}.login-form .lf-head p{color:var(--fg-3);font-size:.9rem;margin-top:5px}.login-form .field{margin-bottom:18px}.login-form .lf-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.lf-check{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--fg-2);cursor:pointer}.lf-check input{width:18px;height:18px;accent-color:var(--accent)}.lf-row a{font-size:.86rem;color:var(--accent);font-weight:600;text-decoration:none}.login-form .btn-primary{width:100%;justify-content:center}.lf-foot{text-align:center;margin-top:28px;font-size:.82rem;color:var(--fg-3)}.lf-error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:#b32533;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:11px;padding:11px 14px;font-size:.84rem;font-weight:500;margin-bottom:18px;display:flex;align-items:center;gap:9px}[data-theme=dark] .lf-error{color:#ff8a96}.scrim,.mob-only{display:none}.mob-show{display:none!important}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.edit-grid{grid-template-columns:1fr}}@media(max-width:860px){.login{grid-template-columns:1fr}.login-hero{display:none}.mob-only{display:grid}.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#08162880;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search{display:none}.mob-hide{display:none!important}.mob-show{display:grid!important}.content{padding:18px 16px 50px}.topbar{padding:12px 16px}.field-row{grid-template-columns:1fr!important}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.q-grid{grid-template-columns:1fr}.tb-user .nm{display:none}}