:root{--bg:#080f1d;--panel:#101b2d;--panel2:#132136;--line:#24334a;--muted:#8f9db3;--white:#f6f6f2;--gold:#d9b779;--gold2:#aa8754;--blue:#456a9a;--r:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
.auth-body{min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 14% 67%,#142a47 0,transparent 41%),#090f1b;display:flex;flex-direction:column}
.auth-top{display:flex;align-items:center;gap:15px;padding:39px max(48px,7.5vw);position:relative;z-index:3}
.brand-mark{width:49px;height:49px;border:1px solid rgba(217,183,121,.55);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d3045,#0e1a29);flex-shrink:0}
.brand-symbol{color:var(--gold);font-family:Georgia,serif;font-weight:700;font-size:30px;letter-spacing:-5px;padding-right:5px}
.brand-dot{font-weight:400}
.brand-word,.sidebar-brand{font-size:13px;letter-spacing:.15em;font-weight:500;line-height:1.4;white-space:nowrap}
.brand-word strong,.sidebar-brand strong{color:var(--gold);font-weight:600}
.brand-word small,.sidebar-brand small{display:block;color:#78899f;font-size:9px;letter-spacing:.22em;margin-top:6px}
.auth-page{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,110px);align-items:center;padding:60px max(48px,7.5vw) 95px}
.auth-copy{position:relative;padding:30px 0;isolation:isolate}
.eyebrow,.section-overline{font-size:11px;letter-spacing:.21em;color:var(--gold);font-weight:650;display:flex;align-items:center;gap:13px}
.gold-line,.little-gold-line{display:inline-block;height:1px;width:28px;background:var(--gold)}
.auth-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.044em;font-size:clamp(52px,5.9vw,86px);line-height:1.10;margin:30px 0}
.auth-copy h1 em,.hero h1 em{font-style:italic;color:var(--gold)}
.auth-copy>p{font-size:16px;line-height:1.9;color:#a1afc0;max-width:520px}
.auth-checks{display:flex;flex-wrap:wrap;gap:24px;margin-top:48px;color:#c4cbd0;font-size:12px}
.auth-checks span::first-letter{color:var(--gold)}
.auth-glow{position:absolute;z-index:-1;left:-70px;top:-80px;width:480px;height:520px;filter:blur(83px);background:radial-gradient(ellipse,#28456822,transparent 72%);pointer-events:none}
.auth-panel{max-width:475px;width:100%;justify-self:end;padding:45px 43px 30px;background:linear-gradient(146deg,#162438,#0d1829);border:1px solid #2c3a4d;border-radius:22px;box-shadow:0 28px 100px #0008}
.auth-panel-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:35px}
.lock-emblem{display:grid;place-items:center;background:#212f40;width:47px;height:47px;border:1px solid #3c3f44;color:var(--gold);border-radius:13px;font-size:28px}
.panel-eyebrow,.section-eyebrow{font-size:10px;color:var(--gold);letter-spacing:.2em;font-weight:700}
.auth-panel h2{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.03em;margin:10px 0 6px}
.auth-panel p{margin:0;color:#8798ab;font-size:13px}
.auth-panel form,.modal-panel form{display:flex;flex-direction:column;gap:12px}
.auth-panel label,.modal-panel label{font-size:12px;color:#d2d9e2;font-weight:550;letter-spacing:.015em;margin-top:10px}
.auth-panel input,.modal-panel input,.search-area input,.field-select{background:#0b1524;border:1px solid #2b3a4f;border-radius:9px;color:#f9f9f5;outline:0;height:51px;padding:0 15px;width:100%}
.auth-panel input::placeholder,.modal-panel input::placeholder{color:#69788e}
.auth-panel input:focus,.modal-panel input:focus,.search-area:focus-within,.field-select:focus{border-color:var(--gold)}
.input-password{position:relative}.input-password input{padding-right:70px}.toggle-password{position:absolute;right:12px;top:12px;background:none;border:0;color:#b0a08c;font-size:12px}
.auth-submit{background:linear-gradient(125deg,#e1c38c,#c5a46c);border:0;border-radius:9px;color:#0e1b2d;height:50px;font-size:13px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;width:100%;transition:transform .15s,filter .15s}
.auth-submit:hover,.hero-btn:hover,.small-gold-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.auth-submit span{font-size:21px}
.auth-message,.form-message{font-size:12px;padding:10px 13px;border-radius:8px;color:#ffccbd;background:#5e292b54;border:1px solid #8e5150}
.auth-message.ok,.form-message.ok{background:#20473560;border-color:#3e7657;color:#a9ecc2}
.panel-bottom{border-top:1px solid #2b3a4a;margin-top:30px;padding-top:23px;color:#8798ab;font-size:11px;display:flex;align-items:center;gap:9px}
.status-pulse{width:7px;height:7px;border-radius:50%;background:#6bc9a0;display:inline-block;box-shadow:0 0 0 3px #6bc9a015;flex-shrink:0}
.auth-footer{display:flex;justify-content:space-between;gap:25px;padding:25px max(48px,7.5vw);font-size:10px;letter-spacing:.045em;color:#5e6f85;border-top:1px solid #ffffff0a}
.dashboard-body{background:#0b1423}
.app-shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh;max-width:1920px;margin:0 auto}
.sidebar{border-right:1px solid #27374a;background:#0c1728;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.sidebar-logo{display:flex;align-items:center;gap:10px;margin:32px 22px 56px}
.sidebar-mark{width:44px;height:44px}
.sidebar-mark .brand-symbol{font-size:27px}
.sidebar-brand{font-size:11px}
.sidebar-brand small{font-size:8px}
.nav-group{padding:0 12px;margin-bottom:27px}
.nav-label{font-size:10px;letter-spacing:.17em;color:#62768e;margin:0 13px 13px;font-weight:600}
.side-link{width:100%;display:flex;align-items:center;gap:13px;padding:12px 12px;font-size:12px;text-align:left;border-radius:9px;background:transparent;border:1px solid transparent;color:#9eadbf;transition:.2s}
.side-link:hover,.side-link.selected{background:#213148;color:#f9f5ee;border-color:#30435b}
.side-link.selected::before{content:"";position:absolute;transform:translateX(-13px);width:3px;height:20px;border-radius:2px;background:var(--gold)}
.side-link.selected .nav-icon{color:var(--gold)}
.nav-icon{font-size:19px;font-weight:300;color:#8ea6c3;line-height:1}
.nav-small{margin-left:auto;color:var(--gold)}
.side-count{margin-left:auto;color:#7e91a8;font-size:10px}
.category-dot{height:9px;width:9px;border-radius:50%;flex-shrink:0}
.category-dot.gold{background:#d6b576}.category-dot.blue{background:#5d97bf}.category-dot.violet{background:#a293cf}.category-dot.green{background:#7dbb95}.category-dot.coral{background:#cd8d76}.category-dot.gray{background:#7f8b9b}
.sidebar-bottom{margin-top:auto;padding:22px 17px;border-top:1px solid #223146}
.small-security{font-size:11px;color:#8e9bae;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.sidebar-user{display:flex;align-items:center;gap:10px}
.avatar{height:35px;width:35px;border:1px solid #947b56;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;background:#26303d}
.user-text{display:flex;flex-direction:column;gap:3px;min-width:0}.user-text strong{font-size:12px;font-weight:600}.user-text small{font-size:10px;color:#7c90a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:126px}
.logout-btn{background:transparent;border:0;color:#9da9bb;margin-left:auto;font-size:24px}
.main-column{min-width:0}
.topbar{height:82px;border-bottom:1px solid #223145;padding:0 clamp(25px,3.5vw,66px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0d1727}
.breadcrumb{font-size:10px;font-weight:600;letter-spacing:.13em;color:#71869e}.breadcrumb span{margin:0 12px;color:#48596f}.breadcrumb strong{color:#d0d8e0;font-weight:650}
.top-actions{display:flex;align-items:center;gap:18px}
.private-chip{font-size:11px;color:#a7b7bf;display:flex;align-items:center;gap:9px}
.small-gold-btn{background:#d6b678;border:0;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:750;color:#152033;white-space:nowrap}
.content{padding:35px clamp(25px,3.5vw,66px) 35px}
.hero{height:300px;overflow:hidden;position:relative;border-radius:18px;background:radial-gradient(ellipse at 87% 37%,#284362bb,transparent 42%),linear-gradient(115deg,#17283d,#101f32 66%,#172c44);border:1px solid #31445b;display:flex;align-items:center;padding:40px 48px}
.hero::after{content:"";position:absolute;width:370px;height:370px;border:1px solid #c9ad7330;right:0;top:-35px;transform:rotate(36deg);border-radius:80px}
.hero-sheen{position:absolute;right:-50px;bottom:-250px;width:520px;height:520px;background:radial-gradient(circle,#ac885427,transparent 69%);pointer-events:none}
.hero-copy{z-index:1;max-width:660px}
.hero h1{font-family:Georgia,serif;font-size:clamp(37px,3.7vw,57px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:20px 0 13px}
.hero p{margin:0;color:#a6b6c8;max-width:510px;line-height:1.7;font-size:12px}
.hero-btn{margin-top:24px;background:#d6b679;color:#18243a;padding:12px 16px;font-size:11px;font-weight:800;border-radius:8px;border:0}
.hero-btn span{margin-left:15px}
.hero-symbol{position:absolute;right:9%;bottom:-70px;font-family:Georgia,serif;font-size:320px;color:#c9ae7820;line-height:1;font-weight:700;letter-spacing:-.12em;pointer-events:none}
.hero-symbol span{color:#cfac713a}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.metric{border:1px solid #24354a;border-radius:13px;background:#111e30;padding:19px 22px;display:flex;gap:16px;align-items:center}
.metric-icon{width:45px;height:45px;flex-shrink:0;background:#2b3643;border-radius:10px;color:var(--gold);display:grid;place-items:center;font-size:27px;font-family:Georgia,serif}
.metric div{display:flex;flex-direction:column;gap:3px}
.metric strong{font-size:24px;font-weight:550;letter-spacing:-.03em;color:#f6f5f1}
.metric span:last-child{font-size:11px;color:#91a4b9}
.collections,.library-section{margin-top:42px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-heading h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.025em;margin:9px 0 0}
.text-action{background:none;color:var(--gold);border:0;font-size:12px}
.text-action span{margin-left:6px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.category-card{display:flex;flex-direction:column;align-items:flex-start;gap:17px;border:1px solid #2a3b50;background:#122037;border-radius:12px;min-height:118px;padding:19px;text-align:left;transition:background .2s,transform .2s,border-color .2s}
.category-card:hover,.category-card.active{border-color:#bf9c6588;background:#192b41;transform:translateY(-1px)}
.cat-icon{font-family:Georgia,serif;border-radius:9px;background:#233548;padding:8px 12px;color:#e0bd7c;font-size:19px}
.cat-icon.blue{color:#85b0d6}.cat-icon.violet{color:#a9a0dc}.cat-icon.green{color:#a3c7ac}.cat-icon.coral{color:#e4a68b}.cat-icon.gray{color:#b9c3cd}
.cat-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}
.cat-row strong{font-size:12px;font-weight:600}
.cat-row small{font-size:10px;color:#72869f;white-space:nowrap}
.search-area{height:39px;display:flex;align-items:center;gap:8px;border:1px solid #2a3a4f;background:#101d30;padding:0 12px;border-radius:8px;width:min(280px,45%);color:#9baabd}
.search-area input{border:0;background:none;font-size:12px;height:35px;padding:0;color:var(--white)}
.search-area input::placeholder{color:#7e90a6}
.search-area span{font-size:22px}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 22px}
.filter-pill{background:#142238;border:1px solid #293b52;border-radius:999px;padding:7px 13px;color:#9babc0;font-size:11px}
.filter-pill.active{background:#d1b57d;color:#182239;border-color:#d1b57d;font-weight:700}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.video-card{background:#121f32;border:1px solid #2b3b50;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}
.video-card:hover{transform:translateY(-2px);border-color:#b796655c}
.video-thumb{position:relative;aspect-ratio:16/9;background:#182a40;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.video-thumb .overlay{position:absolute;inset:0;background:linear-gradient(transparent 55%,#071320a0)}
.video-chip{position:absolute;bottom:12px;left:13px;display:inline-block;background:#121e2cea;backdrop-filter:blur(8px);color:#dfbe82;border:1px solid #d8b47473;padding:5px 9px;font-size:10px;border-radius:5px}
.video-content{padding:18px}
.video-title{font-size:14px;font-weight:650;line-height:1.45;min-height:43px;margin-bottom:9px}
.video-author{font-size:11px;color:#95a6b9}
.video-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:17px;border-top:1px solid #25384c;padding-top:13px}
.video-summary{font-size:10px;color:#85bba8}
.video-summary.missing{color:#98a3b2}
.video-open{border:0;background:none;color:#dec38e;font-size:11px;font-weight:650}
.loading-card{padding:35px;background:#122037;border:1px solid #25364a;border-radius:12px;color:#95a6bb;font-size:12px}
.empty-state{background:#142136;border:1px dashed #37495e;border-radius:16px;text-align:center;padding:45px 20px;color:#9aabc0}
.empty-state h3{color:var(--white);font-family:Georgia,serif;font-weight:400;font-size:24px;margin:9px}
.empty-state p{font-size:12px}
.empty-symbol{font-family:Georgia,serif;color:var(--gold);font-size:40px}
.outlined-btn{padding:10px 16px;background:transparent;color:var(--gold);border:1px solid #8d7653;border-radius:8px;margin-top:10px}
.footer-dash{margin-top:48px;border-top:1px solid #24354a;padding-top:20px;font-size:10px;color:#71849a;letter-spacing:.05em}
.footer-dash span{color:#af9667;margin:0 7px}.footer-right{float:right!important;color:#71849a!important}
.modal-backdrop,.detail-backdrop{position:fixed;z-index:30;inset:0;background:#020814bf;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}
.modal-panel{background:#142239;border:1px solid #40516b;padding:38px;border-radius:18px;max-width:520px;width:100%;position:relative;box-shadow:0 25px 90px #000a}
.modal-close,.detail-close{border:0;color:#c5b79c;background:#28364a;border-radius:50%;font-size:23px;width:37px;height:37px;position:absolute;right:20px;top:17px}
.modal-panel h2{font-family:Georgia,serif;font-size:33px;font-weight:400;margin:11px 0}
.modal-subtitle{color:#a2b2c4;font-size:13px;line-height:1.6}
.modal-panel form{margin-top:22px}
.form-hint{font-size:11px;color:#8195ac;line-height:1.6}
.detail-backdrop{justify-content:flex-end;padding:0}
.detail-panel{position:relative;height:100%;overflow:auto;max-width:730px;width:100%;background:#101d30;border-left:1px solid #3b5069;box-shadow:-20px 0 80px #0008;padding:62px 42px 45px}
.detail-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #324459}
.detail-header{margin:24px 0}.detail-header h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.17;margin:12px 0}
.detail-meta{font-size:12px;color:#9aacbf}
.detail-link{color:#d6b679;text-decoration:underline;text-underline-offset:4px}
.detail-actionbar{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}
.detail-action{border:1px solid #4a5565;background:#203148;border-radius:7px;padding:10px 13px;font-size:12px;color:#f1f2ef}
.detail-action.primary{background:#c9aa74;color:#132337;border-color:#c9aa74;font-weight:700}
.detail-section{border-top:1px solid #34445a;padding-top:22px;margin-top:24px}
.detail-section h3{font-family:Georgia,serif;font-size:24px;font-weight:400}
.markdown-content{font-size:13px;color:#c2cad5;line-height:1.85;white-space:normal}
.markdown-content h2,.markdown-content h3{font-family:Georgia,serif;color:#f3eee4;font-weight:400;margin:22px 0 9px}
.markdown-content h2{font-size:21px}.markdown-content h3{font-size:17px}
.markdown-content p{margin:10px 0}.markdown-content strong{color:#fff;font-weight:650}
.markdown-content a{color:var(--gold);text-decoration:underline}
.markdown-content hr{border:0;border-top:1px solid #34465b;margin:22px 0}
.transcript-list{max-height:420px;overflow:auto;border:1px solid #2c3d52;border-radius:10px;padding:12px}
.segment{display:flex;gap:15px;border-bottom:1px solid #283b52;padding:12px 3px;font-size:12px;line-height:1.65;color:#bfcbd5}.segment:last-child{border:0}.segment a{flex-shrink:0;color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px}
.field-select{max-width:260px;height:42px;font-size:12px}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.tag-list span{border:1px solid #42566a;color:#b7c4cf;padding:5px 9px;border-radius:20px;font-size:10px}
.toast{position:fixed;right:20px;bottom:23px;z-index:70;background:#254233;color:#d6f5e6;border:1px solid #57886a;border-radius:10px;padding:12px 17px;box-shadow:0 10px 40px #0009;font-size:12px}
@media(max-width:1100px){.sidebar{width:220px}.app-shell{grid-template-columns:220px 1fr}.hero{padding:30px}.hero-symbol{right:4%;font-size:270px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:9px}.metric{padding:14px;gap:9px}}
@media(max-width:800px){.auth-top{padding:27px 24px}.auth-page{grid-template-columns:1fr;padding:25px 23px 50px;gap:25px}.auth-copy{padding:0}.auth-copy h1{font-size:45px;margin:17px 0}.auth-copy>p{font-size:13px}.auth-checks{margin-top:20px;gap:11px;font-size:10px}.auth-panel{justify-self:center;max-width:520px}.auth-footer{padding:18px 23px}.auth-footer span:last-child{display:none}
.app-shell{display:block}.sidebar{position:static;height:auto;min-height:0;flex-direction:row;align-items:center;padding:10px 20px;border-right:0;border-bottom:1px solid #314156}.sidebar-logo{margin:0}.sidebar .nav-group,.sidebar-bottom{display:none}.topbar{height:58px;padding:0 21px}.breadcrumb{font-size:9px}.top-actions{gap:10px}.content{padding:22px}.hero{height:auto;min-height:265px;padding:30px 25px}.hero h1{font-size:40px}.hero-symbol{font-size:240px;right:0;bottom:-55px}.hero p{max-width:80%}.section-heading h2{font-size:24px}.footer-dash{line-height:1.6}.footer-right{display:none}}
@media(max-width:560px){.sidebar-logo{gap:9px}.sidebar-mark{height:38px;width:38px}.sidebar-brand{font-size:10px}.sidebar-brand small{font-size:7px}.topbar .private-chip{display:none}.small-gold-btn{font-size:10px;padding:10px}.content{padding:16px}.hero{border-radius:14px;min-height:270px;padding:25px}.hero h1{font-size:37px}.hero-symbol{font-size:210px;opacity:.5}.hero p{font-size:11px;max-width:90%}.hero-btn{margin-top:18px}.metrics{gap:7px}.metric{padding:12px 9px;gap:7px;border-radius:10px}.metric-icon{height:31px;width:31px;font-size:18px}.metric strong{font-size:20px}.metric span:last-child{font-size:9px}.category-grid{gap:8px}.category-card{min-height:102px;padding:12px;gap:15px}.cat-icon{font-size:14px;padding:7px 9px}.cat-row strong{font-size:10px}.cat-row small{font-size:9px}.section-heading{align-items:start}.section-heading h2{font-size:23px}.search-area{width:130px;padding:0 7px}.search-area input{font-size:10px}.video-grid{grid-template-columns:1fr}.footer-dash{margin-top:28px}.detail-panel{padding:58px 18px 22px}.detail-header h2{font-size:26px}.auth-panel{padding:28px 23px 25px}.auth-panel h2{font-size:30px}.auth-checks{display:none}.auth-copy h1{font-size:39px}.modal-panel{padding:33px 23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}