@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--lckha-primary:#0038a8;--lckha-primary-light:#1a56db;--lckha-primary-soft:#0038a81a;--lckha-primary-glow:#0038a840;--lckha-emerald:#10b981;--lckha-emerald-soft:#10b9811a;--lckha-amber:#f59e0b;--lckha-amber-soft:#f59e0b1a;--lckha-rose:#f43f5e;--lckha-rose-soft:#f43f5e1a;--lckha-violet:#8b5cf6;--lckha-violet-soft:#8b5cf61a;--lckha-sky:#0ea5e9;--lckha-sky-soft:#0ea5e91a;--lckha-bg:#f0f4fb;--lckha-surface:#fff;--lckha-surface-elevated:#fff;--lckha-panel-bg:#f8faff;--lckha-border:#e2e8f0;--lckha-border-light:#e2e8f099;--lckha-text:#0f172a;--lckha-text-muted:#64748b;--lckha-text-subtle:#94a3b8;--lckha-radius-xs:6px;--lckha-radius-sm:8px;--lckha-radius:12px;--lckha-radius-lg:16px;--lckha-radius-xl:20px;--lckha-radius-2xl:28px;--lckha-radius-full:9999px;--lckha-shadow-xs:0 1px 3px #0f172a0d,0 1px 2px #0f172a0a;--lckha-shadow-sm:0 2px 8px #0f172a0f,0 1px 3px #0f172a0a;--lckha-shadow:0 4px 16px #0f172a14,0 2px 6px #0f172a0d;--lckha-shadow-md:0 8px 24px #0f172a1a,0 4px 10px #0f172a0f;--lckha-shadow-lg:0 16px 48px #0f172a1f,0 8px 20px #0f172a14;--lckha-shadow-primary:0 6px 24px #0038a847;--lckha-ease:cubic-bezier(.16,1,.3,1);--lckha-ease-out:cubic-bezier(0,0,.2,1)}.lckha{background:var(--lckha-bg);height:calc(100vh - 72px);color:var(--lckha-text);grid-template-columns:360px 1fr;font-family:Inter,-apple-system,sans-serif;display:grid;position:relative;overflow:hidden}.lckha:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 100% 0,#0038a80d 0%,#0000 60%);width:600px;height:600px;position:fixed;top:0;right:0}.lckha-panel-left{background:var(--lckha-surface);border-right:1px solid var(--lckha-border-light);z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 12px #0f172a0a}.lckha-pheader{border-bottom:1px solid var(--lckha-border-light);background:linear-gradient(#fff 0%,#f8fafc 100%);flex-shrink:0;padding:20px 18px 16px}.lckha-pheader-title{text-transform:uppercase;letter-spacing:.1em;color:var(--lckha-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:800;display:flex;position:relative}.lckha-pheader-title:before{content:"";background:var(--lckha-primary);width:4px;height:4px;box-shadow:0 0 0 3px var(--lckha-primary-soft);border-radius:50%}.lckha-pheader-title i{font-size:15px}.lckha-filter-group{margin-bottom:10px}.lckha-filter-label{text-transform:uppercase;letter-spacing:.07em;color:var(--lckha-text-subtle);margin-bottom:5px;font-size:9.5px;font-weight:700;display:block}.lckha-select{border:1.5px solid var(--lckha-border);border-radius:var(--lckha-radius-sm);width:100%;color:var(--lckha-text);background:var(--lckha-panel-bg);cursor:pointer;transition:all .18s var(--lckha-ease);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:9px 34px 9px 12px;font-size:13px;font-weight:600}.lckha-select:focus{border-color:var(--lckha-primary);box-shadow:0 0 0 3px var(--lckha-primary-soft);background-color:#fff}.lckha-search-wrap{margin-top:4px;position:relative}.lckha-search-wrap i{color:var(--lckha-text-subtle);pointer-events:none;font-size:13px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.lckha-search{border:1.5px solid var(--lckha-border);border-radius:var(--lckha-radius-sm);width:100%;color:var(--lckha-text);background:var(--lckha-panel-bg);transition:all .18s var(--lckha-ease);outline:none;padding:9px 12px 9px 34px;font-family:inherit;font-size:13px}.lckha-search::placeholder{color:var(--lckha-text-subtle)}.lckha-search:focus{border-color:var(--lckha-primary);box-shadow:0 0 0 3px var(--lckha-primary-soft);background:#fff}.lckha-stats-strip{border-bottom:1px solid var(--lckha-border-light);background:var(--lckha-panel-bg);flex-shrink:0;gap:8px;padding:10px 18px;display:flex}.lckha-stat-pill{border-radius:var(--lckha-radius-full);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex}.lckha-stat-pill i{font-size:12px}.lckha-stat-pill.waiting{color:var(--lckha-primary);background:#0038a814;border:1px solid #0038a81f}.lckha-stat-pill.approved{color:var(--lckha-emerald);background:#10b98114;border:1px solid #10b98126}.lckha-item-list{scrollbar-width:thin;scrollbar-color:var(--lckha-border)transparent;flex:1;padding:10px 12px;overflow-y:auto}.lckha-item-list::-webkit-scrollbar{width:4px}.lckha-item-list::-webkit-scrollbar-thumb{background:var(--lckha-border);border-radius:99px}.lckha-item{border-radius:var(--lckha-radius-lg);cursor:pointer;transition:all .2s var(--lckha-ease);background:var(--lckha-bg);border:1.5px solid #0000;margin-bottom:6px;padding:13px 14px;position:relative;overflow:hidden}.lckha-item:before{content:"";background:linear-gradient(90deg,var(--lckha-primary),var(--lckha-primary-light));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.lckha-item:hover{border-color:var(--lckha-border);box-shadow:var(--lckha-shadow-sm);background:#fff;transform:translate(2px)}.lckha-item:hover:before{opacity:1}.lckha-item.active{border-color:var(--lckha-primary);box-shadow:0 0 0 3px var(--lckha-primary-soft),var(--lckha-shadow-sm);background:#fff;transform:translate(3px)}.lckha-item.active:before{opacity:1}.lckha-item-avatar{background:linear-gradient(135deg,var(--lckha-primary),#1a56db);color:#fff;letter-spacing:-.5px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:flex;box-shadow:0 4px 10px #0038a838}.lckha-item-header{align-items:center;gap:10px;margin-bottom:9px;display:flex}.lckha-item-info{flex:1;min-width:0}.lckha-item-name{color:var(--lckha-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.lckha-item-nip{color:var(--lckha-text-subtle);margin-top:2px;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:10px}.lckha-item-step{flex-shrink:0;align-items:baseline;gap:1px;display:flex}.step-num{color:var(--lckha-primary);font-size:20px;font-weight:900;line-height:1}.step-of{color:var(--lckha-text-subtle);font-size:11px}.lckha-item-footer{justify-content:space-between;align-items:center;display:flex}.lckha-item-date{color:var(--lckha-text-subtle);align-items:center;gap:4px;font-size:10px;display:flex}.lckha-status-badge{border-radius:var(--lckha-radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:3px 9px;font-size:9px;font-weight:800;display:inline-flex}.lckha-status-badge i{font-size:9px}.lckha-loading{padding:10px 4px}.lckha-skeleton{border-radius:var(--lckha-radius-lg);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;height:88px;margin-bottom:6px;animation:1.5s infinite lckhaShimmer}@keyframes lckhaShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lckha-empty{text-align:center;color:var(--lckha-text-subtle);flex-direction:column;justify-content:center;align-items:center;padding:56px 20px;display:flex}.lckha-empty i{opacity:.2;margin-bottom:12px;font-size:40px;display:block}.lckha-empty p{color:var(--lckha-text-muted);font-size:13px;font-weight:600}.lckha-content{background:var(--lckha-bg);flex-direction:column;display:flex;overflow:hidden}.lckha-content-header{background:var(--lckha-surface);border-bottom:1px solid var(--lckha-border-light);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;box-shadow:0 2px 8px #0f172a0a}.lckha-header-left{align-items:center;gap:16px;display:flex}.lckha-header-avatar{background:linear-gradient(145deg,var(--lckha-primary),#2563eb);color:#fff;width:52px;height:52px;box-shadow:var(--lckha-shadow-primary);letter-spacing:-.5px;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.lckha-header-name{color:var(--lckha-text);margin:0;font-size:18px;font-weight:800;line-height:1.2}.lckha-header-meta{color:var(--lckha-text-muted);margin:3px 0 0;font-size:12px;font-weight:500}.lckha-header-right{align-items:center;display:flex}.lckha-step-badge{border-radius:var(--lckha-radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;align-items:center;gap:7px;padding:7px 16px;font-size:11px;font-weight:800;display:inline-flex}.lckha-progress-bar{background:var(--lckha-surface);border-bottom:1px solid var(--lckha-border-light);flex-shrink:0;align-items:flex-start;gap:0;padding:16px 28px;display:flex}.lckha-progress-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.lckha-progress-node{z-index:2;width:36px;height:36px;transition:all .25s var(--lckha-ease);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:relative}.lckha-progress-node.done{background:var(--lckha-emerald);color:#fff;border:2.5px solid var(--lckha-emerald);box-shadow:0 4px 14px #10b9814d}.lckha-progress-node.active{background:var(--lckha-primary);color:#fff;border:2.5px solid var(--lckha-primary);box-shadow:var(--lckha-shadow-primary)}.lckha-progress-node.active:after{content:"";border:2px solid var(--lckha-primary);opacity:.3;border-radius:50%;animation:2s infinite lckhaPulseRing;position:absolute;inset:-4px}@keyframes lckhaPulseRing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.lckha-progress-node.pending{color:var(--lckha-text-subtle);border:2.5px solid var(--lckha-border);background:#fff}.lckha-progress-label{text-transform:uppercase;letter-spacing:.04em;color:var(--lckha-text-muted);text-align:center;max-width:90px;margin-top:8px;font-size:9px;font-weight:700;line-height:1.3}.lckha-progress-approver{color:var(--lckha-emerald);align-items:center;gap:3px;margin-top:3px;font-size:9px;font-weight:700;display:flex}.lckha-progress-approver i{font-size:10px}.lckha-progress-line{background:var(--lckha-border);height:2px;transition:background .4s;position:absolute;top:18px;left:calc(50% + 18px);right:calc(18px - 50%)}.lckha-progress-line.done{background:var(--lckha-emerald)}.lckha-scroll-body{scrollbar-width:thin;scrollbar-color:var(--lckha-border)transparent;flex:1;padding:22px 28px 32px;overflow-y:auto}.lckha-scroll-body::-webkit-scrollbar{width:4px}.lckha-scroll-body::-webkit-scrollbar-thumb{background:var(--lckha-border);border-radius:99px}.lckha-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.lckha-stat-card{background:var(--lckha-surface);border:1px solid var(--lckha-border-light);border-radius:var(--lckha-radius-lg);transition:all .2s var(--lckha-ease);cursor:default;align-items:center;gap:14px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.lckha-stat-card:after{content:"";border-radius:var(--lckha-radius-lg)var(--lckha-radius-lg)0 0;height:3px;position:absolute;top:0;left:0;right:0}.lckha-stat-card.primary:after{background:linear-gradient(90deg,var(--lckha-primary),var(--lckha-primary-light))}.lckha-stat-card.emerald:after{background:linear-gradient(90deg,var(--lckha-emerald),#34d399)}.lckha-stat-card.amber:after{background:linear-gradient(90deg,var(--lckha-amber),#fbbf24)}.lckha-stat-card.purple:after{background:linear-gradient(90deg,var(--lckha-violet),#a78bfa)}.lckha-stat-card:hover{box-shadow:var(--lckha-shadow-md);transform:translateY(-2px)}.lckha-stat-card i{flex-shrink:0;font-size:22px}.lckha-stat-card.primary i{color:var(--lckha-primary)}.lckha-stat-card.emerald i{color:var(--lckha-emerald)}.lckha-stat-card.amber i{color:var(--lckha-amber)}.lckha-stat-card.purple i{color:var(--lckha-violet)}.lckha-stat-body{flex:1;min-width:0}.lckha-stat-value{color:var(--lckha-text);font-size:26px;font-weight:900;line-height:1}.lckha-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--lckha-text-muted);margin-top:4px;font-size:10px;font-weight:600}.lckha-card{background:var(--lckha-surface);border:1px solid var(--lckha-border-light);border-radius:var(--lckha-radius-xl);box-shadow:var(--lckha-shadow-xs);transition:box-shadow .2s var(--lckha-ease);margin-bottom:16px;padding:20px 22px}.lckha-card:hover{box-shadow:var(--lckha-shadow)}.lckha-card-title{text-transform:uppercase;letter-spacing:.07em;color:var(--lckha-text);border-bottom:1px solid var(--lckha-border-light);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:11px;font-weight:800;display:flex}.lckha-card-title i{font-size:15px}.lckha-approval-timeline{flex-direction:column;gap:12px;display:flex}.lckha-timeline-item{align-items:flex-start;gap:12px;display:flex}.lckha-timeline-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.lckha-timeline-item.approved .lckha-timeline-icon{color:var(--lckha-emerald);background:#10b9811f}.lckha-timeline-item.rejected .lckha-timeline-icon{color:var(--lckha-rose);background:#f43f5e1f}.lckha-timeline-content{border-bottom:1px solid var(--lckha-border-light);flex:1;padding-bottom:12px}.lckha-timeline-item:last-child .lckha-timeline-content{border-bottom:none;padding-bottom:0}.lckha-timeline-header{align-items:center;gap:8px;margin-bottom:3px;display:flex}.lckha-timeline-header strong{color:var(--lckha-text);font-size:13px;font-weight:700}.lckha-timeline-level{text-transform:uppercase;background:var(--lckha-primary-soft);color:var(--lckha-primary);letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:800}.lckha-timeline-date{color:var(--lckha-text-subtle);margin-bottom:6px;font-size:11px}.lckha-timeline-note{color:var(--lckha-text-muted);background:var(--lckha-bg);border-radius:var(--lckha-radius-sm);border:1px solid var(--lckha-border-light);align-items:flex-start;gap:6px;padding:7px 10px;font-size:12px;display:flex}.lckha-timeline-note i{flex-shrink:0;margin-top:1px;font-size:12px}.lckha-table-wrap{border-radius:var(--lckha-radius);border:1px solid var(--lckha-border-light);overflow-x:auto}.lckha-table{border-collapse:collapse;width:100%;font-size:13px}.lckha-table thead th{background:var(--lckha-bg);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--lckha-text-muted);border-bottom:1px solid var(--lckha-border);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:700}.lckha-table tbody td{border-bottom:1px solid var(--lckha-border-light);color:var(--lckha-text);vertical-align:middle;padding:12px 14px}.lckha-table tbody tr:last-child td{border-bottom:none}.lckha-table tbody tr{transition:background .12s}.lckha-table tbody tr:hover td{background:#0038a808}.lckha-td-empty{text-align:center;color:var(--lckha-text-subtle);font-size:13px;font-style:italic;padding:36px!important}.lckha-td-sub{text-transform:uppercase;color:var(--lckha-text-subtle);letter-spacing:.04em;font-size:10px;font-weight:700}.lckha-td-mono{color:var(--lckha-text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.lckha-badge-sm{border-radius:var(--lckha-radius-full);text-transform:uppercase;padding:2.5px 8px;font-size:9.5px;font-weight:800;display:inline-block}.lckha-badge-sm.amber{color:#d97706;background:#f59e0b1a}.lckha-btn-view{border-radius:var(--lckha-radius-sm);background:var(--lckha-primary-soft);color:var(--lckha-primary);cursor:pointer;transition:all .15s var(--lckha-ease);border:none;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.lckha-btn-view:hover{background:var(--lckha-primary);color:#fff;box-shadow:var(--lckha-shadow-primary)}.lckha-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--lckha-text-muted);margin-bottom:10px;font-size:10px;font-weight:800;display:block}.lckha-textarea{border:1.5px solid var(--lckha-border);border-radius:var(--lckha-radius);width:100%;min-height:100px;color:var(--lckha-text);transition:all .18s var(--lckha-ease);resize:vertical;background:#fff;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.6}.lckha-textarea:focus{border-color:var(--lckha-primary);box-shadow:0 0 0 3px var(--lckha-primary-soft)}.lckha-textarea::placeholder{color:var(--lckha-text-subtle)}.lckha-actions{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--lckha-border-light);background:#ffffffeb;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 28px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #0f172a0f}.lckha-reject-btn,.lckha-approve-btn{border-radius:var(--lckha-radius);cursor:pointer;transition:all .18s var(--lckha-ease);letter-spacing:.01em;border:none;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:700;display:inline-flex}.lckha-reject-btn{color:var(--lckha-rose);background:#f43f5e14;border:1.5px solid #f43f5e26}.lckha-reject-btn:hover:not(:disabled){background:#f43f5e24;border-color:#f43f5e40;transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e2e}.lckha-approve-btn{color:#fff;background:linear-gradient(135deg,var(--lckha-primary),var(--lckha-primary-light));border:1.5px solid var(--lckha-primary);box-shadow:var(--lckha-shadow-primary)}.lckha-approve-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--lckha-primary-light),#2563eb);transform:translateY(-2px);box-shadow:0 8px 28px #0038a859}.lckha-reject-btn:disabled,.lckha-approve-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.lckha-spinner{align-items:center;gap:3px;height:16px;display:inline-flex}.lckha-spinner span{background:currentColor;border-radius:3px;width:3px;height:12px;animation:1s ease-in-out infinite lckaWave;display:block}.lckha-spinner span:nth-child(2){animation-delay:.12s}.lckha-spinner span:nth-child(3){animation-delay:.24s}.lckha-spinner.lg span{width:4px;height:18px}@keyframes lckaWave{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.2)}}.lckha-empty-state{text-align:center;background:radial-gradient(#0038a80a 0%,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 32px;display:flex}.lckha-empty-icon{background:linear-gradient(145deg,#0038a814,#2563eb0d);border:1px solid #0038a81f;border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:24px;animation:3s ease-in-out infinite lckhaBob;display:flex}@keyframes lckhaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lckha-empty-icon i{color:var(--lckha-primary);opacity:.4;font-size:38px}.lckha-empty-state h3{color:var(--lckha-text-muted);margin-bottom:10px;font-size:18px;font-weight:800}.lckha-empty-state p{max-width:280px;color:var(--lckha-text-subtle);font-size:13px;line-height:1.6}.lckha-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lckha-modal-card{background:var(--lckha-surface);border-radius:var(--lckha-radius-2xl);width:100%;max-width:860px;max-height:90vh;box-shadow:var(--lckha-shadow-lg),0 0 0 1px #0f172a0d;animation:lckhaModalIn .3s var(--lckha-ease);flex-direction:column;display:flex;overflow:hidden}@keyframes lckhaModalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lckha-modal-header{border-bottom:1px solid var(--lckha-border-light);background:linear-gradient(#fff 0%,#f8fafc 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lckha-modal-header h3{color:var(--lckha-text);margin:0;font-size:15px;font-weight:800}.lckha-modal-subtitle{color:var(--lckha-text-subtle);margin:2px 0 0;font-size:11px;font-weight:600}.lckha-modal-close{border-radius:var(--lckha-radius);border:1.5px solid var(--lckha-border);background:var(--lckha-bg);width:36px;height:36px;color:var(--lckha-text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.lckha-modal-close:hover{border-color:var(--lckha-rose);color:var(--lckha-rose);background:#f43f5e14}.lckha-modal-body{scrollbar-width:thin;scrollbar-color:var(--lckha-border)transparent;flex:1;padding:20px 24px;overflow-y:auto}.lckha-modal-loading{color:var(--lckha-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;font-size:13px;font-weight:600;display:flex}.lckha-info-box{background:var(--lckha-bg);border-radius:var(--lckha-radius);border:1px solid var(--lckha-border-light);padding:12px 14px}.lckha-info-box.amber{background:#fffbeb;border-color:#f59e0b26}.lckha-info-label{text-transform:uppercase;letter-spacing:.07em;color:var(--lckha-text-subtle);margin-bottom:4px;font-size:9.5px;font-weight:800}.lckha-info-box.amber .lckha-info-label{color:#d97706}.text-center{text-align:center}@media (max-width:1280px){.lckha-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.lckha{grid-template-columns:300px 1fr}}@media (max-width:768px){.lckha{grid-template-columns:1fr;height:auto;min-height:100vh}.lckha-panel-left{border-right:none;border-bottom:1px solid var(--lckha-border);width:100%;max-height:45vh}.lckha-content-header{flex-direction:column;align-items:flex-start;padding:16px 18px}.lckha-scroll-body{padding:16px 18px 24px}.lckha-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.lckha-actions{flex-direction:column-reverse;padding:12px 18px}.lckha-reject-btn,.lckha-approve-btn{justify-content:center;width:100%}.lckha-progress-bar{padding:12px 18px}}@media (max-width:480px){.lckha-stats-grid{grid-template-columns:1fr 1fr}.lckha-content-header{padding:14px 16px}}.dark .lckha{background:#0d1117}.dark .lckha-panel-left{background:#161b22;border-color:#30363dcc;box-shadow:2px 0 12px #0000004d}.dark .lckha-pheader{background:linear-gradient(#161b22 0%,#131920 100%)}.dark .lckha-stats-strip{background:#0d1117;border-color:#30363d99}.dark .lckha-item{background:#161b22cc}.dark .lckha-item:hover{background:#21262d;border-color:#30363d}.dark .lckha-item.active{border-color:var(--lckha-primary);background:#21262d}.dark .lckha-select,.dark .lckha-search,.dark .lckha-textarea{color:#e6edf3;background:#21262d;border-color:#30363d}.dark .lckha-content{background:#0d1117}.dark .lckha-content-header{background:#161b22;border-color:#30363d99}.dark .lckha-progress-bar{background:#161b22;border-color:#30363d80}.dark .lckha-card{background:#161b22;border-color:#30363db3}.dark .lckha-table thead th{background:#0d1117;border-color:#30363d}.dark .lckha-table tbody td{border-color:#30363d80}.dark .lckha-table tbody tr:hover td{background:#0038a80f}.dark .lckha-actions{background:#161b22f2;border-color:#30363d99}.dark .lckha-modal-overlay{background:#0009}.dark .lckha-modal-card{background:#161b22;box-shadow:0 24px 64px #0006}.dark .lckha-modal-header{background:linear-gradient(#161b22,#131920);border-color:#30363d99}.dark .lckha-modal-close{color:#7d8590;background:#0d1117;border-color:#30363d}.dark .lckha-stat-card{background:#161b22;border-color:#30363db3}.dark .lckha-progress-node.pending{background:#21262d;border-color:#30363d}.dark .lckha-timeline-note,.dark .lckha-info-box{background:#0d1117;border-color:#30363d80}.dark .lckha-skeleton{background:linear-gradient(90deg,#21262d 25%,#30363d 50%,#21262d 75%) 0 0/200% 100%}.dark .lckha-filter-label,.dark .lckha-section-label{color:#7d8590}.dark .lckha-header-name,.dark .lckha-item-name,.dark .lckha-stat-value{color:#e6edf3}.lckha-select-sm{max-width:140px;padding:7px 10px;font-size:12px}.lckha-td-num{text-align:center;color:var(--lckha-text-subtle);font-weight:800}.lckha-td-date{color:var(--lckha-text);white-space:nowrap;font-weight:700}.lckha-td-activity{color:var(--lckha-text);line-height:1.5}.lckha-td-result{color:var(--lckha-primary);font-weight:500}.lckha-td-note{color:var(--lckha-text-muted);font-size:12px;font-style:italic}.lckha-td-main{color:var(--lckha-text);font-weight:800}.lckha-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.lckha-filter-lbl{color:var(--lckha-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.lckha-month-tabs{flex-wrap:wrap;gap:.375rem;display:flex}.lckha-month-tab{border:1.5px solid var(--lckha-border);color:var(--lckha-text-muted);cursor:pointer;transition:all .2s var(--lckha-ease);text-transform:uppercase;letter-spacing:.03em;background:#fff;border-radius:9999px;padding:.5rem 1rem;font-size:.7rem;font-weight:700}.lckha-month-tab:hover{border-color:var(--lckha-primary);color:var(--lckha-primary)}.lckha-month-tab.active{background:var(--lckha-primary);color:#fff;border-color:var(--lckha-primary);box-shadow:var(--lckha-shadow-sm)}.lckha-abs-summary{flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem;display:flex}.lckha-abs-pill{border-radius:var(--lckha-radius);border:1px solid #0000;align-items:center;gap:.75rem;padding:.625rem 1.125rem;transition:transform .2s;display:flex}.lckha-abs-pill:hover{transform:translateY(-2px)}.lckha-abs-lbl{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.7rem;font-weight:800}.lckha-abs-val{font-size:1.1rem;font-weight:950}.lckha-abs-pill.hadir{background:var(--lckha-emerald-soft);color:var(--lckha-emerald);border-color:#10b98133}.lckha-abs-pill.sakit{background:var(--lckha-amber-soft);color:var(--lckha-amber);border-color:#f59e0b33}.lckha-abs-pill.izin{background:var(--lckha-sky-soft);color:var(--lckha-sky);border-color:#0ea5e933}.lckha-abs-pill.alpa{background:var(--lckha-rose-soft);color:var(--lckha-rose);border-color:#f43f5e33}.lckha-table-premium-container{border-radius:var(--lckha-radius-lg);border:1.5px solid var(--lckha-border);box-shadow:var(--lckha-shadow-sm);background:#fff;overflow-x:auto}.lckha-table-premium{border-collapse:collapse;width:100%;min-width:900px;font-size:.75rem}.lckha-nilai-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.lckha-nilai-stat-box{border-radius:var(--lckha-radius-lg);text-align:center;border:1.5px solid #0000;padding:1.25rem;transition:all .2s}.lckha-nilai-stat-box:hover{box-shadow:var(--lckha-shadow-md);transform:translateY(-3px)}.lckha-nilai-stat-lbl{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.65rem;font-weight:800}.lckha-nilai-stat-val{font-size:2rem;font-weight:950;line-height:1}.lckha-nilai-stat-box.avg{background:var(--lckha-primary-soft);color:var(--lckha-primary);border-color:var(--lckha-primary-glow)}.lckha-nilai-stat-box.max{background:var(--lckha-emerald-soft);color:var(--lckha-emerald);border-color:#10b98126}.lckha-nilai-stat-box.min{background:var(--lckha-rose-soft);color:var(--lckha-rose);border-color:#f43f5e26}