:root{
  --bg:#06090d;--bg2:#0a0f15;--panel:#0d1117;--panel2:#10161e;--panel3:#131a23;
  --line:#252b33;--line2:#343b45;--text:#f2f3f5;--muted:#90969e;--gold:#d39a3d;
  --gold2:#a86d18;--goldsoft:rgba(211,154,61,.14);--red:#e95b5b;--green:#67b27a;--sidebar:244px;
  --shadow:0 22px 55px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Segoe UI",Inter,Arial,sans-serif}body{background:radial-gradient(circle at 72% 0%,#111820 0,#080c11 34%,#06090d 68%) fixed}a{color:inherit}button,input,select,textarea{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#0a0e13 0%,#090c11 100%);border-right:1px solid #232930;padding:22px 21px 18px;display:flex;flex-direction:column;overflow:auto;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 0 23px;border-bottom:1px solid #252a31;text-decoration:none}.brand-mark{width:38px;height:38px;color:var(--gold);display:grid;place-items:center}.brand-mark svg{width:33px;height:33px}.brand-name{font-size:22px;font-weight:700;color:#e1ae5c;letter-spacing:.4px;line-height:1.05}.brand-sub{margin-top:5px;font-size:10px;color:#a9adb4;letter-spacing:1.5px;text-transform:uppercase}.nav{display:grid;gap:4px;margin-top:24px}.nav a{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:5px;text-decoration:none;color:#d8dadd;font-size:13px;font-weight:600;letter-spacing:.1px;transition:.16s ease}.nav a svg{width:18px;height:18px;color:#aeb4bb}.nav a.active{color:#e6b15c;background:linear-gradient(90deg,rgba(178,117,23,.26),rgba(114,72,14,.18));border-color:#5d4525}.nav a.active svg{color:#d49a3d}.nav a:hover{background:#11161d}.sidebar-spacer{flex:1}.sidebar-user{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid #6e5836;background:#11161d;display:grid;place-items:center;color:#aeb3ba}.avatar svg{width:20px;height:20px}.sidebar-user-copy{min-width:0}.sidebar-user-copy strong,.sidebar-user-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy strong{font-size:12px}.sidebar-user-copy span{font-size:10px;color:#7f8791;margin-top:3px}.logout{display:grid;place-items:center;color:#838b95}.logout svg{width:18px;height:18px}
.main-area{min-width:0}.topbar{height:91px;border-bottom:1px solid #242a31;display:flex;align-items:center;justify-content:space-between;padding:0 32px 0 33px;background:rgba(8,12,17,.9);position:sticky;top:0;z-index:15;backdrop-filter:blur(16px)}.search-shell{width:min(650px,60vw);height:48px;border:1px solid #343941;border-radius:4px;display:grid;grid-template-columns:1fr 53px;background:#0b0f14;overflow:hidden}.searchbox{display:flex;align-items:center;gap:12px;padding:0 14px}.searchbox svg{width:19px;height:19px;color:#92979e}.searchbox input{border:0;outline:0;background:transparent;color:#e7e9eb;width:100%;font-size:13px}.searchbox input::placeholder{color:#878c93}.search-submit{border:0;border-left:1px solid #343941;background:#0b0f14;color:#92979e;display:grid;place-items:center;cursor:pointer}.search-submit svg{width:19px;height:19px}.profile-chip{display:flex;align-items:center;gap:10px;color:#e2e3e5;font-size:12px;font-weight:600}.profile-chip .avatar{width:38px;height:38px}.page{padding:28px 33px 42px}.flash-stack{position:fixed;right:28px;top:108px;z-index:100;display:grid;gap:8px}.flash{padding:12px 16px;border:1px solid #3c424a;background:#121821;border-radius:6px;box-shadow:var(--shadow);font-size:13px}.flash.success{border-color:#3f6848;color:#bfe5c6}.flash.error{border-color:#704245;color:#ffb5ba}
.hero{height:216px;border:1px solid #252c34;border-radius:4px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,8,11,.15),rgba(5,8,11,.55)),url('/static/img/hero.png');background-size:cover;background-position:center;box-shadow:var(--shadow);margin-bottom:28px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,13,.85) 0,rgba(6,9,13,.55) 48%,rgba(6,9,13,.16) 100%)}.hero-content{position:relative;z-index:2;padding:30px 31px}.kicker{font-size:11px;color:#e0aa52;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:26px}.stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));max-width:760px}.stat{padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.13)}.stat:last-child{border:0}.stat strong{display:block;color:#f0bd66;font-size:44px;line-height:1;font-weight:650;letter-spacing:-1px}.stat span{display:block;margin-top:9px;color:#d3d7dc;font-size:13px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-title{font-size:23px;font-weight:650;letter-spacing:.1px}.section-line{width:72px;height:2px;background:linear-gradient(90deg,#ca8b2d,transparent);margin-top:9px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.select,.ghost-btn,.solid-btn,.field{height:38px;border:1px solid #343b44;border-radius:4px;background:#0b1016;color:#d4d8dd;padding:0 12px;font-size:12px;outline:none}.select{min-width:135px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}.ghost-btn svg{width:16px;height:16px}.solid-btn{background:linear-gradient(180deg,#ba7c25,#8d5814);border-color:#d39a3d;color:#fff3dc;font-weight:700;cursor:pointer}.solid-btn:hover{filter:brightness(1.08)}.view-btn{width:38px;padding:0}.view-btn.active{color:#e0aa52;border-color:#715327;background:#17140f}.view-btn svg{width:16px;height:16px;margin:auto}
.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.movie-card{background:#0d1218;border:1px solid #252b32;border-radius:4px;overflow:hidden;box-shadow:0 11px 26px rgba(0,0,0,.22);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative}.movie-card:hover{transform:translateY(-3px);border-color:#6c512d;box-shadow:0 17px 36px rgba(0,0,0,.34)}.poster{display:block;position:relative;aspect-ratio:191/250;background:linear-gradient(145deg,#202936,#0c1117 75%);overflow:hidden;text-decoration:none}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-fallback{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;background:radial-gradient(circle at 70% 20%,#36404b 0,#18202a 38%,#090d12 100%);color:#cbd0d7;font-size:22px;font-weight:800;letter-spacing:.4px}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.36));pointer-events:none}.year-badge{position:absolute;right:9px;top:9px;z-index:2;background:rgba(7,10,14,.72);border:1px solid rgba(255,255,255,.14);padding:4px 6px;border-radius:3px;color:#d5d8dd;font-size:9px}.owned-badge{position:absolute;left:9px;top:9px;z-index:3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ab7424;color:#fff8eb;border:1px solid #dfab54;box-shadow:0 4px 14px rgba(0,0,0,.35)}.owned-badge svg{width:15px;height:15px}.card-body{padding:13px 13px 14px;position:relative}.movie-title{display:block;text-decoration:none;color:#f0f1f2;font-size:12px;font-weight:750;letter-spacing:.45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25px;text-transform:uppercase}.original-title{font-size:9px;color:#777f88;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-line{display:flex;align-items:center;gap:5px;color:#db9f3e;font-size:12px;font-weight:750;margin-top:10px}.rating-line svg{width:13px;height:13px;fill:#db9f3e;stroke:#db9f3e}.rating-line .muted-rating{color:#707780;font-weight:500}.date-line{font-size:9px;color:#767d85;margin-top:5px}.card-actions{display:flex;gap:7px;margin-top:11px}.card-action{height:30px;flex:1;border:1px solid #303741;background:#0b0f14;color:#c8cdd4;border-radius:3px;font-size:10px;font-weight:650;cursor:pointer}.card-action.primary{border-color:#6f5229;color:#e2af5a;background:#13120f}.fav-dot{position:absolute;right:13px;bottom:17px;color:#dc5357}.fav-dot svg{width:15px;height:15px;fill:#dc5357;stroke:#dc5357}
.movie-grid.list{grid-template-columns:1fr}.movie-grid.list .movie-card{display:grid;grid-template-columns:104px 1fr;min-height:136px}.movie-grid.list .poster{aspect-ratio:auto;height:100%}.movie-grid.list .card-body{padding:18px}.movie-grid.list .movie-title{font-size:16px}.movie-grid.list .original-title{font-size:11px}.empty{border:1px dashed #3a414a;background:#0c1117;padding:42px;text-align:center;color:#9299a2;border-radius:4px}.empty strong{display:block;color:#e0e3e6;font-size:17px;margin-bottom:8px}.empty a{color:#e0aa52}
.alpha-bar{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0 18px}.alpha{min-width:28px;height:28px;padding:0 6px;border:1px solid #2f363f;background:#0b1016;color:#969da5;border-radius:3px;font-size:10px;cursor:pointer;text-decoration:none;display:grid;place-items:center}.alpha.active,.alpha:hover{color:#f0bd66;border-color:#73562e;background:#15130f}.catalog-note{font-size:11px;color:#7f8790;margin:-8px 0 16px}.catalog-filters{display:grid;grid-template-columns:1fr 170px 170px auto;gap:8px;margin-bottom:4px}.catalog-filters .field{width:100%}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.pagination a,.pagination span{height:34px;min-width:34px;padding:0 11px;display:grid;place-items:center;border:1px solid #343b44;border-radius:3px;text-decoration:none;font-size:11px;color:#b4bbc3}.pagination a:hover{border-color:#715327;color:#e1ad55}.source-badge{font-size:9px;color:#7f8790;border:1px solid #2c333c;padding:4px 7px;border-radius:3px;margin-left:8px}
.detail-shell{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}.detail-poster{aspect-ratio:2/3;background:#10151b;border:1px solid #303741;overflow:hidden;border-radius:4px;box-shadow:var(--shadow)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-main{background:#0d1218;border:1px solid #293039;border-radius:4px;padding:28px}.detail-main h1{margin:0;font-size:34px;letter-spacing:-.5px}.detail-meta{margin-top:7px;color:#8c949e;font-size:12px}.score-hero{display:flex;align-items:baseline;gap:8px;margin:24px 0;color:#e0a446}.score-hero strong{font-size:48px}.score-hero span{font-size:12px;color:#777f89}.form-grid{display:grid;grid-template-columns:180px 180px 1fr;gap:12px}.form-group label{display:block;font-size:10px;color:#9ca3ab;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.input,.textarea{width:100%;border:1px solid #343b44;background:#0a0f15;color:#e9ebee;border-radius:4px;outline:none}.input{height:42px;padding:0 12px}.textarea{min-height:170px;padding:13px;resize:vertical;line-height:1.55}.checkbox-row{display:flex;align-items:center;gap:9px;height:42px}.friends-ratings{margin-top:28px;padding-top:22px;border-top:1px solid #2d343d}.friends-ratings h3{font-size:14px;margin:0 0 12px}.friend-rating{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #20262d;font-size:12px}.friend-rating b{color:#e0a446}
.friend-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.friend-card{border:1px solid #2d343c;background:#0d1218;padding:18px;border-radius:4px;text-decoration:none;display:flex;align-items:center;gap:14px}.friend-card:hover{border-color:#70532b}.friend-card .avatar{width:50px;height:50px}.friend-card strong{display:block}.friend-card span{display:block;color:#858d96;font-size:10px;margin-top:5px}.invite-row{display:grid;grid-template-columns:160px 1fr 160px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #232a32;font-size:12px}.invite-code{font-family:Consolas,monospace;color:#e2ae57;font-weight:800;letter-spacing:1px}.panel{border:1px solid #293039;background:#0d1218;border-radius:4px;padding:22px}.panel-title{font-size:18px;font-weight:700;margin:0 0 16px}
.modal{position:fixed;inset:0;background:rgba(2,4,6,.78);backdrop-filter:blur(8px);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{width:min(560px,94vw);border:1px solid #3b424c;background:linear-gradient(180deg,#111720,#0b0f15);box-shadow:0 35px 90px rgba(0,0,0,.65);border-radius:5px;overflow:hidden}.modal-head{display:flex;gap:16px;padding:18px;border-bottom:1px solid #2c333b}.modal-poster{width:82px;height:110px;object-fit:cover;background:#151b22;border:1px solid #303741}.modal-title{font-size:19px;font-weight:750;margin-top:2px}.modal-meta{font-size:11px;color:#838b95;margin-top:6px}.modal-body{padding:18px}.modal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.status-choice{height:38px;border:1px solid #343b44;background:#0b1016;color:#cbd0d6;border-radius:3px;font-size:11px;cursor:pointer}.status-choice.selected{border-color:#805e2e;color:#e5b15a;background:#18140f}.rating-entry{display:grid;grid-template-columns:1fr 120px;gap:10px}.modal-foot{padding:0 18px 18px;display:flex;justify-content:flex-end;gap:8px}.close-btn{background:transparent;border:0;color:#9299a2;font-size:20px;cursor:pointer}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 73% 10%,#1a2632 0,#0a0e14 28%,#06090d 64%)}.auth-card{width:min(430px,100%);border:1px solid #303740;background:rgba(10,14,19,.95);box-shadow:0 34px 90px rgba(0,0,0,.55);padding:30px;border-radius:5px}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:25px}.auth-brand .brand-mark{width:42px;height:42px}.auth-title{font-size:24px;color:#e0ad58;font-weight:700}.auth-sub{font-size:11px;color:#858c95;margin-top:4px}.auth-form{display:grid;gap:13px}.auth-form label{font-size:10px;color:#999fa7;text-transform:uppercase;letter-spacing:.8px}.auth-form .input{margin-top:6px}.auth-help{margin-top:17px;font-size:11px;color:#7f8790;text-align:center}.auth-help a{color:#d9a34d}.auth-error{margin-bottom:14px;color:#ffb2b6;font-size:12px}
@media(max-width:1350px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.friend-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){:root{--sidebar:210px}.brand-name{font-size:18px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr);gap:22px}.stat:nth-child(2){border:0}.hero{height:250px}.catalog-filters{grid-template-columns:1fr 1fr}.detail-shell{grid-template-columns:220px 1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid #232930}.nav{grid-template-columns:repeat(2,1fr)}.sidebar-spacer,.sidebar-user{display:none}.topbar{position:static;height:auto;padding:14px 18px;gap:10px}.search-shell{width:100%}.profile-chip{display:none}.page{padding:18px}.hero{height:auto;min-height:260px}.stats{grid-template-columns:1fr 1fr}.stat{margin:0;padding:0;border:0}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section-head{align-items:flex-start;flex-direction:column}.catalog-filters{grid-template-columns:1fr}.detail-shell{grid-template-columns:1fr}.detail-poster{max-width:270px}.form-grid{grid-template-columns:1fr}.friend-list{grid-template-columns:1fr}.invite-row{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr}.rating-entry{grid-template-columns:1fr}}@media(max-width:470px){.movie-grid{grid-template-columns:1fr 1fr}.nav{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.poster-fallback{font-size:15px;padding:12px}.movie-title{font-size:10px}.card-body{padding:10px}.card-actions{display:block}.card-action{width:100%;margin-top:5px}}

/* Arsiv: kademeli yukleme */
.archive-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 0 8px}.archive-progress{font-size:10px;letter-spacing:.35px;color:#727a84}.archive-load-btn{min-width:170px;justify-content:center}.archive-load-btn[hidden]{display:none}.archive-load-btn.is-loading{opacity:.65;pointer-events:none}.archive-sentinel{height:1px;width:100%}

/* =========================================================
   PREMIUM VISUAL PASS V3 — referans sinematik görünüm
   Yalnız görsel katman; veri/route davranışını değiştirmez.
   ========================================================= */
:root{
  --bg:#070a0e;
  --bg2:#0a0e13;
  --panel:#0b1015;
  --panel2:#0e141a;
  --panel3:#111820;
  --line:#272d34;
  --line2:#363d45;
  --text:#f1f2f3;
  --muted:#858c94;
  --gold:#d39a3d;
  --gold2:#9e661a;
  --goldsoft:rgba(211,154,61,.13);
  --sidebar:244px;
  --shadow:0 20px 48px rgba(0,0,0,.30);
}

html,body{background:#070a0e}
body{
  background:
    radial-gradient(ellipse at 78% -15%,rgba(50,60,70,.15),transparent 42%),
    linear-gradient(180deg,#080b0f 0%,#070a0e 100%) fixed;
  color:#f1f2f3;
  font-family:"Segoe UI",Inter,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Sidebar */
.sidebar{
  background:linear-gradient(180deg,#090d12 0%,#080b0f 58%,#090d11 100%);
  border-right:1px solid #252b31;
  padding:24px 22px 18px;
  box-shadow:18px 0 50px rgba(0,0,0,.10);
}
.brand{gap:13px;padding-bottom:24px;border-bottom:1px solid #292e34}
.brand-mark{
  width:39px;height:39px;color:#d5a04a;
  border:1px solid rgba(211,154,61,.26);
  border-radius:50%;
  background:radial-gradient(circle,rgba(211,154,61,.07),transparent 65%);
}
.brand-mark svg{width:27px;height:27px;stroke-width:1.45}
.brand-name{font-size:20px;font-weight:720;color:#dea84f;letter-spacing:.55px;line-height:1.02;text-shadow:0 0 24px rgba(211,154,61,.08)}
.brand-sub{font-size:9px;color:#a2a7ad;letter-spacing:1.65px;margin-top:6px}
.nav{gap:5px;margin-top:24px}
.nav a{
  height:42px;padding:0 12px;border-radius:4px;
  color:#cbd0d5;font-size:12px;font-weight:620;letter-spacing:.1px;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.nav a svg{width:18px;height:18px;color:#9ea5ad;stroke-width:1.65}
.nav a:hover{background:#10151b;color:#f0f1f2;transform:translateX(1px)}
.nav a.active{
  color:#e5b25c;
  background:linear-gradient(90deg,rgba(176,116,25,.28),rgba(87,55,15,.18));
  border-color:#654b27;
  box-shadow:inset 0 0 0 1px rgba(255,194,94,.025),0 7px 18px rgba(0,0,0,.12);
}
.nav a.active svg{color:#dc9f3e}
.sidebar-user{border-top-color:#252b31;padding-top:17px}
.sidebar-user .avatar,.profile-chip .avatar{border-color:#725733;background:#0e1319;color:#c2c6cb}

/* Header */
.topbar.premium-topbar{
  height:91px;
  background:rgba(8,11,15,.93);
  border-bottom:1px solid #282e34;
  padding:0 36px 0 33px;
  backdrop-filter:blur(18px) saturate(110%);
}
.search-shell{
  width:min(620px,58vw);height:48px;
  border-color:#343a41;
  background:#0a0e13;
  border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.searchbox{padding:0 15px;gap:13px}
.searchbox svg{color:#8f969e;width:18px;height:18px;stroke-width:1.65}
.searchbox input{font-size:12px;color:#e9ebed;letter-spacing:.05px}
.searchbox input::placeholder{color:#767d85}
.search-submit{border-left-color:#343a41;background:#0a0e13;color:#9aa0a7;transition:.18s ease}
.search-submit:hover{color:#d7a24a;background:#0e1319}
.profile-chip{gap:12px;font-size:12px;color:#e6e8ea}
.profile-chip .avatar{width:40px;height:40px;border-color:#755a34}

/* Main spacing */
.dashboard-page{padding:0 33px 46px}
.dashboard-page .archive-section{padding-top:27px}

/* Hero: eski görselde gömülü rakamları tamamen örter, projektörü korur */
.hero.premium-hero{
  height:216px;
  margin:0 -33px 0;
  border:0;
  border-bottom:1px solid #292f35;
  border-radius:0;
  box-shadow:none;
  background-image:url('/static/img/hero.png');
  background-size:auto 100%;
  background-position:right center;
  background-repeat:no-repeat;
  background-color:#080b0f;
  isolation:isolate;
}
.hero.premium-hero:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,
    #080b0f 0%,
    #080b0f 42%,
    rgba(8,11,15,.98) 52%,
    rgba(8,11,15,.86) 63%,
    rgba(8,11,15,.34) 82%,
    rgba(8,11,15,.08) 100%);
}
.hero.premium-hero:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 25%,rgba(0,0,0,.08));
}
.premium-hero .hero-overlay{display:none}
.premium-hero .hero-content{padding:62px 48px 0;position:relative;z-index:2}
.premium-hero .kicker{font-size:12px;color:#d8a248;letter-spacing:.45px;font-weight:720;margin-bottom:19px}
.premium-hero .stats{display:flex;align-items:flex-start;max-width:none;gap:0}
.premium-hero .stat{min-width:120px;padding:0 23px 0 0;margin:0 23px 0 0;border-right:1px solid rgba(219,224,228,.18)}
.premium-hero .stat:last-child{border-right:0;margin-right:0;padding-right:0}
.premium-hero .stat strong{font-size:31px;font-weight:540;letter-spacing:-.55px;color:#d7a149;line-height:1;text-shadow:0 0 24px rgba(211,154,61,.07)}
.premium-hero .stat span{font-size:11px;color:#ccd0d4;margin-top:8px;letter-spacing:.05px}

/* Section header */
.premium-section-head{align-items:flex-end;margin-bottom:20px;gap:24px}
.section-heading-copy{min-width:180px}
.section-eyebrow{font-size:8px;color:#777f87;letter-spacing:1.6px;font-weight:700;margin-bottom:5px}
.section-title{font-size:16px;font-weight:720;letter-spacing:.2px;text-transform:uppercase;color:#eceeef}
.section-line{width:31px;height:2px;margin-top:10px;background:#c98622;box-shadow:0 0 12px rgba(201,134,34,.15)}
.toolbar{gap:9px;justify-content:flex-end}
.select,.ghost-btn,.solid-btn{
  height:38px;border-radius:3px;border-color:#343a42;background:#0a0f14;
  color:#bec4ca;font-size:10px;text-transform:uppercase;letter-spacing:.35px;
}
.select{min-width:148px;padding-left:12px;color:#c8cdd2}
.ghost-btn:hover,.select:hover{border-color:#50565d;color:#e4e6e8}
.solid-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
  background:linear-gradient(180deg,#aa721f,#895713);border-color:#c78a31;color:#fff0d3;
  padding:0 14px;font-weight:720;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.solid-btn svg{width:14px;height:14px}
.unrated-btn{text-transform:none;letter-spacing:0;color:#a5abb1;background:#090e13}
.unrated-dot{width:5px;height:5px;border-radius:50%;background:#c98d33;box-shadow:0 0 0 3px rgba(201,141,51,.08)}
.view-switch{display:flex;border:1px solid #343a42;border-radius:3px;overflow:hidden;height:38px}
.view-switch .view-btn{width:38px;height:36px;border:0;border-radius:0;background:#0a0f14}
.view-switch .view-btn+ .view-btn{border-left:1px solid #343a42}
.view-switch .view-btn.active{color:#d89d3e;background:#15120e;box-shadow:inset 0 0 0 1px rgba(211,154,61,.10)}

/* Film cards — referans oranları ve bilgi hiyerarşisi */
.movie-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:19px 20px;
}
.movie-card{
  min-width:0;
  background:#0b1015;
  border:1px solid #272d34;
  border-radius:5px;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.movie-card:hover{
  transform:translateY(-3px);
  border-color:#6f522b;
  box-shadow:0 18px 38px rgba(0,0,0,.34);
}
.poster{
  aspect-ratio:2/2.66;
  background:#0f151b;
  border-bottom:1px solid #252b31;
}
.poster img{transition:transform .28s ease,filter .28s ease;filter:saturate(.94) contrast(1.025)}
.movie-card:hover .poster img{transform:scale(1.018);filter:saturate(1) contrast(1.035)}
.poster:after{display:none}
.poster-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 69%,rgba(3,5,7,.08) 82%,rgba(3,5,7,.20) 100%)}
.year-badge{
  z-index:3;top:10px;right:10px;padding:5px 7px;border-radius:3px;
  background:rgba(25,29,34,.86);border:1px solid rgba(255,255,255,.08);
  color:#dfe2e4;font-size:9px;line-height:1;backdrop-filter:blur(5px);
}
.poster-fallback{
  inset:0;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:11px;
  background:
    radial-gradient(circle at 50% 28%,rgba(80,92,104,.17),transparent 33%),
    linear-gradient(145deg,#151d26 0%,#0d1319 52%,#090d12 100%);
  color:#626b74;font-size:8px;font-weight:650;letter-spacing:1.35px;
}
.poster-fallback:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.028);pointer-events:none}
.poster-fallback-mark{width:42px;height:42px;border:1px solid rgba(162,170,178,.14);border-radius:50%;display:grid;place-items:center;color:#5d6670}
.poster-fallback-mark svg{width:22px;height:22px;stroke-width:1.2}
.card-body{padding:12px 13px 13px;min-height:100px;position:relative}
.movie-title{
  font-size:12px;font-weight:730;color:#eef0f2;letter-spacing:.25px;
  padding-right:0;text-transform:uppercase;line-height:1.25;
}
.original-title{font-size:9px;color:#747c84;margin-top:5px;line-height:1.2}
.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:9px;min-height:31px}
.rating-line{font-size:12px;color:#d89c38;font-weight:760;margin-top:0;gap:4px;line-height:1}
.rating-line svg{width:12px;height:12px;fill:#d89c38;stroke:#d89c38}
.rating-line .muted-rating{color:#737a82;font-weight:560;font-size:10px}
.date-line{font-size:9px;color:#747b83;margin-top:6px}
.card-more{color:#b2b7bc;font-size:18px;line-height:.8;letter-spacing:0;transform:translateY(-1px)}
.fav-dot{left:12px;right:auto;bottom:12px;color:#e1454b;transform:translateY(1px)}
.fav-dot svg{width:14px;height:14px;fill:#e1454b;stroke:#e1454b}
.movie-card:has(.fav-dot) .card-bottom{padding-left:19px}

/* List görünümü */
.movie-grid.list{grid-template-columns:1fr;gap:10px}
.movie-grid.list .movie-card{grid-template-columns:96px minmax(0,1fr);min-height:142px}
.movie-grid.list .poster{height:142px;aspect-ratio:auto}
.movie-grid.list .card-body{padding:21px 22px;min-height:142px}
.movie-grid.list .movie-title{font-size:16px}
.movie-grid.list .original-title{font-size:10px;margin-top:6px}
.movie-grid.list .card-bottom{margin-top:19px;max-width:230px}

/* Kademeli yükleme */
.archive-load{padding:26px 0 6px;gap:11px}
.archive-progress{font-size:9px;color:#666e77;letter-spacing:.45px}
.archive-load-btn{
  min-width:270px;height:35px;padding:0 18px;
  border:1px solid #7b5726;border-radius:3px;
  background:#0a0e12;color:#d8a34b;
  font-size:10px;text-transform:uppercase;letter-spacing:.45px;
  cursor:pointer;transition:.18s ease;
}
.archive-load-btn span{font-size:14px;margin-left:8px}
.archive-load-btn:hover{background:#12100d;border-color:#a06e29;color:#e6b45f}
.archive-load-btn[hidden]{display:none}.archive-load-btn.is-loading{opacity:.62;pointer-events:none}

/* Empty state */
.empty{border-color:#30363d;background:#0a0f14;padding:50px;border-radius:4px}

/* Genel panelleri de aynı kalite diline çek */
.panel,.detail-main,.friend-card{background:#0b1015;border-color:#2a3037;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.detail-poster{border-color:#2f363e}
.input,.textarea,.field{background:#090e13;border-color:#333a42}

@media(max-width:1420px){
  .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .dashboard-page{padding-left:27px;padding-right:27px}
  .hero.premium-hero{margin-left:-27px;margin-right:-27px}
  .premium-hero .hero-content{padding-left:38px}
}
@media(max-width:1240px){
  :root{--sidebar:218px}
  .sidebar{padding-left:17px;padding-right:17px}
  .brand-name{font-size:18px}.brand-sub{font-size:8px}
  .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .premium-hero .hero-content{padding-left:32px}
  .premium-hero .stat{min-width:108px;margin-right:17px;padding-right:17px}
  .premium-hero .stat strong{font-size:28px}
}
@media(max-width:980px){
  .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-section-head{align-items:flex-start;flex-direction:column}
  .toolbar{justify-content:flex-start}
  .premium-hero .hero-content{padding-top:52px}
}
@media(max-width:760px){
  .dashboard-page{padding:0 16px 32px}
  .hero.premium-hero{margin:0 -16px;height:auto;min-height:235px;background-position:72% center;background-size:auto 100%}
  .hero.premium-hero:before{background:linear-gradient(90deg,#080b0f 0%,rgba(8,11,15,.96) 55%,rgba(8,11,15,.48) 100%)}
  .premium-hero .hero-content{padding:33px 20px 28px}
  .premium-hero .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
  .premium-hero .stat{border:0;margin:0;padding:0;min-width:0}
  .premium-hero .stat strong{font-size:27px}
  .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .toolbar{width:100%}
  .select{flex:1;min-width:120px}
  .unrated-btn{display:none}
}
@media(max-width:470px){
  .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .card-body{padding:10px;min-height:91px}
  .movie-title{font-size:10px}
  .original-title{font-size:8px}
  .rating-line{font-size:11px}.date-line{font-size:8px}
  .year-badge{font-size:8px;padding:4px 5px}
  .archive-load-btn{min-width:220px}
}

/* =========================================================
   V4 — ATMOSFER / DERİNLİK / RİTİM
   Görsel dili bozmadan ekranı daha sinematik ve daha canlı yapar.
   ========================================================= */
:root{
  --gold:#dda64b;
  --gold2:#9f6418;
  --goldsoft:rgba(221,166,75,.14);
  --panel:#0c1117;
  --panel2:#10161e;
  --line:#282f37;
  --line2:#39414b;
  --shadow:0 24px 60px rgba(0,0,0,.38);
}

body{
  background:
    radial-gradient(circle at 78% -8%,rgba(38,48,61,.34) 0,rgba(13,19,26,.16) 26%,transparent 46%),
    radial-gradient(circle at 38% 34%,rgba(113,73,22,.045),transparent 32%),
    linear-gradient(180deg,#06090d 0%,#080c11 42%,#06090d 100%) fixed;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 87% 17%,rgba(218,160,68,.035),transparent 19%),
    linear-gradient(120deg,transparent 0 63%,rgba(255,255,255,.008) 64%,transparent 67%);
}

/* Sidebar — daha derin, daha sinematik */
.sidebar{
  background:
    radial-gradient(circle at 18% 0%,rgba(221,166,75,.065),transparent 19%),
    linear-gradient(180deg,#090d12 0%,#080c11 47%,#070a0e 100%);
  border-right-color:#293039;
  box-shadow:18px 0 48px rgba(0,0,0,.18);
}
.brand-mark{filter:drop-shadow(0 0 14px rgba(221,166,75,.13))}
.brand-name{color:#e4b15d;text-shadow:0 0 24px rgba(216,157,65,.08)}
.nav a{position:relative;overflow:hidden;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.nav a:hover{background:linear-gradient(90deg,#111820,#0d1218);transform:translateX(2px)}
.nav a.active{
  background:linear-gradient(90deg,rgba(181,117,24,.27),rgba(103,64,14,.14) 72%,rgba(103,64,14,.03));
  border-color:#624922;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.13);
}
.nav a.active:before{
  content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;border-radius:2px;
  background:#dda64b;box-shadow:0 0 13px rgba(221,166,75,.45);
}
.sidebar-user{border-top-color:#293039}

/* Üst barı sıkıştır: ilk ekranda filme daha fazla yer kalsın */
.topbar.premium-topbar{
  height:78px;
  padding-left:33px;padding-right:36px;
  background:linear-gradient(180deg,rgba(8,12,17,.965),rgba(7,10,14,.93));
  border-bottom-color:#2a3139;
  box-shadow:0 12px 34px rgba(0,0,0,.15),inset 0 -1px 0 rgba(221,166,75,.018);
}
.search-shell{
  width:min(700px,60vw);height:44px;
  background:linear-gradient(180deg,#0b1016,#090e13);
  border-color:#353d46;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 7px 20px rgba(0,0,0,.08);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.search-shell:focus-within{
  border-color:#70562e;
  background:#0c1117;
  box-shadow:0 0 0 1px rgba(221,166,75,.055),0 12px 30px rgba(0,0,0,.19),0 0 30px rgba(221,166,75,.025);
}
.search-submit{transition:color .18s ease,background .18s ease,box-shadow .18s ease}
.search-submit:hover{background:#13130f;color:#e1aa4e;box-shadow:inset 3px 0 18px rgba(221,166,75,.03)}
.profile-chip .avatar{box-shadow:0 0 0 4px rgba(221,166,75,.025),0 8px 22px rgba(0,0,0,.18)}

/* Hero — karanlığın içinde gerçek ışık */
.hero.premium-hero{
  height:198px;
  background:none;
  border-bottom:1px solid #32363a;
  box-shadow:inset 0 -28px 50px rgba(0,0,0,.12),0 14px 42px rgba(0,0,0,.14);
}
.hero.premium-hero:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(90deg,#080b0f 0%,#080b0f 35%,rgba(8,11,15,.95) 49%,rgba(8,11,15,.61) 66%,rgba(8,11,15,.10) 100%),
    url('/static/img/hero.png') right center/auto 112% no-repeat;
  filter:saturate(.82) contrast(1.13) brightness(1.22);
}
.hero.premium-hero:after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  width:56%;height:78px;right:13%;top:51px;
  background:linear-gradient(90deg,rgba(226,174,87,0),rgba(226,174,87,.018) 38%,rgba(226,174,87,.12) 100%);
  clip-path:polygon(0 43%,100% 0,100% 100%,0 57%);
  filter:blur(8px);
  opacity:.92;
}
.premium-hero .hero-content{padding:48px 48px 0;z-index:3}
.premium-hero .hero-content:before{
  content:"";position:absolute;left:24px;top:24px;width:520px;height:146px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 35% 52%,rgba(198,132,35,.055),transparent 63%);
  filter:blur(3px);
}
.premium-hero .kicker{
  margin-bottom:20px;color:#e0aa4e;font-size:11px;letter-spacing:.72px;
  text-shadow:0 0 20px rgba(221,166,75,.12);
}
.premium-hero .stats{position:relative}
.premium-hero .stat{border-right-color:rgba(224,228,232,.16)}
.premium-hero .stat strong{
  font-size:34px;font-weight:560;color:#e0a84c;
  text-shadow:0 0 28px rgba(221,166,75,.11),0 2px 16px rgba(0,0,0,.22);
}
.premium-hero .stat span{color:#d5d9dd;font-size:10.8px}

/* Arşiv alanı artık hero'dan ayrı bir yüzey gibi davranır */
.dashboard-page{background:linear-gradient(180deg,rgba(10,14,19,.22),rgba(7,10,14,0) 48%)}
.dashboard-page .archive-section{
  margin:0 -33px;
  padding:20px 33px 4px;
  position:relative;
  background:
    radial-gradient(circle at 86% 0%,rgba(221,166,75,.025),transparent 20%),
    linear-gradient(180deg,rgba(12,17,23,.72) 0%,rgba(8,12,17,.48) 13%,rgba(6,9,13,0) 34%);
}
.dashboard-page .archive-section:before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(221,166,75,.08) 20%,rgba(255,255,255,.06) 48%,rgba(221,166,75,.035) 74%,transparent 100%);
}
.premium-section-head{margin-bottom:17px}
.section-eyebrow{color:#858d96;letter-spacing:1.8px}
.section-title{text-transform:none;font-size:18px;letter-spacing:.05px;font-weight:690}
.section-line{width:42px;background:linear-gradient(90deg,#d79a38,#7b4a0d 66%,transparent);box-shadow:0 0 16px rgba(215,154,56,.18)}
.toolbar{gap:8px}
.select,.ghost-btn,.solid-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.014);transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.ghost-btn:hover,.select:hover{border-color:#665338;background:#101319;box-shadow:0 8px 22px rgba(0,0,0,.13)}
.solid-btn{
  background:linear-gradient(180deg,#b97a21 0%,#945d14 100%);
  border-color:#d2973d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 9px 22px rgba(126,76,13,.13);
}
.solid-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(150,91,16,.20)}
.unrated-btn{background:linear-gradient(180deg,#0b1015,#090d12)}

/* Kartlar: daha editoryal, daha fazla derinlik ve poster enerjisi */
.movie-grid{gap:17px 18px}
.movie-card{
  background:linear-gradient(180deg,#0d131a 0%,#0a0f14 100%);
  border-color:#2b323a;
  border-radius:6px;
  box-shadow:0 10px 28px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.012);
  isolation:isolate;
}
.movie-card:before{
  content:"";position:absolute;left:14px;right:14px;top:-1px;height:1px;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,transparent,#dda64b,transparent);
  opacity:0;transform:scaleX(.36);transition:opacity .2s ease,transform .24s ease;
}
.movie-card:hover{
  transform:translateY(-5px);
  border-color:#72542a;
  box-shadow:0 22px 48px rgba(0,0,0,.38),0 0 0 1px rgba(221,166,75,.025);
}
.movie-card:hover:before{opacity:.78;transform:scaleX(1)}
.poster{background:#0e141b;border-bottom-color:#2b3138}
.poster img{
  filter:saturate(1.04) contrast(1.055) brightness(.985);
  transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .3s ease;
}
.movie-card:hover .poster img{transform:scale(1.026);filter:saturate(1.10) contrast(1.07) brightness(1.02)}
.poster-shade{
  display:block!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 67%,rgba(3,5,7,.15) 84%,rgba(3,5,7,.28) 100%),
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 17%,transparent 84%,rgba(0,0,0,.04));
}
.year-badge{background:rgba(10,13,17,.72);border-color:rgba(255,255,255,.10);box-shadow:0 6px 16px rgba(0,0,0,.17)}
.poster-fallback{
  background:
    radial-gradient(circle at 50% 30%,rgba(193,137,50,.10),transparent 24%),
    radial-gradient(circle at 70% 15%,rgba(102,119,136,.16),transparent 30%),
    linear-gradient(145deg,#151d26 0%,#0c1218 55%,#080c11 100%);
  color:#747d86;
}
.poster-fallback-mark{
  border-color:rgba(221,166,75,.16);color:#8f744e;
  box-shadow:0 0 30px rgba(221,166,75,.035),inset 0 0 20px rgba(221,166,75,.025);
}
.poster-fallback:after{
  content:"";position:absolute;left:18%;right:18%;bottom:24%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(221,166,75,.10),transparent);
}
.card-body{
  padding:13px 14px 14px;min-height:102px;
  background:linear-gradient(180deg,rgba(17,23,30,.98),rgba(10,15,20,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.014);
}
.movie-title{
  text-transform:none;font-size:12.5px;font-weight:690;letter-spacing:.08px;color:#f1f2f3;
  transition:color .18s ease;
}
.movie-card:hover .movie-title{color:#fff}
.original-title{font-size:9.4px;color:#828a93;margin-top:5px}
.rating-line{color:#e0a346;font-size:12px}
.rating-line svg{fill:#e0a346;stroke:#e0a346;filter:drop-shadow(0 0 5px rgba(224,163,70,.14))}
.date-line{color:#7f8790}
.card-more{color:#7f8790;transition:color .18s ease}
.movie-card:hover .card-more{color:#c7a46a}

/* Liste modu da aynı atmosferi korur */
.movie-grid.list .movie-card{background:linear-gradient(90deg,#0e141b,#0a0f14)}
.movie-grid.list .card-body{background:linear-gradient(90deg,#10171e,#0a0f14)}

.archive-progress{color:#747d86}
.archive-load-btn{background:linear-gradient(180deg,#0b1015,#090d12);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.archive-load-btn:hover{box-shadow:0 12px 30px rgba(0,0,0,.20),0 0 0 1px rgba(221,166,75,.03)}

@media(max-width:1420px){
  .dashboard-page .archive-section{margin-left:-27px;margin-right:-27px;padding-left:27px;padding-right:27px}
}
@media(max-width:980px){
  .topbar.premium-topbar{height:74px}
  .hero.premium-hero{height:190px}
  .premium-hero .hero-content{padding-top:43px}
}
@media(max-width:760px){
  .dashboard-page .archive-section{margin:0 -16px;padding:19px 16px 4px}
  .hero.premium-hero{height:auto;min-height:218px}
  .hero.premium-hero:before{
    background:
      linear-gradient(90deg,#080b0f 0%,rgba(8,11,15,.96) 57%,rgba(8,11,15,.38) 100%),
      url('/static/img/hero.png') 74% center/auto 105% no-repeat;
  }
  .hero.premium-hero:after{right:4%;width:74%;opacity:.54}
}