:root{--lckh-primary:#0038a8;--lckh-primary-soft:#0038a814;--lckh-blue-glow:#0038a826;--lckh-navy-deep:#00287a;--lckh-glass-bg:#ffffffb3;--lckh-glass-border:#ffffff80;--lckh-text-main:#1e293b;--lckh-text-muted:#64748b;--lckh-radius-lg:24px;--lckh-radius-xl:32px}.lckh-container{background:#f1f5f9;height:calc(100vh - 80px);font-family:Inter,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.lckh-sidebar{background:var(--lckh-glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--lckh-glass-border);z-index:10;flex-direction:column;flex-shrink:0;width:380px;transition:width .3s;display:flex}.sidebar-header{border-bottom:1px solid #0000000d;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;display:flex}.sidebar-header h2{color:var(--lckh-primary);text-transform:uppercase;letter-spacing:.2em;margin:0;font-size:.75rem;font-weight:800}.btn-create{background:var(--lckh-primary);color:#fff;border:none;border-radius:18px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.8rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 20px -5px #0038a866}.btn-create:hover{background:var(--lckh-navy-deep);transform:translateY(-2px);box-shadow:0 15px 30px -5px #0038a880}.submission-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;margin:.5rem 1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.submission-item:hover{background:#0038a80a}.submission-item.active{background:#fff;border-color:#0038a826;box-shadow:0 10px 25px -10px #0000001a}.submission-item.active:after{content:"";background:var(--lckh-primary);border-radius:0 4px 4px 0;width:4px;position:absolute;top:20%;bottom:20%;left:0}.lckh-content{background:#f8fafc;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-header{background:#fff;border-bottom:1px solid #edf2f7;padding:2rem 3rem}.scroll-body{scroll-behavior:smooth;flex:1;padding:2.5rem 3rem;overflow-y:auto}.stats-container{border-radius:var(--lckh-radius-lg);color:#fff;background:linear-gradient(135deg,#0038a8 0%,#001f5c 100%);border:1px solid #ffffff1a;margin-bottom:2.5rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #0038a840}.stats-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:140%;height:140%;position:absolute;top:-50%;left:-20%}.stats-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.stat-value{letter-spacing:-.05em;margin-bottom:.25rem;font-size:2.75rem;font-weight:950}.module-card-list{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.module-item{background:#fff;border:1px solid #f1f5f9;border-radius:28px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #00000008}.module-item:hover{border-color:var(--lckh-primary-soft);transform:translateY(-8px);box-shadow:0 25px 50px -12px #0038a826}.btn{letter-spacing:.01em;cursor:pointer;border:none;border-radius:16px;padding:.75rem 1.75rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-primary{background:var(--lckh-primary);color:#fff;box-shadow:0 8px 16px #0038a833}.btn-primary:hover{background:var(--lckh-navy-deep);transform:translateY(-2px);box-shadow:0 12px 24px #0038a84d}.btn-secondary{color:#475569;background:#f1f5f9}.btn-secondary:hover{color:#1e293b;background:#e2e8f0}.table-premium{border-collapse:separate;border-spacing:0;width:100%}.table-premium thead th{background:var(--lckh-primary);color:#fff;text-transform:uppercase;letter-spacing:.15em;z-index:5;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:800;position:sticky;top:0}.table-premium thead th:first-child{border-radius:20px 0 0}.table-premium thead th:last-child{border-radius:0 20px 0 0}.table-premium tbody td{color:#1e293b;background:#fff;border-bottom:1px solid #f1f5f9;padding:1.5rem;font-size:.9rem;font-weight:600;transition:background .2s}.table-premium tbody tr:last-child td:first-child{border-radius:0 0 0 20px}.table-premium tbody tr:last-child td:last-child{border-radius:0 0 20px}.table-premium tbody tr:hover td{background:var(--lckh-primary-soft)}.modal-overlay{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--lckh-radius-xl);background:#fff;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0006}.modal-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.modal-header h3{color:#0f172a;letter-spacing:-.04em;font-size:1.5rem;font-weight:900}.modal-content{flex:1;padding:3rem;overflow-y:auto}.attachment-card{background:#fff;border:1px solid #f1f5f9;border-radius:28px;margin-bottom:2rem;padding:2.5rem;box-shadow:0 10px 30px #0000000a}.preview-container{aspect-ratio:16/9;background:#f8fafc;border:1px solid #edf2f7;border-radius:20px;width:100%;margin-top:1.5rem;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.preview-overlay{opacity:0;background:#0038a866;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.preview-container:hover .preview-overlay{opacity:1}.preview-container:hover .preview-image{transform:scale(1.05)}.badge{text-transform:uppercase;letter-spacing:.1em;border-radius:12px;padding:.5rem 1rem;font-size:.7rem;font-weight:800}.badge-success{color:#059669;background:#ecfdf5}.badge-warning{color:#d97706;background:#fffbeb}.badge-danger{color:#dc2626;background:#fef2f2}.badge-info{color:#0038a8;background:#eff6ff}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--lckh-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.badge-modern{text-transform:uppercase;letter-spacing:.025em;border:1px solid #0000;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.badge-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669}.badge-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#d97706}.badge-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#dc2626}.badge-info{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#2563eb}@media (max-width:1024px){.lckh-sidebar{width:300px}.module-card-list{grid-template-columns:1fr;gap:1rem}.content-header{padding:1rem 1.5rem}.scroll-body{padding:1.5rem}}@media (max-width:768px){.lckh-container{flex-direction:column;height:auto;min-height:100vh}.lckh-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;height:auto;max-height:40vh;overflow-y:auto}.sidebar-header{padding:1rem}.submission-item{margin:.5rem;padding:1rem}.lckh-content{height:calc(60vh - 80px);min-height:60vh}.content-header,.scroll-body{padding:1rem}.module-card-list{grid-template-columns:1fr}.action-bar{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:1rem;padding:1rem;position:static}.modal-content{max-height:80vh;padding:1.5rem}.modal-header{padding:1.5rem}}@media (max-width:480px){.sidebar-header h2{font-size:.75rem}.btn-create{padding:.375rem .75rem;font-size:.625rem}.submission-item{padding:.75rem}.content-header h2{font-size:.75rem}.section-title{font-size:.625rem}.module-name{font-size:.75rem}.btn{padding:.5rem 1rem;font-size:.75rem}.modal-container{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0}.modal-header,.modal-content{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.lckh-container{background:#fff;border:2px solid #000}.submission-item,.module-item,.card-modern,.btn-modern,.btn-primary{border:2px solid #000}}@media print{.modal-backdrop,.modal-container{display:none!important}.table-modern,.card-modern{box-shadow:none!important;border:2px solid #000!important}}