:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg-color:#0f172a;--bg-secondary:#1e293b;--card-bg:#1e293bbf;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a;--accent:#8b5cf6}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;min-height:100dvh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}*{box-sizing:border-box}a{color:var(--primary);text-decoration:none}.btn{background:linear-gradient(to right, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-outline{border:1px solid var(--border-color);box-shadow:none;background:0 0}.btn-outline:hover{box-shadow:none;background:#ffffff0d;transform:translateY(-1px)}.app-container{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:280px;height:100dvh;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-menu-btn,.sidebar-close-btn,.mobile-overlay{display:none}.sidebar-collapsed .sidebar{width:80px}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.nav-item-text{white-space:normal;line-height:1.4}.nav-item:hover,.nav-item.active{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:#3b82f61a}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border-color);background:#111c30;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}.content-area{flex:1;padding:2rem;overflow-y:auto}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{border-color:#3b82f64d;transform:translateY(-4px)scale(1.01);box-shadow:0 15px 30px -10px #0009}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}.part-image-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:220px;padding:2rem;display:flex}.part-image-container img{object-fit:contain;transform-origin:bottom;max-width:100%;max-height:200px}.part-view-layout{align-items:flex-start;gap:2rem;display:flex}.fade-enter{animation:.3s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.image-zoom-hover{transition:transform .5s cubic-bezier(.4,0,.2,1)}.card:hover .image-zoom-hover{transform:scale(1.05)}.part-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.part-viewer-main{flex-direction:column;flex:1;align-self:flex-start;gap:1.5rem;display:flex;position:sticky;top:1rem}.part-sidebar{flex-direction:column;gap:1rem;width:320px;display:flex}.part-items{flex-direction:column;gap:1rem;display:flex}.viewer-caption{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.viewer-code{color:var(--primary);letter-spacing:.02em;font-size:1.3rem;font-weight:800}.viewer-pos{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.tabs-container{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;gap:.5rem;width:fit-content;padding:.5rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb66}.tab-label-short{display:none}.viewer-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;min-height:550px;padding:2rem;display:flex;box-shadow:inset 0 2px 10px #00000080}@media (width<=1024px){.part-view-layout{flex-direction:column}.part-viewer-main{position:static}.part-sidebar{width:100%}.tabs-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.tab-btn{white-space:nowrap;flex-shrink:0}}@media (width<=768px){.app-container{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.sidebar{border-right:1px solid var(--border-color);z-index:1000;border-bottom:none;height:100dvh;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);width:280px!important}.app-container.mobile-menu-open .sidebar{transform:translate(0);box-shadow:0 0 40px #00000080}.mobile-overlay{z-index:999;background:#0000008c;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:flex}.main-content{overflow-y:visible}.content-area{padding:1rem;overflow-y:visible}.topbar{z-index:50;height:48px;padding:0 .75rem;position:sticky;top:0}.topbar-subtitle,.logout-label{display:none}.part-toolbar{z-index:40;background:var(--bg-color);border-bottom:1px solid var(--border-color);flex-flow:row;align-items:center;gap:.5rem;margin:-1rem -1rem 1rem;padding:.4rem .75rem;position:sticky;top:48px}.part-breadcrumbs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto;flex-wrap:nowrap!important;font-size:.72rem!important}.part-breadcrumbs::-webkit-scrollbar{display:none}.nav-btn-label{display:none}.part-nav-buttons button{padding:.4rem .55rem!important}h1{font-size:1.5rem!important}.viewer-card{min-height:350px;padding:1rem}.viewer-card iframe,.viewer-card video,.viewer-card img{max-height:300px!important}.part-image-container{min-height:150px;padding:1rem}.part-sidebar{order:-1;gap:.5rem}.part-items{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.5rem;padding-bottom:4px;overflow-x:auto}.part-items::-webkit-scrollbar{display:none}.part-item{flex-shrink:0!important;gap:0!important;padding:.55rem .9rem!important}.part-item-thumb{display:none!important}.tabs-container{gap:.3rem;width:100%;padding:.3rem;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.tab-btn{flex:1 1 0;justify-content:center;gap:.35rem;min-width:0;padding:.55rem .3rem;font-size:.8rem}.tab-label-full{display:none}.tab-label-short{display:inline}.collapse-btn{display:none!important}}