:root{--bg:#05070b;--panel:#0d1118;--panel2:#151b25;--line:#283241;--text:#f8fafc;--muted:#8d99aa;--red:#ff3b30;--orange:#ff6b00;--green:#20d673;--blue:#3b82f6}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.hidden{display:none!important}button,input,textarea,select{font:inherit}button{border:0;border-radius:13px;padding:11px 14px;color:white;background:#222b38;font-weight:850;cursor:pointer}input,textarea,select{width:100%;background:#111722;border:1px solid var(--line);color:white;border-radius:12px;padding:12px;outline:none}textarea{min-height:90px;resize:vertical}.cta{background:linear-gradient(135deg,#ff7a00,#ff2d2d);box-shadow:0 8px 25px #ff4d0030}.cta.mini{padding:9px 13px}.ghost{background:#1b2330}.danger{background:#7f1d1d}.row{display:flex;gap:9px;align-items:center}.stack{display:grid;gap:12px}.compact{gap:8px}
.auth-screen{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#2a1111 0,#090b10 37%,#030405 100%)}.speed-lines{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 90px,#ff4d0013 92px 94px,transparent 96px 160px);animation:road 7s linear infinite}@keyframes road{from{transform:translateX(-60px)}to{transform:translateX(60px)}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;position:relative}.glass{background:#0c1018d9;border:1px solid #ffffff18;backdrop-filter:blur(18px);box-shadow:0 30px 90px #000c}.auth-card{width:min(430px,100%);border-radius:26px;padding:28px}.auth-card input{margin:6px 0}.auth-card button{width:100%;margin-top:9px}.brand{font-size:34px;font-weight:950;letter-spacing:-1.8px;font-style:italic}.brand span{color:var(--orange);text-shadow:0 0 20px #ff6b0066}.brand.small{font-size:21px}.brand-sub{font-size:11px;letter-spacing:2.5px;color:#a1a1aa;margin:4px 0 22px}.tach{position:absolute;top:4%;right:8%;opacity:.25}.tach-ring{width:290px;height:290px;border:10px solid #ff6b0036;border-radius:50%;position:relative;box-shadow:inset 0 0 45px #ff2d2d22}.needle{position:absolute;width:110px;height:4px;background:#ff3b30;left:35px;top:143px;transform-origin:100% 50%;transform:rotate(-25deg);box-shadow:0 0 12px #ff3b30}.tach-center{position:absolute;width:18px;height:18px;border-radius:50%;background:#ff3b30;left:136px;top:136px}
.topbar{position:sticky;top:0;z-index:30;background:#080b10e8;backdrop-filter:blur(16px);display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #242a34}.live-pill{margin-left:auto;color:#64f49d;font-size:12px;font-weight:900;border:1px solid #14532d;background:#062813;padding:7px 10px;border-radius:999px}.top-actions{display:flex;gap:7px}.icon-btn{padding:8px 10px}.nav{position:sticky;top:59px;z-index:29;display:flex;gap:7px;overflow:auto;background:#080b10;padding:8px 12px;border-bottom:1px solid #202733}.nav button{white-space:nowrap;background:#141a23;padding:9px 12px;font-size:12px}.content{max-width:980px;margin:auto;padding:14px}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-head h2{flex:1}
.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;border:1px solid #3b1c12;border-radius:22px;background:linear-gradient(135deg,#160b08,#0d1118 62%,#14121a);margin-bottom:13px}.hero-panel h1{font-size:30px;margin:4px 0}.hero-panel p{color:var(--muted);margin:0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--orange)}.roll-btn{min-width:175px;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 0 30px #16a34a24}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.quick-grid button{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:21px;background:#10151e;border:1px solid #242c38}.quick-grid span{font-size:12px}.panel,.post,.person,.car,.profile-card,.chat-panel,.offer-card,.event-card,.crew-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:15px}.composer{margin-bottom:13px}.composer textarea{margin-bottom:8px}.post-head,.person-head,.profile-head{display:flex;gap:10px;align-items:center}.avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;background:#242c38}.avatar.big{width:90px;height:90px}.name{font-weight:900}.user,.meta{color:var(--muted);font-size:12px}.post-body{white-space:pre-wrap;line-height:1.5;margin:12px 0}.post-photo{width:100%;max-height:580px;object-fit:cover;border-radius:14px;background:#000}.post-actions{display:flex;gap:7px;margin-top:10px}.post-actions button{flex:1;background:#18202b}.liked{background:#7c2d12!important}.comment-box{border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.comment{padding:7px 0;border-bottom:1px solid #1f2833}
#rollMap{height:480px;border-radius:18px;border:1px solid var(--line);overflow:hidden;margin-bottom:12px}.roll-user-card{display:flex;justify-content:space-between;align-items:center}.status-live{color:#52ef90;font-weight:900}.selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}.selector-grid label{font-size:11px;color:var(--muted)}.selector-grid select,.selector-grid input{margin-top:4px}.check-line{display:flex;align-items:center;gap:8px}.check-line input{width:auto}.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px;margin-top:12px}.car img{width:100%;height:180px;object-fit:cover;border-radius:13px}.car-title{font-size:19px;font-weight:950;margin-top:9px}.badge{display:inline-block;background:#202a38;border:1px solid #334155;padding:4px 8px;border-radius:999px;font-size:11px;margin:4px 3px 0 0}.person{display:flex;justify-content:space-between;align-items:center}.person-actions{display:flex;gap:6px;flex-wrap:wrap}.person-actions button{font-size:11px;padding:8px 9px}.offer-card.pending{border-color:#7c2d12}.offer-type{font-size:12px;font-weight:900;color:var(--orange)}.messages-layout{display:grid;grid-template-columns:280px 1fr;gap:12px}.conversation{background:#10151e;border:1px solid var(--line);border-radius:13px;padding:10px;cursor:pointer}.chat-panel{min-height:520px;display:flex;flex-direction:column}.chat-title{font-weight:900;border-bottom:1px solid var(--line);padding-bottom:9px}.chat-messages{flex:1;overflow:auto;max-height:420px;padding:9px 0;display:flex;flex-direction:column;gap:7px}.bubble{max-width:75%;padding:9px 11px;border-radius:14px;background:#202a38}.bubble.me{align-self:flex-end;background:#b9380b}.bubble-time{font-size:9px;color:#d1d5db;margin-top:3px}.chat-send{display:flex;gap:7px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:9px}.stat{background:#10151e;border:1px solid var(--line);border-radius:15px;padding:13px}.stat strong{display:block;font-size:25px}
.modal{position:fixed;inset:0;z-index:80;background:#000b;display:grid;place-items:center;padding:15px}.modal-card{width:min(480px,100%);background:#10151e;border:1px solid #384454;border-radius:22px;padding:20px}.modal-card label{display:block;font-size:12px;color:var(--muted);margin:8px 0}.drawer{position:fixed;z-index:70;top:0;right:0;height:100vh;width:min(390px,95vw);background:#0b1017;border-left:1px solid var(--line);padding:14px;overflow:auto;box-shadow:-30px 0 70px #0009}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{padding:7px}.notification{background:#111823;border:1px solid #253142;border-radius:13px;padding:11px}.notification.unread{border-color:#92400e}
#toast{position:fixed;right:15px;bottom:15px;z-index:100;background:#10151e;border:1px solid #394555;padding:11px 14px;border-radius:12px;transform:translateY(160%);transition:.2s}#toast.show{transform:none}
@media(max-width:750px){.content{padding:9px}.hero-panel{align-items:flex-start;flex-direction:column}.hero-panel .roll-btn{width:100%}.quick-grid{grid-template-columns:1fr 1fr}.selector-grid{grid-template-columns:1fr 1fr}.messages-layout{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.row{align-items:stretch;flex-direction:column}.person{align-items:flex-start;flex-direction:column}.tach{display:none}.live-pill{display:none}}

.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:7px 0}.remember input{width:auto}.auth-links{display:flex;justify-content:space-between}.linkbtn{background:transparent!important;color:#f59e0b!important;padding:8px 2px!important}.native-file{position:absolute;width:1px;height:1px;opacity:0}.file-card{display:flex;gap:12px;align-items:center;border:1px dashed #475569;background:#111827;padding:14px;border-radius:15px;cursor:pointer}.file-card span{display:flex;flex-direction:column}.file-card small{color:var(--muted)}.media-preview img,.media-preview video{max-width:220px;max-height:180px;border-radius:12px;margin-top:8px}.media-video{width:100%;max-height:580px;border-radius:14px;background:#000}.vip-badge{background:linear-gradient(135deg,#fde047,#f97316);color:#1c1200;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:950}.vip-card{border-color:#eab308!important;box-shadow:0 0 22px #eab3081b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-tabs{display:flex;gap:7px;overflow:auto;margin:12px 0}.adminbox{background:#0b1017;border:1px solid var(--line);border-radius:18px;padding:14px}.admin-user{display:grid;grid-template-columns:1fr auto;gap:10px}.admin-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.admin-actions button{font-size:10px;padding:7px 8px}.pending-badge,.ban-badge{padding:3px 7px;border-radius:999px;font-size:10px}.pending-badge{background:#92400e}.ban-badge{background:#7f1d1d}@media(max-width:750px){.grid2,.admin-user{grid-template-columns:1fr}}


.reset-head{text-align:center;margin-bottom:14px}
.reset-head h2{margin:7px 0 5px;font-size:23px}
.reset-head p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
.reset-icon{width:52px;height:52px;margin:0 auto;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff7a0028,#ff2d2d28);border:1px solid #ff6b0044;font-size:24px}
.reset-confirm{margin-top:13px}
.reset-divider{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:1.5px;margin:12px 0 5px}
.reset-divider:before,.reset-divider:after{content:"";height:1px;background:var(--line);flex:1}
.auth-links{gap:14px;align-items:center}
.auth-links .linkbtn{width:auto!important;margin-top:8px!important;font-size:12px}

/* HAKKARI ROLL V4 */
.announcement-stack{display:grid;gap:8px;margin-bottom:12px}.announcement-card{border:1px solid #7c2d12;background:linear-gradient(135deg,#2a1009,#111722);border-radius:16px;padding:13px}.announcement-card b{color:#fb923c}.stories-head{display:flex;justify-content:space-between;align-items:center;margin:13px 2px 8px}.story-add{background:transparent;color:#fb923c;padding:5px}.stories-rail{display:flex;gap:11px;overflow-x:auto;padding:3px 2px 12px}.story-bubble{background:transparent;padding:0;width:68px;flex:0 0 68px}.story-ring{width:61px;height:61px;padding:3px;border-radius:50%;display:block;background:linear-gradient(135deg,#ff2d2d,#ff8a00,#fde047)}.story-avatar{width:55px!important;height:55px!important;border:3px solid #090b10}.story-bubble small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-empty{padding:14px;border:1px dashed var(--line);border-radius:14px;width:100%}.v4-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.v4-card{display:flex;gap:12px;align-items:center;background:#10151e;border:1px solid var(--line);border-radius:17px;padding:14px}.v4-card>span{font-size:28px}.v4-card b{display:block;font-size:18px}.v4-card small{color:var(--muted)}.radar-card{border-color:#14532d}.score-card{border-color:#7c2d12}.weekly-title{display:flex;justify-content:space-between;background:#191108;border:1px solid #713f12;border-bottom:0;border-radius:18px 18px 0 0;padding:11px 14px;color:#fbbf24}.weekly-body{display:grid;grid-template-columns:220px 1fr;gap:15px;background:#0d1118;border:1px solid #713f12;border-radius:0 0 18px 18px;padding:13px;margin-bottom:13px}.weekly-body img{width:100%;height:135px;object-fit:cover;border-radius:13px}.story-media{width:100%;max-height:72vh;object-fit:contain;border-radius:15px;background:#000;margin-top:10px}.v4-profile-info{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.level-chip,.profile-badge{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#25140b;border:1px solid #7c2d12}.profile-badge{background:#171717;border-color:#52525b}.last-seen{font-size:10px;color:var(--muted);align-self:center}.car-v4-actions{display:flex;gap:6px;margin-top:8px}.car-v4-actions button{flex:1;font-size:10px;padding:7px}@media(max-width:650px){.weekly-body{grid-template-columns:1fr}.weekly-body img{height:210px}}

/* HAKKARI ROLL V4.1 - marka rozetleri */
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:13px;background:#0b0f15;border:1px solid #28303d;padding:4px;box-shadow:0 7px 20px #0006;float:right;margin:0 0 8px 10px}
.weekly-brand{display:flex;align-items:center;gap:10px}.weekly-brand h2{margin:0}.weekly-brand-logo{float:none;margin:0;width:54px;height:54px;flex:0 0 54px}
.car:after{content:"";display:block;clear:both}
@media(max-width:650px){.brand-logo{width:42px;height:42px}.weekly-brand-logo{width:50px;height:50px}}

/* V4.2 gerçek amblem görünümü */
.brand-logo{background:#fff!important;border-color:#cbd5e1!important;padding:7px!important;object-fit:contain!important}
.weekly-brand-logo{background:#fff!important;padding:8px!important}

/* HAKKARI ROLL PWA */
.pwa-install{position:fixed;z-index:9998;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:flex;align-items:center;gap:11px;padding:10px 12px;background:#0d121bF2;border:1px solid #7c2d12;border-radius:18px;box-shadow:0 18px 55px #000a;backdrop-filter:blur(16px)}
.pwa-install.hidden{display:none}.pwa-install-icon img{width:48px;height:48px;border-radius:13px}.pwa-install-copy{min-width:0;flex:1}.pwa-install-copy b,.pwa-install-copy small{display:block}.pwa-install-copy small{color:var(--muted);margin-top:3px}.pwa-install button{width:auto;margin:0;padding:9px 12px}.pwa-install #pwaInstallBtn{background:linear-gradient(135deg,#ff7a00,#ef233c);color:#fff}.pwa-close{background:transparent!important;color:#94a3b8!important;padding:7px!important}.pwa-help{width:min(480px,94vw)}.pwa-steps{display:grid;gap:13px;margin-top:15px}.pwa-steps>div{display:flex;gap:12px;align-items:center;padding:13px;background:#111722;border:1px solid var(--line);border-radius:14px}.pwa-steps strong{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ff6a00;color:#fff}
@media(max-width:520px){.pwa-install{bottom:10px}.pwa-install-copy b{font-size:12px}.pwa-install-copy small{font-size:10px}.pwa-install #pwaInstallBtn{font-size:10px;padding:8px}}
.roll-car-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0b1017;border:2px solid #ff5a1f;box-shadow:0 0 0 5px #ff5a1f22,0 0 24px #ff5a1f88;font-size:22px}.roll-car-icon.live{animation:rollPulse 1.5s infinite}@keyframes rollPulse{50%{box-shadow:0 0 0 10px #ff5a1f08,0 0 30px #ff5a1faa}}.crew-chat-card{width:min(720px,96vw)}.crew-chat-card .chat-messages{height:52vh;max-height:52vh}.weekly-user{display:flex;align-items:center;gap:12px;background:#10151e;border:1px solid #713f12;border-radius:18px;padding:14px;margin-bottom:13px}.weekly-user img{width:62px;height:62px;border-radius:50%;object-fit:cover}


/* ==================== HAKKARİ ROLL UYGULAMA İÇİ DİYALOGLAR ==================== */
body.dialog-open{overflow:hidden}
.app-dialog-card{width:min(520px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(155deg,#121824,#090d14);border:1px solid #3b4658;box-shadow:0 35px 110px #000d}
.app-dialog-card h2{margin:3px 0 0;font-size:23px}
.app-dialog-message{color:#b6c0cf;line-height:1.55;margin:12px 0 4px;white-space:pre-wrap}
.app-dialog-fields{display:grid;gap:11px;margin-top:13px}
.app-dialog-field{display:grid;gap:6px;font-size:12px;color:#aeb8c7;font-weight:800}
.app-dialog-field input,.app-dialog-field textarea,.app-dialog-field select{background:#0c121c;border:1px solid #303b4c}
.app-dialog-field textarea{min-height:105px}
.app-dialog-field .field-error,.field-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444421!important}
.app-dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px;border-top:1px solid #222c39;padding-top:14px}
.app-dialog-actions button{min-width:120px}
.dialog-x{background:#181f2b!important;padding:8px 10px!important}
#appDialogConfirm.danger{background:linear-gradient(135deg,#991b1b,#ef233c)}
@media(max-width:520px){
 .app-dialog-card{border-radius:20px;padding:17px}
 .app-dialog-actions{display:grid;grid-template-columns:1fr 1fr}
 .app-dialog-actions button{min-width:0}
}

/* Etkinlik oluşturma V2 */
.event-create-form{margin-bottom:14px;border-color:#7c2d12;background:linear-gradient(145deg,#15100c,#0d1118)}
.event-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.event-form-head h3{margin:4px 0 0}.event-create-form label{font-size:11px;color:var(--muted);font-weight:800}
.event-create-form label input{margin-top:5px}.event-publish-btn{width:100%;margin-top:11px}
.event-publish-btn:disabled{opacity:.65;cursor:wait}