@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#09090b;--elev:#18181b;--elev-2:#27272a;--text:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--muted:#71717a;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#8b5cf6;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#ffffff14;--border-light:#ffffff26;--sidebar-w:260px;--sidebar-bg:#09090b;--sidebar-text:#a1a1aa;--sidebar-active:#6366f1;--sidebar-hover:#ffffff0a;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-accent:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #00000026, 0 8px 10px -6px #00000026;--shadow-glow:0 0 20px #6366f126;--ring:0 0 0 2px #6366f133;--blur:blur(12px);--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--input-bg:#18181b}:root.light{--bg:#f8fafc;--elev:#fff;--elev-2:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--muted:#94a3b8;--border:#0f172a14;--border-light:#0f172a1f;--sidebar-bg:#fff;--sidebar-text:#475569;--sidebar-hover:#6366f10d;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-lg:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000014;--shadow-glow:0 0 20px #6366f11a;--ring:0 0 0 2px #6366f126;--input-bg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.app-layout{min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-w);flex-direction:column;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:960px){.app-main{margin-left:0}}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar__logo{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:1.5rem 1.5rem 1rem;display:flex}.sidebar__logo h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:.125rem;padding:.5rem .75rem;display:flex}.sidebar__nav a{color:var(--sidebar-text);border-radius:var(--radius-md);outline:none;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar__nav a:hover{background:var(--sidebar-hover);color:var(--text);transform:translate(2px)}.sidebar__nav a:active{transform:translate(1px)}.sidebar__nav a.active{color:var(--primary);background:#6366f114;font-weight:600}.sidebar__nav a .icon{opacity:.8;justify-content:center;align-items:center;font-size:16px;transition:transform .2s;display:inline-flex}.sidebar__nav a:hover .icon{opacity:1;transform:scale(1.05)}.sidebar__nav a .label{letter-spacing:-.01em;flex:1}.sidebar__group{margin:.125rem 0}.sidebar__group>summary{cursor:pointer;border-radius:var(--radius-md);color:var(--sidebar-text);outline:none;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:14px;font-weight:500;list-style:none;transition:background .2s,color .2s;display:flex}.sidebar__group>summary::-webkit-details-marker{display:none}.sidebar__group>summary:hover,.sidebar__group[open]>summary{background:var(--sidebar-hover);color:var(--text)}.submenu{flex-direction:column;gap:.125rem;padding:.25rem 0 .25rem 2.25rem;display:flex}.submenu a{border-radius:var(--radius-sm);color:var(--sidebar-text);outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;text-decoration:none;display:flex}.submenu a:hover{background:var(--sidebar-hover);color:var(--text)}.sidebar__nav a.active:before{content:"";border-radius:var(--radius-full);background:var(--primary);width:3px;position:absolute;top:.5rem;bottom:.5rem;left:0}.sidebar__nav a:focus-visible,.sidebar__group>summary:focus-visible,.submenu a:focus-visible{box-shadow:var(--ring)}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}@media (max-width:960px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}:root{--sidebar-w:0px!important}.sidebar-toggle-btn{display:none!important}}.sidebar-collapsed{--sidebar-w:68px}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding:1rem .75rem}.sidebar-toggle-btn{border-radius:var(--radius-md);background:var(--elev-2);border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;padding:.65rem .85rem;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--primary);color:#fff;border-color:#0000}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar__logo{justify-content:center;padding:1.5rem .5rem}.sidebar.collapsed .sidebar__footer{padding:1rem .5rem}.sidebar.collapsed .sidebar-toggle-btn{justify-content:center;width:100%;padding:.65rem .5rem}.sidebar.collapsed .sidebar__nav a{justify-content:center;gap:0;padding:.65rem .5rem}.sidebar.collapsed .sidebar__nav a .label{display:none}.sidebar.collapsed .sidebar__nav a.active:before{top:.4rem;bottom:.4rem;left:.15rem}.sidebar.collapsed .sidebar__group summary{gap:0;width:100%;padding:.65rem .5rem;justify-content:center!important;display:flex!important}.sidebar.collapsed .sidebar__group summary .label,.sidebar.collapsed .submenu{display:none!important}.topbar{z-index:50;border-bottom:1px solid var(--border);height:56px;-webkit-backdrop-filter:var(--blur);background:#09090bcc;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}:root.light .topbar{background:#f8fafccc}.topbar-menu-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.topbar-menu-btn:hover{background:var(--elev-2)}.topbar-title{letter-spacing:-.02em;color:var(--text);font-size:14px;font-weight:700;display:none}@media (max-width:960px){.topbar-title{display:block}}.topbar-spacer{flex:1}.search-wrap{flex:1;max-width:320px;position:relative}.search-wrap .search-icon{opacity:.7;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{background:var(--elev);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-md);outline:none;padding:.4rem 1rem .4rem 2.25rem;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:var(--ring)}.search-input::placeholder{color:var(--text-tertiary)}.topbar-actions{align-items:center;gap:.5rem;display:flex}.btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--elev);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:.35rem;min-height:32px;padding:.4rem .75rem;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:var(--elev-2);border-color:var(--border-light)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff;border-color:#0000;font-weight:500}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--elev-2);border-color:#0000}.btn-danger{background:var(--danger);color:#fff;border-color:#0000}.btn-danger:hover{background:#dc2626}.btn-ghost-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-ghost-danger:hover{color:var(--danger);background:#ef44441a}.btn-sm{min-height:28px;padding:.25rem .5rem;font-size:12px}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;min-height:unset;padding:0}.card{background:var(--elev);border:1px solid var(--border);border-radius:var(--radius-lg);outline:none;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.card:hover{box-shadow:var(--shadow);border-color:var(--border-light);transform:translateY(-2px)}.card:focus-visible{box-shadow:var(--ring)}.vid-thumb{aspect-ratio:16/9;cursor:pointer;background:#000 50%/cover;width:100%;position:relative;overflow:hidden}.vid-thumb:after{content:"";opacity:0;background:#00000026;transition:opacity .2s;position:absolute;inset:0}.vid-thumb:hover:after{opacity:1}.vid-play-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:2;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vid-thumb:hover .vid-play-btn{background:var(--primary);border-color:#0000;transform:translate(-50%,-50%)scale(1.1)}.grid{gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.grid-3,.grid-auto{grid-template-columns:1fr}}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-title{letter-spacing:-.01em;color:var(--text);font-size:15px;font-weight:600}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--elev);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(480px,100%);max-height:90vh;box-shadow:var(--shadow-lg);padding:1.5rem;animation:.2s slideUp;overflow-y:auto}.modal-title{letter-spacing:-.01em;margin-bottom:1rem;font-size:16px;font-weight:600}.modal-footer{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.modal-player{width:90%;max-width:800px;padding:0;overflow:hidden}.player-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.theater-modal{top:56px;left:var(--sidebar-w);z-index:1000;background:#000;flex-direction:column;display:flex;position:fixed;bottom:0;right:0}.theater-close{z-index:2000;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:8px;right:12px}.theater-close:hover{background:#fff3}.theater{background:#000;grid-template-columns:minmax(0,3fr) minmax(260px,1.2fr);gap:0;width:100%;height:100%;display:grid;overflow:hidden}.theater__main{background:#000;grid-template-rows:auto 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.theater__playerWrap{background:#000;width:100%}.theater__player{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.theater__meta{background:var(--elev);border-top:1px solid var(--border);padding:1rem;overflow:auto}.theater__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .5rem;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden}.theater__note{flex-direction:column;gap:.5rem;display:flex}.theater__note label{color:var(--text-secondary);font-size:12px;font-weight:500}.theater__note textarea{resize:vertical;border-radius:var(--radius);background:var(--bg);width:100%;min-height:100px;color:var(--text);border:1px solid var(--border);outline:none;padding:.5rem;font-family:inherit;font-size:13px}.theater__note textarea:focus{border-color:var(--primary)}.theater__side{background:var(--elev);border-left:1px solid var(--border);flex-direction:column;min-width:260px;display:flex;overflow:hidden}.theater__side-header{border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:13px;font-weight:600}.theater__list{padding:.5rem;overflow:auto}.theater__list-item{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;gap:.5rem;padding:.4rem;display:flex}.theater__list-item:hover{background:var(--elev-2)}.theater__list-item .thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--border);background:#000 50%/cover;flex:0 0 100px;justify-content:center;align-items:center;display:flex}.theater__list-item .info{flex-direction:column;gap:2px;min-width:0;display:flex}.theater__list-item .title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}@media (max-width:860px){.theater{grid-template-columns:1fr}.theater__side{display:none}.theater-modal{left:0}}@media (max-width:960px){.theater-modal{left:0}}.player-body{padding:1rem}.player-body video{border-radius:var(--radius-md);background:#000;width:100%;height:auto;max-height:60vh}.form-group{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.form-label{color:var(--text-secondary);font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);outline:none;width:100%;padding:.45rem .75rem;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.form-input::placeholder{color:var(--text-tertiary)}.form-error{color:var(--danger);margin-top:.2rem;font-size:12px}.form-hint{color:var(--text-tertiary);margin-top:.15rem;font-size:11px}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:10px;font-weight:600;display:inline-flex}.badge-video{color:var(--accent);background:#06b6d41a;border:1px solid #06b6d426}.badge-doc{color:var(--secondary);background:#8b5cf61a;border:1px solid #8b5cf626}.badge-tag{background:var(--elev-2);border:1px solid var(--border);color:var(--text-secondary);padding:.1rem .4rem;font-size:11px;font-weight:500}.profile-section{text-align:center;border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding:1.5rem 1rem}.profile-avatar{background:var(--gradient-primary);color:#fff;border:2px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto .75rem;font-size:28px;font-weight:700;display:flex}.profile-name{letter-spacing:-.01em;margin-bottom:.15rem;font-size:18px;font-weight:700}.profile-email{color:var(--text-tertiary);margin-bottom:.75rem;font-size:13px}.tabs{background:var(--elev-2);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.3rem .75rem;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--elev);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-tertiary);background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1.5rem;display:flex}.empty-state-icon{opacity:.6;font-size:32px}.empty-state-title{color:var(--text-secondary);font-size:14px;font-weight:600}.empty-state-desc{max-width:280px;font-size:12px}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.loading-center{justify-content:center;align-items:center;min-height:160px;display:flex}.toast-container{z-index:999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:.5rem;min-width:200px;max-width:320px;padding:.5rem 1rem;font-size:13px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--elev) 25%, var(--elev-2) 50%, var(--elev) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.tag-chip{background:var(--elev-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-full);padding:.1rem .4rem;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.tag-chip:hover{border-color:var(--primary);color:var(--primary)}.card-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:12px;display:flex}.card-title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:14px;font-weight:600;line-height:1.4}.card-actions{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.profile{padding:1.5rem 1rem .5rem}.profile__inner{text-align:center;max-width:960px;margin:0 auto}.profile__avatar{width:80px;height:80px;margin:0 auto .75rem;position:relative}.profile__avatar img,.profile__avatar-fallback{object-fit:cover;background:var(--elev);border:2px solid var(--border);border-radius:50%;width:100%;height:100%;display:block}.profile__avatar-fallback{color:#fff;background:var(--gradient-primary);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.profile__name{color:var(--text);letter-spacing:-.015em;margin:.5rem 0 .25rem;font-size:20px;font-weight:700}.profile__email{color:var(--text-secondary);margin:0 0 1rem;font-size:13px}.profile__tabs{background:var(--elev-2);border-radius:var(--radius-md);gap:.25rem;padding:3px;display:inline-flex}.pill{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:.35rem .85rem;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.pill:hover{color:var(--text)}.pill.is-active{background:var(--elev);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}@media (max-width:520px){.profile{padding-top:1rem}.profile__avatar{width:64px;height:64px}.profile__name{font-size:16px}.profile__tabs{gap:2px;padding:2px}.pill{padding:.25rem .65rem;font-size:12px}}