:root{--green-950:#052e16;--green-900:#14532d;--green-800:#166534;--green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--green-400:#4ade80;--green-200:#bbf7d0;--green-100:#dcfce7;--green-50:#f0fdf4;--sky-700:#0369a1;--sky-600:#0284c7;--sky-500:#0ea5e9;--sky-400:#38bdf8;--sky-100:#e0f2fe;--sky-50:#f0f9ff;--gold-800:#92400e;--gold-700:#b45309;--gold-600:#d97706;--gold-500:#f59e0b;--gold-400:#fbbf24;--gold-200:#fde68a;--gold-100:#fef3c7;--gold-50:#fffbeb;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-150:#edf0f5;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--red-700:#b91c1c;--red-600:#dc2626;--red-500:#ef4444;--red-100:#fee2e2;--red-50:#fef2f2;--bg:#f0fdf4;--surface:var(--white);--sidebar-bg:var(--green-950);--text-1:var(--slate-900);--text-2:var(--slate-600);--text-3:var(--slate-400);--border:var(--slate-200);--border-md:var(--slate-300);--focus:var(--green-600);--accent:var(--gold-500);--sans:"Plus Jakarta Sans",sans-serif;--mono:"DM Mono",monospace;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:32px;--sh-xs:0 1px 2px #0f172a0d;--sh-sm:0 1px 4px #0f172a14,0 1px 2px #0f172a0a;--sh-md:0 4px 16px #0f172a1a,0 2px 4px #0f172a0f;--sh-lg:0 12px 40px #0f172a21,0 4px 12px #0f172a12;--sh-xl:0 24px 64px #0f172a29,0 8px 24px #0f172a17;--ease:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur:160ms;--dur-md:250ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15.5px}body{background:#f0fdf4;background:var(--bg);color:#0f172a;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--sans);line-height:1.65;min-height:100vh}img{display:block;max-width:100%}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--slate-300);border-radius:99px}.shell{display:flex;min-height:100vh}.main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-x:hidden}.page{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 36px;width:100%}.sidebar{background:#052e16;background:var(--green-950);border-right:1px solid #ffffff0d;box-shadow:4px 0 24px #052e1659;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:sticky;top:0;width:260px}.sb-brand-strip{background:linear-gradient(135deg,#166534,#14532d);background:linear-gradient(135deg,var(--green-800) 0,var(--green-900) 100%);border-bottom:1px solid #ffffff14;padding:18px 18px 16px}.sb-logo{align-items:center;display:flex;gap:11px}.sb-logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));object-fit:contain}.sb-logo-img,.sb-logo-mark{flex-shrink:0;height:38px;width:38px}.sb-logo-mark{align-items:center;background:linear-gradient(135deg,#fbbf24,#d97706);background:linear-gradient(135deg,var(--gold-400),var(--gold-600));border-radius:8px;border-radius:var(--r-sm);color:#052e16;color:var(--green-950);display:flex;font-size:18px;font-weight:800;justify-content:center;letter-spacing:-.5px}.sb-brand-text{min-width:0}.sb-brand{color:#fff;color:var(--white);font-size:17px;font-weight:800;letter-spacing:-.2px;line-height:1.15}.sb-sub{color:#ffffff73;font-size:9.5px;letter-spacing:.1em;margin-top:1px;text-transform:uppercase}.sb-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;padding:12px 10px}.sb-section{color:#ffffff4d;font-size:9.5px;font-weight:700;letter-spacing:.14em;padding:14px 10px 6px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--r-sm);color:#ffffff8c;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:9px 12px;position:relative;text-align:left;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--dur) var(--ease);width:100%}.nav-item:hover{background:#ffffff12;color:#ffffffe6}.nav-item.active{background:#16a34a2e;color:#4ade80;color:var(--green-400);font-weight:600}.nav-item.active:before{background:#4ade80;background:var(--green-400);border-radius:0 3px 3px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.nav-item svg{flex-shrink:0;opacity:.6;transition:opacity .16s;transition:opacity var(--dur)}.nav-item.active svg,.nav-item:hover svg{opacity:1}.sb-group{margin-bottom:1px}.sb-group-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--r-sm);color:#ffffff8c;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--sans);font-size:13px;font-weight:500;gap:9px;padding:8px 12px;position:relative;transition:background .16s,color .16s;transition:background var(--dur),color var(--dur);width:100%}.sb-group-btn:hover{background:#ffffff12;color:#ffffffd9}.sb-group-btn.has-active{color:#fff;color:var(--white)}.sb-group-btn svg{flex-shrink:0;opacity:.6}.sb-group-btn.has-active svg,.sb-group-btn:hover svg{opacity:1}.sb-group-label{flex:1 1;text-align:left}.sb-chevron{flex-shrink:0;opacity:.5;transition:transform .2s ease,opacity .16s;transition:transform .2s ease,opacity var(--dur)}.sb-chevron.open{opacity:.8;transform:rotate(180deg)}.sb-group-items{display:flex;flex-direction:column;gap:1px;padding-bottom:2px}.nav-item.child{color:#ffffff80;font-size:12.5px;padding-left:34px}.nav-item.child:hover{color:#ffffffd9}.nav-item.child.active{color:#fff;color:var(--white)}.sb-soon-badge{background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:99px;color:#fbbf24;color:var(--gold-400);font-size:9px;font-weight:700;letter-spacing:.04em;margin-left:2px;padding:1px 5px;text-transform:uppercase}.sb-footer-icons{display:flex;gap:4px;margin-bottom:10px;padding:0 2px}.sb-icon-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--r-sm);color:#ffffff73;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;transition:background .16s,color .16s;transition:background var(--dur),color var(--dur);width:34px}.sb-icon-btn:hover{background:#ffffff12;color:#ffffffd9}.sb-icon-btn.active{background:#16a34a33;color:#4ade80;color:var(--green-400)}.sb-notif-dot{align-items:center;background:#ef4444;background:var(--red-500);border-radius:99px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:4px;top:4px}.sb-footer{border-top:1px solid #ffffff0f;padding:12px 10px}.sb-user{background:#ffffff0d;border-radius:12px;border-radius:var(--r-md);gap:10px;margin-bottom:4px;padding:10px 12px}.sb-avatar,.sb-user{align-items:center;display:flex}.sb-avatar{background:linear-gradient(135deg,#15803d,#d97706);background:linear-gradient(135deg,var(--green-700),var(--gold-600));border:2px solid #ffffff26;border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.sb-user-info{min-width:0}.sb-name{color:#fff;color:var(--white);font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-role{color:#fff6;font-size:10.5px;margin-top:1px}.page-header{margin-bottom:28px}.page-header h1{color:#0f172a;color:var(--slate-900);font-size:26px;font-weight:800;letter-spacing:-.4px}.page-header p{color:#475569;color:var(--text-2);font-size:14.5px;margin-top:3px}.page-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.stat-card{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 4px #0f172a14,0 1px 2px #0f172a0a;box-shadow:var(--sh-sm);display:flex;gap:14px;overflow:hidden;padding:22px 20px 20px 22px;position:relative;transition:box-shadow .16s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.stat-card:hover{box-shadow:0 4px 16px #0f172a1a,0 2px 4px #0f172a0f;box-shadow:var(--sh-md);transform:translateY(-2px)}.stat-card:before{border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.stat-card.green:before{background:#22c55e;background:var(--green-500)}.stat-card.sky:before{background:#0ea5e9;background:var(--sky-500)}.stat-card.gold:before{background:#f59e0b;background:var(--gold-500)}.stat-card.amber:before{background:#d97706;background:var(--gold-600)}.stat-card.red:before{background:#ef4444;background:var(--red-500)}.stat-card.slate:before{background:#94a3b8;background:var(--slate-400)}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--r-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-icon.green{background:#dcfce7;background:var(--green-100);color:#15803d;color:var(--green-700)}.stat-icon.sky{background:#e0f2fe;background:var(--sky-100);color:#0369a1;color:var(--sky-700)}.stat-icon.gold{background:#fef3c7;background:var(--gold-100);color:#b45309;color:var(--gold-700)}.stat-icon.amber{background:#fffbeb;background:var(--gold-50);color:#d97706;color:var(--gold-600)}.stat-icon.red{background:#fee2e2;background:var(--red-100);color:#dc2626;color:var(--red-600)}.stat-icon.slate{background:#f1f5f9;background:var(--slate-100);color:#475569;color:var(--slate-600)}.stat-value{color:#0f172a;color:var(--slate-900);font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1;margin-bottom:4px}.stat-label{color:#475569;color:var(--text-2);font-size:12.5px;font-weight:500}.stat-delta{font-size:11.5px;font-weight:600;margin-top:4px}.stat-delta.up{color:#15803d;color:var(--green-700)}.stat-delta.down{color:#dc2626;color:var(--red-600)}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 4px #0f172a14,0 1px 2px #0f172a0a;box-shadow:var(--sh-sm);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:18px 22px}.card-title{color:#0f172a;color:var(--text-1);font-size:14.5px;font-weight:700}.card-subtitle{color:#94a3b8;color:var(--text-3);font-size:12.5px;margin-top:1px}.card-body{padding:20px 22px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:7px;letter-spacing:.01em;line-height:1;padding:9px 18px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--dur) var(--ease);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--green-600),var(--green-700));box-shadow:0 1px 3px #16a34a40;color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);background:linear-gradient(135deg,var(--green-700),var(--green-800));box-shadow:0 4px 14px #16a34a59;transform:translateY(-1px)}.btn-sky{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--sky-500),var(--sky-600));box-shadow:0 1px 3px #0ea5e940;color:#fff;color:var(--white)}.btn-sky:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--sky-600),var(--sky-700));box-shadow:0 4px 14px #0ea5e959;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#fbbf24,#d97706);background:linear-gradient(135deg,var(--gold-400),var(--gold-600));box-shadow:0 1px 3px #f59e0b4d;color:#052e16;color:var(--green-950);font-weight:700}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#b45309);background:linear-gradient(135deg,var(--gold-500),var(--gold-700));box-shadow:0 4px 14px #f59e0b59;transform:translateY(-1px)}.btn-success{background:#16a34a;background:var(--green-600);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#15803d;background:var(--green-700)}.btn-danger{background:#dc2626;background:var(--red-600);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--red-700)}.btn-ghost{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);color:#475569;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--slate-100);border-color:#cbd5e1;border-color:var(--border-md);color:#0f172a;color:var(--text-1)}.btn-sm{border-radius:4px;border-radius:var(--r-xs);font-size:12.5px;padding:6px 13px}.btn-lg{font-size:15px;padding:12px 26px}.btn-icon{border-radius:8px;border-radius:var(--r-sm);height:36px;justify-content:center;padding:0;width:36px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#475569;color:var(--text-2);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#0f172a;color:var(--text-1);font-size:14px;height:42px;outline:none;padding:0 13px;transition:border-color .16s,box-shadow .16s;transition:border-color var(--dur),box-shadow var(--dur);width:100%}.form-textarea{height:auto;min-height:84px;padding:10px 13px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#22c55e;border-color:var(--green-500);box-shadow:0 0 0 3px #22c55e1f}.form-hint{color:#94a3b8;color:var(--text-3);font-size:12px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.form-section-title{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--text-3);font-size:11.5px;font-weight:700;letter-spacing:.1em;margin-bottom:16px;margin-top:8px;padding-bottom:8px;text-transform:uppercase}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:3px 10px}.badge-dot{background:currentColor;border-radius:50%;height:5px;width:5px}.b-pending{background:#fef3c7;background:var(--gold-100);color:#b45309;color:var(--gold-700)}.b-in-progress{background:#e0f2fe;background:var(--sky-100);color:#0369a1;color:var(--sky-700)}.b-success,.b-validated{background:#dcfce7;background:var(--green-100);color:#15803d;color:var(--green-700)}.b-failed{background:#fee2e2;background:var(--red-100);color:#b91c1c;color:var(--red-700)}.b-grey{background:#f1f5f9;background:var(--slate-100);color:#475569;color:var(--slate-600)}.table-wrap{max-width:100%;overflow-x:auto;width:100%}table{border-collapse:collapse;font-size:13.5px;width:100%}thead tr{background:#f8fafc;background:var(--slate-50);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border)}th{color:#475569;color:var(--text-2);font-size:11px;font-weight:700;letter-spacing:.08em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:13px 16px;vertical-align:middle}tbody tr{transition:background .16s;transition:background var(--dur)}tbody tr:hover{background:#f0fdf4;background:var(--green-50)}tbody tr:last-child td{border-bottom:none}.mono{color:#475569;color:var(--text-2);font-family:DM Mono,monospace;font-family:var(--mono);font-size:12.5px}.tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:2px;margin-bottom:22px}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-3);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:7px;margin-bottom:-2px;padding:10px 18px;transition:all .16s;transition:all var(--dur)}.tab-btn:hover{color:#0f172a;color:var(--text-1)}.tab-btn.active{border-bottom-color:#16a34a;border-bottom-color:var(--green-600);color:#15803d;color:var(--green-700)}.overlay{align-items:center;animation:fadeIn .15s cubic-bezier(.4,0,.2,1);animation:fadeIn .15s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#052e1673;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal{animation:slideUp .22s cubic-bezier(.34,1.56,.64,1);animation:slideUp .22s var(--ease-spring);background:#fff;background:var(--white);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 24px 64px #0f172a29,0 8px 24px #0f172a17;box-shadow:var(--sh-xl);max-height:92vh;max-width:580px;overflow-y:auto;width:100%}.modal-lg{max-width:800px}.modal-hdr{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;padding:26px 28px 0}.modal-title{color:#0f172a;color:var(--text-1);font-size:18px;font-weight:800}.modal-body{padding:20px 28px 28px}.search-wrap{align-items:center;display:flex;position:relative}.search-wrap svg{color:#94a3b8;color:var(--text-3);left:12px;pointer-events:none;position:absolute}.search-input{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#0f172a;color:var(--text-1);font-size:14px;height:42px;outline:none;padding:0 13px 0 38px;transition:border-color .16s,box-shadow .16s;transition:border-color var(--dur),box-shadow var(--dur);width:100%}.search-input:focus{border-color:#22c55e;border-color:var(--green-500);box-shadow:0 0 0 3px #22c55e1f}.pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#475569;color:var(--text-2);display:flex;font-size:13px;justify-content:space-between;padding:14px 22px}.pagination-controls{gap:3px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#475569;color:var(--text-2);cursor:pointer;font-size:12.5px;height:32px;justify-content:center;transition:all .16s;transition:all var(--dur);width:32px}.page-btn:hover:not(:disabled){background:#f0fdf4;background:var(--green-50);border-color:#bbf7d0;border-color:var(--green-200);color:#15803d;color:var(--green-700)}.page-btn.active{background:#16a34a;background:var(--green-600);border-color:#16a34a;border-color:var(--green-600);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.login-page{align-items:center;background:#f1f5f9;background:var(--slate-100);display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.login-card{background:#fff;background:var(--white);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 4px 6px #0000000a,0 12px 40px #00000014;margin:auto;max-width:400px;overflow:hidden;width:100%}.login-banner-area{overflow:visible;position:relative}.login-banner-area,.login-banner-area>img.login-banner{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;height:190px}.login-banner-area>img.login-banner{display:block;object-fit:cover;object-position:center top;width:100%}.login-banner-area:after{background:linear-gradient(180deg,#0000,#fff);background:linear-gradient(to bottom,#0000,var(--white));bottom:0;content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0}.login-logo-float{align-items:center;background:#fff;background:var(--white);border:3px solid #fff;border:3px solid var(--white);border-radius:50%;bottom:-32px;box-shadow:0 4px 18px #0000002e;display:flex;height:64px;justify-content:center;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:64px;z-index:2}.login-logo-float img{height:88%;object-fit:contain;width:88%}.login-brand-area{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);display:flex;flex-direction:column;padding:44px 32px 20px}.login-brand{color:#0f172a;color:var(--slate-900);font-size:20px;font-weight:800;letter-spacing:-.3px}.login-sub{color:#94a3b8;color:var(--slate-400);font-size:12.5px;margin-top:4px}.login-apc-badge{align-items:center;background:#f0fdf4;background:var(--green-50);border:1px solid #bbf7d0;border:1px solid var(--green-200);border-radius:99px;color:#15803d;color:var(--green-700);display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.04em;margin-top:10px;padding:3px 10px}.login-form{gap:16px;padding:24px 32px 32px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-lbl{color:#475569;color:var(--slate-600);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.login-inp{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:8px;border-radius:var(--r-sm);box-sizing:border-box;color:#0f172a;color:var(--slate-900);display:block;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--sans);font-size:14.5px;outline:none;padding:11px 14px;transition:border-color .16s,box-shadow .16s;transition:border-color var(--dur),box-shadow var(--dur);width:100%}.login-inp::placeholder{color:#94a3b8;color:var(--slate-400)}.login-inp:focus{border-color:#22c55e;border-color:var(--green-500);box-shadow:0 0 0 3px #22c55e1f}.login-inp[readonly]{background:#f8fafc;background:var(--slate-50);color:#64748b;color:var(--slate-500);cursor:default}.login-inp-wrap{position:relative}.login-inp-wrap .login-inp{padding-right:42px}.login-eye{background:none;border:none;color:#94a3b8;color:var(--slate-400);cursor:pointer;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .16s;transition:color var(--dur)}.login-eye:hover{color:#475569;color:var(--slate-600)}.login-hint{color:#94a3b8;color:var(--slate-400);font-size:11.5px;margin-top:2px}.login-btn{background:#16a34a;background:var(--green-600);border:none;border-radius:8px;border-radius:var(--r-sm);box-shadow:0 2px 8px #16a34a40;color:#fff;color:var(--white);cursor:pointer;display:block;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--sans);font-size:14.5px;font-weight:700;padding:12px;transition:background .16s,box-shadow .16s,transform .16s;transition:background var(--dur),box-shadow var(--dur),transform var(--dur);width:100%}.login-btn:hover:not(:disabled){background:#15803d;background:var(--green-700);box-shadow:0 4px 16px #16a34a59;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-link-btn{background:none;border:none;color:#94a3b8;color:var(--slate-400);cursor:pointer;display:block;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--sans);font-size:12.5px;padding:0;text-align:center;transition:color .16s;transition:color var(--dur)}.login-link-btn:hover{color:#15803d;color:var(--green-700)}.login-err{background:#fef2f2;background:var(--red-50);border:1px solid #fee2e2;border:1px solid var(--red-100);border-radius:8px;border-radius:var(--r-sm);color:#b91c1c;color:var(--red-700)}.login-err,.login-info{font-size:13px;padding:10px 13px}.login-info{background:#f0fdf4;background:var(--green-50);border:1px solid #bbf7d0;border:1px solid var(--green-200);border-radius:8px;border-radius:var(--r-sm);color:#15803d;color:var(--green-700)}.login-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100);color:#94a3b8;color:var(--slate-400);font-size:11.5px;padding:16px 32px;text-align:center}.search-hero{background:linear-gradient(135deg,#14532d,#166534);background:linear-gradient(135deg,var(--green-900) 0,var(--green-800) 100%);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 8px 32px #052e1640;margin-bottom:28px;overflow:hidden;padding:36px 40px;position:relative}.search-hero:before{background:#f59e0b14;height:240px;right:-60px;top:-60px;width:240px}.search-hero:after,.search-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.search-hero:after{background:#22c55e1a;bottom:-40px;height:160px;left:40%;width:160px}.search-hero-title{color:#fff;color:var(--white);font-size:26px;font-weight:800;margin-bottom:6px}.search-hero-sub{color:#ffffffa6;font-size:14px;margin-bottom:24px}.search-hero-row{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.search-hero-input{background:#ffffff1a;border:1.5px solid #ffffff26;border-radius:12px;border-radius:var(--r-md);color:#fff;color:var(--white);flex:1 1;font-family:DM Mono,monospace;font-family:var(--mono);font-size:15px;height:50px;letter-spacing:.06em;outline:none;padding:0 18px;transition:border-color .16s;transition:border-color var(--dur)}.search-hero-input:focus{background:#ffffff24;border-color:#fbbf24;border-color:var(--gold-400)}.search-hero-input::placeholder{color:#ffffff4d;letter-spacing:0}.search-hero-btn,.search-hero-input::placeholder{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--sans);font-size:14px}.search-hero-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#d97706);background:linear-gradient(135deg,var(--gold-400),var(--gold-600));border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 14px #f59e0b59;color:#052e16;color:var(--green-950);cursor:pointer;display:flex;font-weight:800;gap:8px;height:50px;padding:0 26px;transition:all .16s;transition:all var(--dur);white-space:nowrap}.search-hero-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#b45309);background:linear-gradient(135deg,var(--gold-500),var(--gold-700));transform:translateY(-1px)}.search-hero-btn:disabled{cursor:not-allowed;opacity:.6}.dash-hero{background:linear-gradient(135deg,#166534,#15803d 60%,#0284c7);background:linear-gradient(135deg,var(--green-800) 0,var(--green-700) 60%,var(--sky-600) 100%);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 8px 32px #052e1633;color:#fff;margin-bottom:28px;overflow:hidden;padding:30px 36px;position:relative}.dash-hero:before{background:#ffffff0f;border-radius:50%;content:"";height:300px;pointer-events:none;position:absolute;right:-80px;top:-80px;width:300px}.dash-hero-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dash-hero-title{font-size:28px;font-weight:800;letter-spacing:-.3px;margin:4px 0 6px}.dash-hero-sub{font-size:14px;opacity:.7}.dash-hero-badge{align-items:center;background:#f59e0b40;border:1px solid #f59e0b66;border-radius:99px;color:var(--gold-300);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:10px;padding:4px 12px}.progress-bar{background:#e2e8f0;background:var(--slate-200);border-radius:99px;height:8px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);transition:width .6s var(--ease)}.progress-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--green-500),var(--green-600))}.progress-fill.sky{background:linear-gradient(90deg,#38bdf8,#0ea5e9);background:linear-gradient(90deg,var(--sky-400),var(--sky-500))}.progress-fill.gold{background:linear-gradient(90deg,#fbbf24,#f59e0b);background:linear-gradient(90deg,var(--gold-400),var(--gold-500))}.info-row{display:flex;flex-direction:column;gap:3px}.info-lbl{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.info-val{color:#0f172a;color:var(--text-1);font-size:14.5px;font-weight:500}.info-nil{color:#94a3b8;color:var(--text-3);font-size:14.5px;font-style:italic}.note-box{background:#fffbeb;background:var(--gold-50);border:1px solid #fef3c7;border:1px solid var(--gold-100);border-radius:8px;border-radius:var(--r-sm);color:#b45309;color:var(--gold-700)}.err-box,.note-box{align-items:flex-start;display:flex;font-size:13px;gap:9px;padding:11px 14px}.err-box{background:#fef2f2;background:var(--red-50);border:1px solid #fee2e2;border:1px solid var(--red-100);border-radius:8px;border-radius:var(--r-sm);color:#b91c1c;color:var(--red-700)}.success-box{background:#f0fdf4;background:var(--green-50);border:1px solid #bbf7d0;border:1px solid var(--green-200);border-radius:8px;border-radius:var(--r-sm);color:#15803d;color:var(--green-700)}.info-box,.success-box{align-items:flex-start;display:flex;font-size:13px;gap:9px;padding:11px 14px}.info-box{background:#f0f9ff;background:var(--sky-50);border:1px solid #e0f2fe;border:1px solid var(--sky-100);border-radius:8px;border-radius:var(--r-sm);color:#0369a1;color:var(--sky-700)}.member-photo{border:3px solid #e2e8f0;border:3px solid var(--border);border-radius:50%;height:120px;object-fit:cover;width:120px}.member-photo-placeholder{align-items:center;background:#f0fdf4;background:var(--green-50);border:3px solid #bbf7d0;border:3px solid var(--green-200);border-radius:50%;color:#4ade80;color:var(--green-400);display:flex;height:120px;justify-content:center;width:120px}.spin{animation:spin .6s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.spin-dk{border-color:#16a34a #16a34a26 #16a34a26;border-top-color:var(--green-600)}.divider{background:#e2e8f0;background:var(--border);height:1px;margin:20px 0}.empty{color:#94a3b8;color:var(--text-3);padding:60px 20px;text-align:center}.empty svg{margin:0 auto 14px;opacity:.3}.empty p{font-size:14.5px;font-weight:500}.empty small{font-size:13px;opacity:.8}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.ani,.animate-in{animation:slideIn .24s cubic-bezier(.4,0,.2,1);animation:slideIn .24s var(--ease)}.g-2col{display:grid;grid-template-columns:1fr 1fr}.g-sidebar{display:grid;grid-template-columns:1fr 300px}.g-sidebar-sm{display:grid;grid-template-columns:1fr 320px}.g-sidebar-lg{display:grid;grid-template-columns:1fr 340px}.g-4col{display:grid;grid-template-columns:repeat(4,1fr)}.g-photo-form{display:grid;grid-template-columns:185px 1fr}.page-toolbar{display:flex;flex-wrap:wrap;gap:8px}.page-toolbar-search{width:220px}.member-filter-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.sidebar{width:220px}.page{padding:24px}}@media (max-width:900px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.mobile-header{display:none}@media (max-width:768px){.shell{display:flex;flex-direction:column}.mobile-header{background:linear-gradient(135deg,#14532d,#166534);background:linear-gradient(135deg,var(--green-900),var(--green-800));flex-shrink:0;justify-content:space-between;padding:14px 16px;position:sticky;top:0;z-index:110}.hamburger,.mobile-header{align-items:center;color:#fff;display:flex}.hamburger{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;border-radius:var(--r-sm);height:38px;justify-content:center;width:38px}.sidebar{display:flex;height:100vh;left:-270px;position:fixed;top:0;transition:left .25s cubic-bezier(.4,0,.2,1);transition:left .25s var(--ease);width:260px;z-index:120}.sidebar.open{left:0}.sidebar-overlay{background:#052e1699;inset:0;position:fixed;z-index:110}.main,.page{overflow-x:hidden}.page{box-sizing:border-box;max-width:100vw;min-width:0;padding:16px}.page-header h1{font-size:20px;letter-spacing:-.3px}.dash-hero-title,.search-hero-title{font-size:20px}.dash-hero,.search-hero{margin-bottom:20px;padding:20px 18px}.search-hero-row{flex-direction:column;gap:8px}.search-hero-input{flex:none}.search-hero-btn,.search-hero-input{box-sizing:border-box;height:50px;width:100%}.search-hero-btn{justify-content:center}.page-header-row{align-items:flex-start;flex-direction:column;gap:12px}.stat-grid{grid-template-columns:1fr}.member-filter-grid{grid-template-columns:1fr 1fr!important}.card-body,.card-header{padding:14px 16px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.pagination{align-items:center;flex-direction:column;gap:10px}.pagination-controls{flex-wrap:wrap;justify-content:center}.overlay{align-items:flex-end;padding:0}.modal{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;max-width:100%}.modal-hdr{padding:20px 18px 0}.modal-body{padding:16px 18px 28px}.login-card{max-width:100%}.login-form{padding:20px 22px 28px}.login-brand-area{padding:44px 22px 20px}.g-2col,.g-photo-form,.g-sidebar,.g-sidebar-lg,.g-sidebar-sm{grid-template-columns:1fr}.g-4col{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.0746c1aa.css.map*/