:root{--lckh-bg:#f0f2f8;--lckh-surface:#fff;--lckh-surface-2:#f8f9fc;--lckh-border:#e8eaf0;--lckh-border-soft:#f0f2f8;--lckh-primary:#1a2744;--lckh-primary-mid:#243060;--lckh-primary-light:#2e3f7a;--lckh-primary-glow:#1a274414;--lckh-accent:#6c63ff;--lckh-accent-soft:#6c63ff1a;--lckh-accent-soft-2:#6c63ff0d;--lckh-gold:#f59e0b;--lckh-gold-soft:#f59e0b1a;--lckh-emerald:#10b981;--lckh-emerald-soft:#10b9811a;--lckh-rose:#f43f5e;--lckh-rose-soft:#f43f5e1a;--lckh-sky:#0ea5e9;--lckh-sky-soft:#0ea5e91a;--lckh-text:#111827;--lckh-text-2:#374151;--lckh-text-muted:#6b7280;--lckh-text-subtle:#9ca3af;--lckh-text-disabled:#d1d5db;--lckh-radius-xs:6px;--lckh-radius-sm:8px;--lckh-radius:12px;--lckh-radius-lg:16px;--lckh-radius-xl:24px;--lckh-radius-2xl:32px;--lckh-radius-full:9999px;--lckh-shadow-xs:0 1px 2px #0000000a;--lckh-shadow-sm:0 2px 8px #0000000d;--lckh-shadow:0 4px 16px #0000000f;--lckh-shadow-md:0 8px 30px #00000014;--lckh-shadow-lg:0 20px 60px #0000001a;--lckh-shadow-accent:0 8px 30px #6c63ff33;--lckh-transition:all .25s cubic-bezier(.4,0,.2,1);--lckh-transition-spring:all .4s cubic-bezier(.34,1.56,.64,1)}.lckh-container{background:var(--lckh-bg);height:calc(100vh - 72px);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.lckh-sidebar{background:var(--lckh-surface);border-right:1px solid var(--lckh-border);z-index:10;width:260px;transition:var(--lckh-transition);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.lckh-sidebar:after{content:"";background:linear-gradient(to bottom,transparent,var(--lckh-accent-soft),transparent);pointer-events:none;width:1px;height:100%;position:absolute;top:0;right:0}.sidebar-header{border-bottom:1px solid var(--lckh-border-soft);padding:1.25rem 1.25rem 1rem}.sidebar-header>div{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sidebar-header h2{color:var(--lckh-text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700}.submission-list{flex:1;padding:.75rem;overflow-y:auto}.submission-list::-webkit-scrollbar{width:4px}.submission-list::-webkit-scrollbar-track{background:0 0}.submission-list::-webkit-scrollbar-thumb{background:var(--lckh-border);border-radius:99px}.submission-item{border-radius:var(--lckh-radius-lg);cursor:pointer;transition:var(--lckh-transition);background:var(--lckh-surface-2);border:1px solid #0000;margin-bottom:.375rem;padding:.875rem 1rem;position:relative;overflow:hidden}.submission-item:hover{border-color:var(--lckh-border);background:var(--lckh-surface);box-shadow:var(--lckh-shadow-sm);transform:translate(2px)}.submission-item.active{background:var(--lckh-surface);border-color:var(--lckh-accent);box-shadow:0 0 0 3px var(--lckh-accent-soft),var(--lckh-shadow-sm)}.submission-item.active:before{content:"";background:var(--lckh-accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.lckh-sub-badge{border-radius:var(--lckh-radius-full);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.6rem;font-weight:700;display:inline-flex}.lckh-sub-badge.approved{background:var(--lckh-emerald-soft);color:var(--lckh-emerald)}.lckh-sub-badge.waka-ok{background:var(--lckh-gold-soft);color:var(--lckh-gold)}.lckh-sub-badge.submitted{background:var(--lckh-accent-soft);color:var(--lckh-accent)}.lckh-sub-badge.revisi{background:var(--lckh-rose-soft);color:var(--lckh-rose)}.lckh-sub-badge.draft{background:var(--lckh-surface-2);color:var(--lckh-text-muted);border:1px solid var(--lckh-border)}.lckh-sub-status{align-items:center;font-size:.875rem;display:inline-flex}.lckh-sub-status.approved{color:var(--lckh-emerald)}.lckh-sub-status.waka-ok{color:var(--lckh-gold)}.lckh-sub-status.submitted{color:var(--lckh-accent)}.lckh-sub-status.revisi{color:var(--lckh-rose)}.lckh-sub-status.draft{color:var(--lckh-text-subtle)}.btn-create{background:var(--lckh-primary);color:#fff;border-radius:var(--lckh-radius);cursor:pointer;transition:var(--lckh-transition);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.btn-sidebar-toggle{border-radius:var(--lckh-radius);border:1.5px solid var(--lckh-border);background:var(--lckh-surface);width:36px;height:36px;color:var(--lckh-text-2);cursor:pointer;transition:var(--lckh-transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:none}.btn-sidebar-toggle:hover{border-color:var(--lckh-accent);color:var(--lckh-accent);background:var(--lckh-accent-soft-2)}.btn-sidebar-close{border-radius:var(--lckh-radius-sm);width:32px;height:32px;color:var(--lckh-text-muted);cursor:pointer;transition:var(--lckh-transition);background:#0000000f;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:none}.btn-sidebar-close:hover{color:var(--lckh-text);background:#0000001a}.btn-create:hover{background:var(--lckh-primary-mid);box-shadow:var(--lckh-shadow-accent);transform:translateY(-1px)}.btn-create:active{transform:translateY(0)}.lckh-content{background:var(--lckh-bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-header{background:var(--lckh-surface);border-bottom:1px solid var(--lckh-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.content-header__left{align-items:center;gap:.875rem;display:flex}.scroll-body{flex:1;padding:1.5rem 2rem 2rem;overflow-y:auto}.scroll-body::-webkit-scrollbar{width:6px}.scroll-body::-webkit-scrollbar-track{background:0 0}.scroll-body::-webkit-scrollbar-thumb{background:var(--lckh-border);border-radius:99px}.lckh-approval-code{background:var(--lckh-emerald-soft);color:var(--lckh-emerald);border-radius:var(--lckh-radius-full);letter-spacing:.05em;border:1px solid #10b98133;align-items:center;gap:.375rem;padding:.375rem .875rem;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700;display:inline-flex}.reviewer-alert{border-radius:var(--lckh-radius-lg);align-items:flex-start;gap:.875rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.reviewer-alert.info{background:var(--lckh-sky-soft);border:1px solid #0ea5e933}.reviewer-alert.warning{background:var(--lckh-rose-soft);border:1px solid #f43f5e33}.reviewer-alert-icon{border-radius:var(--lckh-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.reviewer-alert.info .reviewer-alert-icon{color:var(--lckh-sky);background:#0ea5e91f}.reviewer-alert.warning .reviewer-alert-icon{color:var(--lckh-rose);background:#f43f5e1f}.reviewer-alert-title{text-transform:uppercase;letter-spacing:.1em;color:var(--lckh-text-muted);margin-bottom:.25rem;font-size:.65rem;font-weight:800}.reviewer-alert-text{color:var(--lckh-text-2);font-size:.825rem;line-height:1.5}.action-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.action-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-action{border-radius:var(--lckh-radius);border:1.5px solid var(--lckh-border);background:var(--lckh-surface);color:var(--lckh-text-2);cursor:pointer;transition:var(--lckh-transition);align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.775rem;font-weight:600;display:inline-flex}.btn-action:hover:not(:disabled){border-color:var(--lckh-primary);color:var(--lckh-primary);background:var(--lckh-primary-glow);box-shadow:var(--lckh-shadow-sm)}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action.btn-primary-action{background:var(--lckh-primary);border-color:var(--lckh-primary);color:#fff}.btn-action.btn-primary-action:hover:not(:disabled){background:var(--lckh-primary-mid);border-color:var(--lckh-primary-mid);color:#fff;box-shadow:var(--lckh-shadow-accent)}.btn-action.btn-delete:hover:not(:disabled){border-color:var(--lckh-rose);color:var(--lckh-rose);background:var(--lckh-rose-soft)}.btn-action.btn-print{background:var(--lckh-emerald-soft);color:var(--lckh-emerald);border-color:#10b9814d}.btn-action.btn-print:hover:not(:disabled){background:var(--lckh-emerald);border-color:var(--lckh-emerald);color:#fff;box-shadow:0 8px 20px #10b98140}.btn-action.btn-print-secondary{background:var(--lckh-surface-2);border-color:var(--lckh-border);color:var(--lckh-text-muted)}.btn-action.btn-print-secondary:hover:not(:disabled){background:var(--lckh-primary-glow);border-color:var(--lckh-primary);color:var(--lckh-primary)}.lckh-preview-badge{border-radius:var(--lckh-radius-full);color:var(--lckh-gold);text-transform:uppercase;letter-spacing:.08em;background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.65rem;font-weight:800;display:inline-flex}.stats-container{background:linear-gradient(135deg,var(--lckh-primary)0%,var(--lckh-primary-mid)50%,var(--lckh-primary-light)100%);border-radius:var(--lckh-radius-2xl);box-shadow:var(--lckh-shadow-lg);color:#fff;margin-bottom:1.5rem;padding:2rem 2.5rem;position:relative;overflow:hidden}.stats-container:before{content:"";pointer-events:none;background:radial-gradient(#ffffff0f 0%,#0000 70%);width:70%;height:200%;position:absolute;top:-40%;right:-15%}.stats-container:after{content:"";pointer-events:none;background:radial-gradient(#6c63ff14 0%,#0000 70%);width:50%;height:150%;position:absolute;bottom:-30%;left:-10%}.stats-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid;position:relative}.stat-item{text-align:center;padding:.5rem;position:relative}.stat-item+.stat-item:before{content:"";background:#ffffff26;width:1px;position:absolute;top:10%;bottom:10%;left:-.75rem}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff8c;margin-bottom:.5rem;font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:600}.stat-value{letter-spacing:-.03em;margin-bottom:.25rem;font-family:DM Serif Display,serif;font-size:2.75rem;font-weight:700;line-height:1}.stat-desc{color:#ffffff73;font-size:.7rem;font-weight:400}.module-card-list{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.module-item{background:var(--lckh-surface);border-radius:var(--lckh-radius-xl);border:1px solid var(--lckh-border);transition:var(--lckh-transition-spring);cursor:pointer;padding:1.375rem 1.5rem;position:relative;overflow:hidden}.module-item:before{content:"";background:var(--lckh-accent);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.module-item:hover{box-shadow:var(--lckh-shadow-md);border-color:#0000;transform:translateY(-3px)}.module-item:hover:before{transform:scaleX(1)}.module-item:hover .module-icon{background:var(--lckh-accent);color:#fff;box-shadow:var(--lckh-shadow-accent)}.module-header{justify-content:space-between;align-items:flex-start;margin-bottom:.875rem;display:flex}.module-icon{border-radius:var(--lckh-radius-lg);background:var(--lckh-accent-soft-2);width:44px;height:44px;color:var(--lckh-accent);transition:var(--lckh-transition-spring);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.module-count{text-align:right}.module-count-value{color:var(--lckh-text);font-family:DM Serif Display,serif;font-size:1.625rem;font-weight:700;line-height:1}.module-count-label{color:var(--lckh-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem;font-size:.6rem;font-weight:600}.module-title{color:var(--lckh-text);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.module-desc{color:var(--lckh-text-muted);margin-bottom:1rem;font-size:.775rem;line-height:1.4}.module-footer{border-top:1px solid var(--lckh-border-soft);justify-content:space-between;align-items:center;padding-top:.875rem;display:flex}.toggle-switch{width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--lckh-border);transition:var(--lckh-transition);border-radius:99px;position:absolute;inset:0}.toggle-slider:before{content:"";width:16px;height:16px;transition:var(--lckh-transition-spring);box-shadow:var(--lckh-shadow-xs);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--lckh-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.btn-detail{border-radius:var(--lckh-radius);border:1.5px solid var(--lckh-border);color:var(--lckh-text-muted);cursor:pointer;transition:var(--lckh-transition);background:0 0;align-items:center;gap:.3rem;padding:.3rem .75rem;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;display:inline-flex}.btn-detail:hover{border-color:var(--lckh-accent);color:var(--lckh-accent);background:var(--lckh-accent-soft-2)}.notes-area{background:var(--lckh-surface);border-radius:var(--lckh-radius-xl);border:1px solid var(--lckh-border);margin-bottom:1rem;overflow:hidden}.notes-header{border-bottom:1px solid var(--lckh-border-soft);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.section-title{color:var(--lckh-text);align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:700;display:flex}.section-title i{color:var(--lckh-accent);font-size:1rem}.btn-generate{border-radius:var(--lckh-radius);border:1.5px solid var(--lckh-accent);background:var(--lckh-accent-soft-2);color:var(--lckh-accent);cursor:pointer;transition:var(--lckh-transition);align-items:center;gap:.375rem;padding:.4rem 1rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.btn-generate:hover:not(:disabled){background:var(--lckh-accent);color:#fff;box-shadow:var(--lckh-shadow-accent)}.btn-generate:disabled{opacity:.4;cursor:not-allowed}.table-premium{border-collapse:collapse;width:100%;font-size:.8rem}.table-premium thead th{background:var(--lckh-surface-2);text-transform:uppercase;letter-spacing:.08em;color:var(--lckh-text-muted);text-align:left;border-bottom:1px solid var(--lckh-border);white-space:nowrap;padding:.875rem 1rem;font-size:.6rem;font-weight:700}.table-premium tbody td{border-bottom:1px solid var(--lckh-border-soft);color:var(--lckh-text-2);vertical-align:top;padding:.875rem 1rem;line-height:1.5}.table-premium tbody tr:last-child td{border-bottom:none}.table-premium tbody tr:hover td{background:var(--lckh-accent-soft-2)}.table-premium tbody td:first-child{color:var(--lckh-text-subtle);font-weight:600}.table-empty{text-align:center;color:var(--lckh-text-subtle);padding:3rem 1rem}.table-empty i{opacity:.4;margin-bottom:.75rem;font-size:2rem;display:block}.table-empty p{margin-bottom:.25rem;font-size:.875rem;font-weight:600}.table-empty span{font-size:.75rem}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state-icon{border-radius:var(--lckh-radius-2xl);background:var(--lckh-surface);border:1px solid var(--lckh-border);width:80px;height:80px;color:var(--lckh-text-subtle);box-shadow:var(--lckh-shadow-sm);justify-content:center;align-items:center;margin-bottom:.5rem;font-size:2rem;display:flex}.empty-state h3{color:var(--lckh-text);margin:0;font-size:1rem;font-weight:700}.empty-state p{color:var(--lckh-text-muted);max-width:280px;margin:0;font-size:.825rem;line-height:1.5}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(var(--modal-overlay-blur));z-index:var(--modal-overlay-z);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-container{background:var(--lckh-surface);border-radius:var(--lckh-radius-2xl);box-shadow:var(--lckh-shadow-lg);border:1px solid var(--lckh-border);flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.modal-container-lg{width:100%;max-width:680px}.modal-header{border-bottom:1px solid var(--lckh-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.375rem 1.5rem;display:flex}.modal-header-content{align-items:center;gap:.875rem;display:flex}.modal-header-icon{border-radius:var(--lckh-radius-lg);background:var(--lckh-accent-soft-2);width:42px;height:42px;color:var(--lckh-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.modal-header-text h3{color:var(--lckh-text);margin:0 0 .15rem;font-size:.95rem;font-weight:700}.modal-header-text span{color:var(--lckh-text-muted);font-size:.75rem}.modal-close{border-radius:var(--lckh-radius);border:1px solid var(--lckh-border);width:32px;height:32px;color:var(--lckh-text-muted);cursor:pointer;transition:var(--lckh-transition);background:0 0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.modal-close:hover{background:var(--lckh-rose-soft);border-color:var(--lckh-rose);color:var(--lckh-rose)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--lckh-border);border-radius:99px}.modal-footer{border-top:1px solid var(--lckh-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-footer-text{color:var(--lckh-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.modal-footer-text i{color:var(--lckh-emerald)}.btn-modal{border-radius:var(--lckh-radius);border:1.5px solid var(--lckh-border);background:var(--lckh-surface);color:var(--lckh-text-2);cursor:pointer;transition:var(--lckh-transition);padding:.5rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.btn-modal:hover{border-color:var(--lckh-primary);color:var(--lckh-primary)}.period-picker-grid{flex-direction:column;gap:1.25rem;margin-bottom:1rem;display:flex}.period-year-section{background:var(--lckh-surface-2);border-radius:var(--lckh-radius-xl);border:1px solid var(--lckh-border-soft);padding:1.125rem 1.25rem}.period-year-title{text-transform:uppercase;letter-spacing:.1em;color:var(--lckh-accent);align-items:center;gap:.5rem;margin-bottom:.875rem;font-size:.75rem;font-weight:800;display:flex}.period-months-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.period-month-btn{border-radius:var(--lckh-radius-lg);border:1.5px solid var(--lckh-border);background:var(--lckh-surface);cursor:pointer;transition:var(--lckh-transition-spring);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .5rem;display:flex}.period-month-btn:hover:not(:disabled){border-color:var(--lckh-accent);background:var(--lckh-accent-soft-2);box-shadow:var(--lckh-shadow-sm);transform:translateY(-2px)}.period-month-btn.period-taken{opacity:.5;cursor:not-allowed;background:var(--lckh-surface-2)}.period-month-name{color:var(--lckh-text);font-size:.8rem;font-weight:600}.period-status-taken,.period-status-ready,.period-status-new{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.25rem;font-size:.6rem;font-weight:700;display:flex}.period-status-taken{color:var(--lckh-emerald)}.period-status-ready{color:var(--lckh-accent)}.period-status-new{color:var(--lckh-gold)}.period-info-box{background:var(--lckh-accent-soft-2);border-radius:var(--lckh-radius-lg);color:var(--lckh-text-2);border:1px solid #6c63ff26;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;font-size:.775rem;line-height:1.6;display:flex}.period-info-box i{color:var(--lckh-accent);flex-shrink:0;margin-top:.1rem}.period-info-box ul{margin:.375rem 0 0;padding-left:1.25rem}.period-info-box li{margin-bottom:.2rem}.badge{border-radius:var(--lckh-radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:.2rem .6rem;font-size:.6rem;font-weight:700;display:inline-flex}.badge-success{background:var(--lckh-emerald-soft);color:var(--lckh-emerald)}.badge-warning{background:var(--lckh-gold-soft);color:var(--lckh-gold)}.filter-bar{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.filter-label{color:var(--lckh-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:600}.filter-select{border-radius:var(--lckh-radius);border:1.5px solid var(--lckh-border);background:var(--lckh-surface);color:var(--lckh-text-2);cursor:pointer;transition:var(--lckh-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding:.4rem 2rem .4rem .875rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.filter-select:focus{border-color:var(--lckh-accent);box-shadow:0 0 0 3px var(--lckh-accent-soft);outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.2s both fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.34,1.56,.64,1) both slideUp}.animate-slide-in{animation:.3s both slideIn}.animate-scale-in{animation:.25s both scaleIn}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes lckhWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--lckh-border);border-radius:99px}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.text-base{font-size:.9rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.max-w-xs{max-width:14rem}.w-12{width:3rem}.w-40{width:10rem}.w-32{width:8rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.text-current{color:currentColor}.text-muted{color:var(--lckh-text-muted)}.text-primary{color:var(--lckh-primary)}.text-right{text-align:right}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.modal-blur{-webkit-filter:var(--modal-content-blur)var(--modal-content-brightness);pointer-events:none;transition:var(--modal-content-transition)}.swal-premium{border-radius:var(--lckh-radius-xl)!important;box-shadow:var(--lckh-shadow-lg)!important;font-family:DM Sans,-apple-system,sans-serif!important}.swal-btn-primary{background-color:var(--lckh-primary)!important;border-radius:var(--lckh-radius)!important;transition:var(--lckh-transition)!important;font-family:DM Sans,sans-serif!important;font-weight:600!important}.swal-btn-primary:hover{background-color:var(--lckh-primary-mid)!important}.swal-btn-danger{background-color:var(--lckh-rose)!important;border-radius:var(--lckh-radius)!important;font-family:DM Sans,sans-serif!important;font-weight:600!important}.swal-btn-info{background-color:var(--lckh-sky)!important;border-radius:var(--lckh-radius)!important;font-family:DM Sans,sans-serif!important;font-weight:600!important}.swal-btn-warning{background-color:var(--lckh-gold)!important;border-radius:var(--lckh-radius)!important;font-family:DM Sans,sans-serif!important;font-weight:600!important}.swal-btn-cancel{color:var(--lckh-text-2)!important;border-radius:var(--lckh-radius)!important;background-color:#f1f5f9!important;font-family:DM Sans,sans-serif!important;font-weight:600!important}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (max-width:900px){.lckh-container{flex-direction:column;height:auto;min-height:calc(100vh - 72px)}.lckh-sidebar{z-index:200;width:300px;height:auto;max-height:none;box-shadow:none;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.lckh-sidebar.is-open{transform:translate(0);box-shadow:4px 0 40px #00000026}.lckh-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;background:#0f172a80;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.module-card-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.scroll-body{padding:1rem}.content-header{padding:1rem 1.25rem}.btn-sidebar-close{display:flex}}@media (max-width:640px){.stats-container{border-radius:var(--lckh-radius-lg);padding:1.25rem 1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-item+.stat-item:before{display:none}.stat-value{font-size:2rem}.stat-label{font-size:.58rem}.action-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 0}.action-group{flex-wrap:wrap;justify-content:flex-start}.btn-action{padding:.5rem .75rem;font-size:.72rem}.content-header{flex-wrap:wrap;gap:.75rem;padding:.875rem 1rem}.scroll-body{padding:.875rem 1rem 1.5rem}.reviewer-alert{gap:.75rem;padding:.875rem 1rem}.reviewer-alert-icon{border-radius:8px;width:32px;height:32px}.module-card-list{grid-template-columns:1fr;gap:.75rem}.module-item{padding:1rem 1.125rem}.lckh-approval-code{padding:.25rem .625rem;font-size:.65rem}.submission-item{padding:.75rem .875rem}.btn-sidebar-toggle,.btn-sidebar-close{display:flex}}@media (max-width:480px){.stats-container{padding:1rem .875rem}.stats-grid{grid-template-columns:1fr 1fr}.scroll-body{padding:.75rem .875rem 1.5rem}.content-header{padding:.75rem .875rem}.btn-action span{display:none}.btn-action{padding:.5rem .625rem}.action-toolbar .btn-action i{margin:0}.reviewer-alert{flex-direction:column}.reviewer-alert-icon{border-radius:8px 8px 0 0;justify-content:center;width:100%;height:auto;padding:.5rem}}.btn-sidebar-toggle,.btn-sidebar-close{display:none}.sidebar-header-actions{align-items:center;gap:.5rem;display:flex}.table-container{border-radius:var(--lckh-radius-lg);border:1px solid var(--lckh-border);overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.task-card{background:var(--lckh-surface);border:1px solid var(--lckh-border);border-radius:var(--lckh-radius-xl);transition:var(--lckh-transition-spring);margin-bottom:.875rem;overflow:hidden}.task-card:hover{box-shadow:var(--lckh-shadow-md);transform:translateY(-2px)}.task-card-header{border-bottom:1px solid var(--lckh-border-soft);justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;display:flex}.task-card-title{color:var(--lckh-text);margin-bottom:.2rem;font-size:.875rem;font-weight:700}.task-card-date{color:var(--lckh-text-subtle);font-size:.725rem}.task-card-content{padding:.875rem 1.25rem}.task-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--lckh-text-muted);margin-bottom:.375rem;font-size:.6rem;font-weight:700}.task-card-text{color:var(--lckh-text-2);font-size:.825rem;line-height:1.6}.badge-info{background:var(--lckh-sky-soft);color:var(--lckh-sky)}.dark .lckh-container{background:#0f1117}.dark .lckh-sidebar{background:#161922;border-color:#1f232d}.dark .sidebar-header{border-color:#1f232d}.dark .submission-item{background:#1a1d28}.dark .submission-item:hover{background:#1f232d}.dark .submission-item.active{background:#1a1d28}.dark .submission-item.active:before{background:var(--lckh-accent)}.dark .submission-item.active{border-color:var(--lckh-accent);box-shadow:0 0 0 3px var(--lckh-accent-soft),0 4px 16px #0000004d}.dark .lckh-content{background:#0f1117}.dark .content-header{background:#161922;border-color:#1f232d}.dark .scroll-body{background:#0f1117}.dark .stats-container{background:linear-gradient(135deg,#1a1d28 0%,#1f232d 50%,#252938 100%)}.dark .stats-container:before{background:radial-gradient(#6c63ff14 0%,#0000 70%)}.dark .module-item{background:#161922;border-color:#1f232d}.dark .module-item:hover{border-color:#0000}.dark .module-count-value{color:#e5e7eb}.dark .module-footer{border-color:#1f232d}.dark .module-desc{color:#9ca3af}.dark .module-title{color:#e5e7eb}.dark .notes-area{background:#161922;border-color:#1f232d}.dark .notes-header{border-color:#1f232d}.dark .table-premium thead th{color:#9ca3af;background:#1a1d28;border-color:#1f232d}.dark .table-premium tbody td{color:#d1d5db;border-color:#1f232d}.dark .table-premium tbody tr:hover td{background:var(--lckh-accent-soft-2)}.dark .table-empty{color:#4b5563}.dark .empty-state-icon{color:#4b5563;background:#161922;border-color:#1f232d}.dark .empty-state h3{color:#e5e7eb}.dark .empty-state p{color:#9ca3af}.dark .reviewer-alert.info{background:#0ea5e91a;border-color:#0ea5e933}.dark .reviewer-alert.warning{background:#f43f5e1a;border-color:#f43f5e33}.dark .reviewer-alert-text{color:#d1d5db}.dark .period-year-section{background:#1a1d28;border-color:#1f232d}.dark .period-month-btn{background:#161922;border-color:#1f232d}.dark .period-month-btn.period-taken{background:#1a1d28}.dark .period-month-name{color:#e5e7eb}.dark .period-info-box{color:#d1d5db;background:#6c63ff14;border-color:#6c63ff26}.dark .filter-select{color:#e5e7eb;background:#161922;border-color:#1f232d}.dark .btn-action{color:#d1d5db;background:#161922;border-color:#1f232d}.dark .btn-action:hover:not(:disabled){background:var(--lckh-primary-glow);border-color:var(--lckh-primary-light);color:#e5e7eb}.dark .btn-generate{background:var(--lckh-accent-soft-2)}.dark .btn-generate:hover:not(:disabled){background:var(--lckh-accent)}.dark .modal-overlay{background:#0f172a99}.dark .modal-container{background:#161922;border-color:#1f232d}.dark .modal-header{border-color:#1f232d}.dark .modal-body{background:#161922}.dark .modal-footer,.dark .table-container{border-color:#1f232d}.dark .task-card{background:#161922;border-color:#1f232d}.dark .task-card-header{border-color:#1f232d}.dark .task-card-title{color:#e5e7eb}.dark .task-card-text{color:#d1d5db}.dark .btn-sidebar-toggle{color:#9ca3af;background:#1a1d28;border-color:#1f232d}.dark .btn-sidebar-toggle:hover{background:var(--lckh-accent-soft-2);border-color:var(--lckh-accent);color:var(--lckh-accent)}.dark .btn-sidebar-close{color:#6b7280;background:#ffffff0f}.dark .btn-sidebar-close:hover{color:#e5e7eb;background:#ffffff1a}.dark .btn-create{border:1.5px solid var(--lckh-accent);color:var(--lckh-accent);background:#1a1d28}.dark .btn-create:hover{background:var(--lckh-accent);color:#fff}