@charset "UTF-8";:root{--brand:#4f46e5;--brand-600:#4338ca;--brand-50:#eef2ff;--success:#12b76a;--success-50:#ecfdf3;--warning:#f79009;--warning-50:#fffaeb;--danger:#f04438;--danger-50:#fff1f0;--info:#06b6d4;--text:#0f172a;--text-soft:#334155;--muted:#64748b;--muted-2:#94a3b8;--line:#e2e8f0;--line-soft:#f1f5f9;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--sidebar:#ffffff;--page:#f8fafc;--shadow:0 1px 3px 0 rgba(0,0,0,.04),0 1px 2px -1px rgba(0,0,0,.03);--shadow-md:0 4px 6px -1px rgba(0,0,0,.06),0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);--radius:16px}html[data-theme=dark]{--text:#f8fafc;--text-soft:#e2e8f0;--muted:#94a3b8;--muted-2:#64748b;--line:#334155;--line-soft:#1e293b;--surface:#0f172a;--surface-2:#1e293b;--surface-3:#334155;--sidebar:#0b1120;--page:#020617;--brand-50:rgba(79,70,229,.16);--success-50:rgba(18,183,106,.14);--warning-50:rgba(247,144,9,.14);--danger-50:rgba(240,68,56,.14);--shadow:0 1px 3px 0 rgba(0,0,0,.25);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.025em}.page-head,.head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1,.head h1{font-size:28px;line-height:1.25;margin:5px 0 7px;color:var(--text);font-weight:700}.page-head p,.head p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.page-head>div>span,.head>div>span,.head>span{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.primary,.head>button,.page-head>button,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:10px;padding:9px 14px;font-weight:600;font-size:13px;box-shadow:0 1px 2px #1018280f;transition:.18s ease}.primary:hover,.head>button:hover,.page-head>button:hover,.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600);transform:translateY(-1px)}.ghost,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--text-soft);border-radius:9px;padding:8px 12px;font-weight:600;font-size:12px;text-decoration:none;transition:.18s ease}.ghost:hover,.btn-secondary:hover{background:var(--surface-2);border-color:#d0d5dd}.danger,.btn-danger{border:1px solid #fecdca;background:var(--danger-50);color:#b42318;border-radius:8px;padding:7px 10px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;gap:5px;transition:.18s ease}.danger:hover,.btn-danger:hover{background:#fee4e2}.btn-success{border:1px solid #a6f4c5;background:var(--success-50);color:#027a48;border-radius:8px;padding:7px 10px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;gap:5px;transition:.18s ease}.btn-success:hover{background:#d1fadf}.btn-warning{border:1px solid #fedf89;background:var(--warning-50);color:#b54708;border-radius:8px;padding:7px 10px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;gap:5px;transition:.18s ease}.btn-warning:hover{background:#fef0c7}.table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.action-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:all .18s cubic-bezier(.16,1,.3,1);padding:0;cursor:pointer;flex:0 0 auto}.action-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--muted-2);transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.action-btn.view:hover,.action-btn.edit:hover{background:var(--brand-50);color:var(--brand);border-color:#4f46e559}.action-btn.del:hover{background:var(--danger-50);color:var(--danger);border-color:#f0443859}.action-btn.approve{color:#12b76a}.action-btn.approve:hover{background:var(--success-50);border-color:#a6f4c5;color:#027a48}.action-btn.reject{color:#f79009}.action-btn.reject:hover{background:var(--warning-50);border-color:#fedf89;color:#b54708}.action-btn.pay{color:#06b6d4}.action-btn.pay:hover{background:#06b6d41f;border-color:#a5f3fc;color:#0891b2}.fs-swal-popup{border-radius:20px!important;padding:26px!important;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-lg)!important}.swal2-actions{gap:10px!important;margin-top:20px!important}.swal2-actions button{border-radius:10px!important;font-weight:600!important;font-size:13px!important;padding:10px 18px!important;min-height:38px!important}html[data-theme=dark] .danger{color:#f97066;border-color:#f0443840}html[data-theme=dark] .btn-success{color:#32d583;border-color:#12b76a40}html[data-theme=dark] .btn-warning{color:#fdb022;border-color:#f7900940}html[data-theme=dark] .fs-swal-popup{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}.card,section.table-card,.table-card,.panel-card,.settings section,.reports article,.roles-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line-soft)}.card-header h3{margin:0 0 3px;font-size:16px;color:var(--text)}.card-header p{margin:0;color:var(--muted);font-size:12px}.card-body{padding:20px}.table-card{overflow:hidden}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:14px 18px;border-bottom:1px solid var(--line-soft);text-align:left;font-size:12px;vertical-align:middle;white-space:nowrap;color:var(--text-soft)}th{background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.035em}tbody tr{transition:background .16s ease}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}td b{color:var(--text);font-weight:600}.muted{color:var(--muted-2)!important;font-size:11px}.empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:13px}.toolbar{min-height:64px;padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface)}.toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-field{position:relative;min-width:270px}.search-field svg,.search-field app-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted-2)}.search-field input{padding-left:38px!important}input,select,textarea{width:100%;border:1px solid #d0d5dd;background:var(--surface);color:var(--text);border-radius:9px;padding:10px 12px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border-color:#344054}input:focus,select:focus,textarea:focus{border-color:#8098f9;box-shadow:0 0 0 3px #465fff1f}textarea{min-height:88px;resize:vertical}label{color:var(--text-soft)}.badge,.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1;background:var(--brand-50);color:var(--brand)}.badge:before,.status-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge[data-status=ACTIVE],.badge[data-status=PAID],.badge[data-status=COMPLETED],.badge[data-status=DONE],.badge[data-status=APPROVED]{background:var(--success-50);color:#039855}.badge[data-status=OVERDUE],.badge[data-status=BLOCKED],.badge[data-status=URGENT]{background:var(--danger-50);color:#d92d20}.badge[data-status=DRAFT],.badge[data-status=PLANNING],.badge[data-status=TODO]{background:var(--surface-3);color:var(--muted)}.badge[data-status=PARTIAL],.badge[data-status=ON_HOLD],.badge[data-status=REVIEW],.badge[data-status=SUBMITTED]{background:var(--warning-50);color:#dc6803}.modal{position:fixed;inset:0;background:#10182885;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:20px;animation:fadeIn .16s ease}.dialog{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:var(--shadow-lg);animation:popIn .18s ease}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0 0 4px;font-size:18px;color:var(--text)}.dialog-head p{margin:0;color:var(--muted);font-size:12px}.dialog-head>button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:600}.form-grid .wide{grid-column:1/-1}.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:var(--surface-2)}.error{color:#d92d20;font-size:12px;padding:0 22px;min-height:0}.avatar-sm,.member-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#eef4ff,#f4ebff);color:#3538cd;font-weight:700;font-size:11px;border:1px solid #e0e7ff}html[data-theme=dark] .avatar-sm,html[data-theme=dark] .member-avatar{background:#1d2939;border-color:#344054;color:#b9c0ff}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar-sm{margin-left:-7px;border:2px solid var(--surface)}.avatar-stack .avatar-sm:first-child{margin-left:0}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite}.scope{display:inline-flex;margin:-8px 0 18px;padding:6px 10px;border-radius:999px;background:var(--brand-50);color:var(--brand);font-size:10px;font-weight:700}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:700px){.page-head,.head{flex-direction:column;align-items:stretch}.page-head>button,.head>button{align-self:flex-start}.page-head h1,.head h1{font-size:24px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-group{width:100%}.search-field{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog{border-radius:14px}}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{background:var(--surface-3);color:var(--text)}th.sortable.active{color:var(--brand);background:var(--brand-50)}.th-inner{display:inline-flex;align-items:center;gap:5px}.th-inner app-icon{opacity:.45;transition:opacity .15s}th.sortable.active .th-inner app-icon{opacity:1}th.sortable:hover .th-inner app-icon{opacity:.8}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.pagination-info{color:var(--muted);font-size:11px;white-space:nowrap}.pagination-info b{color:var(--text-soft)}.pagination-controls{display:flex;align-items:center;gap:4px}.pg-btn{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1}.pg-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--muted-2)}.pg-btn.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}.pg-btn:disabled{opacity:.38;cursor:not-allowed}.pg-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:32px;color:var(--muted);font-size:12px;pointer-events:none}.page-size-select{height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text-soft);font-size:11px;cursor:pointer;outline:none;width:auto}.page-size-select:focus{border-color:var(--brand)}.pg-sep{width:1px;height:20px;background:var(--line);margin:0 4px}@media(max-width:600px){.pagination-bar{justify-content:center;flex-direction:column;gap:8px}.pagination-info{text-align:center}}