@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary:#f15a28;--primary-light:#f3784f;--primary-dark:#d84717;--secondary:#212529;--secondary-light:#343a40;--secondary-dark:#121416;--bg-page:#f8f9fa;--bg-card:#fff;--bg-hover:#f1f3f5;--text-main:#212529;--text-sub:#6c757d;--text-muted:#adb5bd;--text-on-primary:#fff;--border:#e9ecef;--border-dark:#dee2e6;--sidebar-bg:#fff;--sidebar-border:#e9ecef;--sidebar-text:#212529;--sidebar-text-muted:#6c757d;--sidebar-hover:#f8f9fa;--sidebar-active-bg:#f15a281a;--sidebar-active-text:#f15a28;--status-waiting:#ef4444;--status-waiting-bg:#fef2f2;--status-lmia:#f59e0b;--status-lmia-bg:#fffbeb;--status-received:#8b5cf6;--status-received-bg:#f5f3ff;--status-submitted:#3b82f6;--status-submitted-bg:#eff6ff;--status-explain:#ec4899;--status-explain-bg:#fdf2f8;--status-approved:#10b981;--status-approved-bg:#ecfdf5;--status-refused:#6b7280;--status-refused-bg:#f9fafb;--status-review:#0ea5e9;--status-review-bg:#f0f9ff;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--radius:8px;--radius-lg:12px;--transition:all .18s ease;--font:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--primary:#f15a28;--primary-light:#f4784d;--primary-dark:#e05021;--secondary:#adb5bd;--secondary-light:#dee2e6;--secondary-dark:#6c757d;--bg-page:#212529;--bg-card:#2b3035;--bg-hover:#343a40;--text-main:#f8f9fa;--text-sub:#adb5bd;--text-muted:#6c757d;--text-on-primary:#fff;--border:#343a40;--border-dark:#495057;--sidebar-bg:#212529;--sidebar-border:#343a40;--sidebar-text:#f8f9fa;--sidebar-text-muted:#adb5bd;--sidebar-hover:#343a40;--sidebar-active-bg:#f15a2826;--sidebar-active-text:#f4784d;--status-waiting-bg:#ef444426;--status-lmia-bg:#f59e0b26;--status-received-bg:#8b5cf626;--status-submitted-bg:#3b82f626;--status-explain-bg:#ec489926;--status-approved-bg:#10b98126;--status-refused-bg:#6b728026;--status-review-bg:#0ea5e926}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1{color:var(--text-main);font-size:1.5rem;font-weight:700}h2{color:var(--text-main);font-size:1.125rem;font-weight:700}h3{color:var(--text-main);font-size:1rem;font-weight:600}h4{color:var(--text-sub);font-size:.875rem;font-weight:600}a{color:var(--primary);transition:var(--transition);text-decoration:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-screen{height:100vh}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.text-center{text-align:center}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:248px;min-width:248px;height:100vh;transition:var(--transition);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;display:flex}.sidebar-logo-icon{background:var(--primary);width:40px;height:40px;color:var(--text-on-primary);letter-spacing:-1px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:flex}.sidebar-logo-text .title{color:var(--sidebar-text);letter-spacing:-.5px;font-size:1rem;font-weight:800;line-height:1.2}.sidebar-logo-text .title span{color:var(--secondary)}.sidebar-logo-text .subtitle{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:2px;font-size:.55rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex}.sidebar-nav-label{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem;padding:.75rem .5rem .25rem;font-size:.625rem;font-weight:700}.nav-link{border-radius:var(--radius);color:var(--sidebar-text);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--sidebar-hover)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.nav-link.active svg{color:var(--sidebar-active-text)}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:1rem .75rem}.sidebar-user{border-radius:var(--radius);align-items:center;gap:.75rem;padding:.5rem;display:flex}.sidebar-user-avatar{background:var(--primary);width:36px;height:36px;color:var(--text-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.btn-logout{border-radius:var(--radius);color:var(--sidebar-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.btn-logout:hover{color:#fc8181;background:#ef444426}.main-content{flex:1;min-width:0;padding:1.5rem 2rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-main);font-size:1.375rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:.125rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.card-flat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-dark);transform:translateY(-1px)}.stat-card.active{border-color:var(--primary);box-shadow:0 0 0 2px #f15a281f, var(--shadow-md)}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-count{color:var(--text-main);font-size:1.875rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.75rem;font-weight:600}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--bg-hover)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.6875rem;font-weight:700}td{color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle;padding:.875rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition)}tbody tr:hover td{background-color:var(--bg-hover)}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:.8125rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #f15a2840}.btn-gold{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-gold:hover{background:var(--secondary-dark);border-color:var(--secondary-dark)}.btn-outline{color:var(--primary);border-color:var(--border-dark);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-ghost{color:var(--text-sub);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-waiting{background:var(--status-waiting-bg);color:var(--status-waiting)}.badge-lmia{background:var(--status-lmia-bg);color:var(--status-lmia)}.badge-received{background:var(--status-received-bg);color:var(--status-received)}.badge-submitted{background:var(--status-submitted-bg);color:var(--status-submitted)}.badge-explain{background:var(--status-explain-bg);color:var(--status-explain)}.badge-approved{background:var(--status-approved-bg);color:var(--status-approved)}.badge-refused{background:var(--status-refused-bg);color:var(--status-refused)}.badge-review{background:var(--status-review-bg);color:var(--status-review)}.badge-completed{background:var(--status-approved-bg);color:var(--status-approved)}.badge-open{color:#059669;background:#ecfdf5}.badge-paused{color:#b45309;background:#fffbeb}.badge-closed{color:#6b7280;background:#f9fafb}.badge-active{color:#2563eb;background:#eff6ff}.badge-inactive{color:#9ca3af;background:#f9fafb}.input-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-sub);font-size:.8125rem;font-weight:600}.input-field{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-main);border-radius:var(--radius);transition:var(--transition);font-size:.875rem;font-family:var(--font);outline:none;width:100%;padding:.625rem .875rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f15a281a}select.input-field{cursor:pointer}.input{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-main);border-radius:var(--radius);transition:var(--transition);font-size:.875rem;font-family:var(--font);outline:none;width:100%;padding:.625rem .875rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f15a281a}.login-page{background:#1e3846;min-height:100vh;display:flex}.login-left{flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.login-brand .brand-title{color:#fff;letter-spacing:-1px;font-size:2.5rem;font-weight:900;line-height:1.1}.login-brand .brand-title span{color:var(--secondary)}.login-brand .brand-sub{color:#fff6;text-transform:uppercase;letter-spacing:.25em;margin-top:.5rem;font-size:.75rem;font-weight:700}.login-brand .brand-desc{color:#fff9;max-width:340px;margin-top:1.5rem;font-size:1rem;line-height:1.7}.login-right{background:var(--bg-page);justify-content:center;align-items:center;width:440px;min-width:440px;padding:3rem 2.5rem;display:flex}.login-card{width:100%;max-width:380px}.login-card-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.login-card-sub{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-main);font-size:1rem;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-main)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border);background:var(--bg-page);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.tab-bar{border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.progress-bar-track{background:var(--border);border-radius:9999px;height:6px;margin-top:4px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:9999px;height:100%;transition:width .4s}.filter-bar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.search-input-wrap{flex:1;max-width:300px;position:relative}.search-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text-main);transition:var(--transition);font-size:.875rem;font-family:var(--font);outline:none;padding:.5rem .75rem .5rem 2.25rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f15a281a}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state svg{opacity:.4;margin-bottom:.75rem}.empty-state p{font-size:.875rem}.loading-spin{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;display:flex}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3}.info-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);min-width:160px;font-size:.8125rem;font-weight:600}.info-value{color:var(--text-main);font-size:.875rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--text-main);font-size:.9375rem;font-weight:700}.log-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-bottom:.625rem;padding:.875rem}.log-item:last-child{margin-bottom:0}.log-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.75rem;display:flex}.log-content{color:var(--text-main);font-size:.875rem}