:root{--bg:#f4f7fb;--panel:#fff;--text:#172033;--muted:#6b768a;--line:#e4e9f1;--brand:#2563eb;--brand2:#0f4cdb;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--shadow:0 16px 45px rgba(20,36,70,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#0b1630,#153a7a)}.login-side{color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center}.login-side h1{font-size:clamp(42px,5vw,78px);line-height:.98;margin:0 0 20px}.login-side p{max-width:620px;font-size:19px;line-height:1.7;color:#d8e4ff}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.feature{padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.07)}.login-card{align-self:center;justify-self:center;width:min(460px,90%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--brand)}.login-card h2{font-size:30px;margin:8px 0}.login-card p{color:var(--muted)}.field{margin:16px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.input,.select,.textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:11px;cursor:pointer;font-weight:700}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{background:#fff1f2;color:var(--danger);border-color:#fecdd3}.btn.ok{background:#ecfdf3;color:var(--ok);border-color:#bbf7d0}.full{width:100%}.error{background:#fff1f2;color:#b91c1c;padding:11px;border-radius:10px;margin:10px 0;font-size:13px}.app{min-height:100vh;display:flex}.sidebar{width:275px;background:#0d172b;color:#dce7ff;padding:22px 16px;position:fixed;inset:0 auto 0 0;z-index:10;overflow:auto}.brand{font-weight:900;font-size:20px}.portal-name{margin-top:4px;color:#8fa5cc;font-size:12px}.userbox{margin:24px 0;padding:14px;border-radius:16px;background:#172540}.userbox strong{display:block;color:#fff}.userbox small{color:#9db0d2}.nav-title{font-size:10px;letter-spacing:.12em;color:#7187aa;font-weight:800;margin:18px 10px 8px}.nav button{width:100%;border:0;background:transparent;color:#aebddb;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;margin:2px 0}.nav button.active,.nav button:hover{background:#1c3157;color:#fff}.side-bottom{position:sticky;bottom:0;margin-top:20px;padding-top:14px;background:#0d172b}.main{margin-left:275px;width:calc(100% - 275px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.crumb{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em}.topbar h1{margin:3px 0 0;font-size:24px}.top-actions{display:flex;gap:9px;align-items:center}.content{padding:30px;max-width:1500px;margin:auto}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.hero h2{font-size:30px;margin:3px 0}.hero p{color:var(--muted);margin:0}.grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.kpi,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.kpi{padding:20px}.kpi span{color:var(--muted);font-size:13px}.kpi strong{display:block;font-size:29px;margin-top:8px}.layout{grid-template-columns:1.5fr 1fr}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.panel h3{margin:0}.muted{color:var(--muted)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{padding:16px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.quick strong{display:block}.quick small{color:var(--muted)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:11px;color:var(--muted);text-transform:uppercase}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2ff;color:#3730a3}.badge.ok{background:#ecfdf3;color:#15803d}.badge.warn{background:#fff7ed;color:#c2410c}.badge.danger{background:#fff1f2;color:#b91c1c}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-card{padding:20px;border:1px solid var(--line);background:#fff;border-radius:16px}.portal-card h3{margin:0 0 8px}.empty{padding:35px;text-align:center;color:var(--muted)}.modal-bg{position:fixed;inset:0;background:rgba(9,18,36,.62);display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full-col{grid-column:1/-1}.toast{position:fixed;right:20px;bottom:20px;background:#101a2d;color:#fff;padding:13px 16px;border-radius:12px;z-index:100}.mobile{display:none}@media(max-width:900px){.login{grid-template-columns:1fr}.login-side{display:none}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile{display:inline-flex}.topbar{padding:0 16px}.content{padding:18px}.kpis,.layout,.cards{grid-template-columns:1fr 1fr}.top-actions .select{display:none}}@media(max-width:600px){.kpis,.layout,.cards,.form-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.quick{grid-template-columns:1fr}.topbar h1{font-size:19px}.content{padding:14px}}
.global-search{position:relative;min-width:320px}.global-search .input{width:100%;min-width:280px}.search-results{display:none;position:absolute;top:46px;right:0;width:420px;max-height:420px;overflow:auto;background:#fff;border:1px solid #dbe2ee;border-radius:14px;box-shadow:0 18px 50px rgba(20,30,55,.16);z-index:50;padding:6px}.search-results button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer}.search-results button:hover{background:#f3f6fb}.search-results small{display:block;color:#7a8498;margin-top:3px}.search-empty{padding:14px;color:#7a8498}.hero-actions{display:flex;gap:8px;align-items:center}.link-btn{border:0;background:none;color:#2563eb;font-weight:700;cursor:pointer}.timeline{display:grid;gap:10px}.timeline-item{padding:12px;border-left:3px solid #2563eb;background:#f7f9fc;border-radius:8px}.timeline-item span{display:block;color:#7a8498;font-size:12px;margin-top:4px}.detail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.detail-tabs .active{background:#e9efff;color:#2456d8}@media(max-width:800px){.global-search{min-width:180px}.global-search .input{min-width:160px}.search-results{width:min(90vw,420px)}.hero-actions{flex-wrap:wrap}}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters .input{min-width:150px}.field input[type=file]{padding:10px;border:1px dashed #b8c4d9;background:#f8fafc}.btn{white-space:nowrap}

.site-context-top{min-width:210px}.site-context-top .field{margin:0}.site-context-top label{display:none}.site-context-top .input{min-width:190px;height:38px}.site-context-banner{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbe3ef;background:#f8fafc;border-radius:10px;margin-bottom:14px;font-size:13px}.site-context-banner strong{color:#1f3b6d}
/* YOLCU YÖNETİM görsel sistemi */
:root{--navy:#0b1630;--navy2:#12264a;--soft:#f7f9fc;--line2:#dce4f0;--accent:#2563eb;--accent-soft:#eaf1ff}
.brand-row{display:flex;align-items:center;gap:11px;margin-bottom:18px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(37,99,235,.25)}.brand-row .brand{font-size:16px}.brand-row .portal-name{margin-top:1px}
.userbox{display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px rgba(255,255,255,.03)}.user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#29446f;color:#fff;font-weight:900;flex:none}.userbox div:last-child{min-width:0}.userbox strong,.userbox small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-title{margin-top:20px;padding-left:12px;color:#5f78a0}.nav button{position:relative;transition:.16s ease}.nav button.active{box-shadow:inset 3px 0 #5b8cff;background:linear-gradient(90deg,#1d3157,#172945)}.nav button:hover{transform:translateX(2px)}
.system-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ccebd8;background:#f0fbf4;color:#15803d;border-radius:999px;font-size:11px;font-weight:800}.system-pill i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.hero-modern{padding:24px 26px;border:1px solid #dfe7f3;border-radius:22px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 16px 42px rgba(30,58,100,.07);position:relative;overflow:hidden}.hero-modern:after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,#dbeafe 0,#eef5ff 48%,transparent 70%);pointer-events:none}.management-hero{background:linear-gradient(135deg,#fff,#f4f8ff)}.hero-modern h2{font-size:32px;letter-spacing:-.03em}.hero-btn{position:relative;z-index:1}.hero-live{font-size:10px;vertical-align:middle;margin-left:8px;color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;padding:5px 8px;letter-spacing:.08em}
.section-kicker{display:block;font-size:10px;letter-spacing:.13em;font-weight:900;color:#7184a2;margin-bottom:4px}.dashboard-section-head{display:flex;align-items:end;justify-content:space-between;margin:24px 2px 12px}.dashboard-section-head h3{margin:0}.dashboard-section-head p{margin:4px 0 0}.management-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.management-kpi-grid.four .kpi{min-height:120px}.big-kpi{position:relative;background:#fff;border:1px solid var(--line2);border-radius:18px;padding:20px;box-shadow:var(--shadow);overflow:hidden}.big-kpi>span{font-size:12px;color:var(--muted);font-weight:700}.big-kpi>strong{display:block;font-size:31px;letter-spacing:-.03em;margin:8px 0 4px}.big-kpi>small{color:var(--muted);font-size:11px}.kpi-icon{position:absolute;right:17px;top:16px;font-size:25px;opacity:.72}.progress{height:7px;border-radius:99px;background:#e8edf5;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.big-kpi .progress{margin-top:12px}.progress.large{height:12px}.collection-panel{background:linear-gradient(135deg,#fff,#f8fbff)}.collection-rate{font-size:27px;color:#2456d8}.collection-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:12px}.collection-meta b{color:var(--text)}
.action-panel{margin-top:18px;border-color:#dbe5f3}.alert-count{min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff1f2;color:#b91c1c;font-weight:900}.action-list{display:grid;gap:7px}.action-list button{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;width:100%;border:1px solid #e6ebf2;background:#fff;border-radius:13px;padding:11px 13px;text-align:left;cursor:pointer}.action-list button:hover{background:#f8faff;border-color:#cdd9eb}.action-list strong,.action-list small{display:block}.action-list small{color:var(--muted);margin-top:2px}.action-list>b{color:#7a8ca9}.action-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f3f6fb}.action-icon{font-size:23px;line-height:1;margin-bottom:8px}.management-quick{grid-template-columns:repeat(2,1fr)}.management-quick button{min-height:104px}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.finance-summary>div{padding:14px;border:1px solid #e5eaf2;border-radius:14px;background:#fafcff}.finance-summary span{display:block;color:var(--muted);font-size:11px}.finance-summary strong{display:block;font-size:18px;margin-top:5px}.mini-bars{display:grid;gap:9px;margin-top:16px}.mini-bars>div{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.mini-bars i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#93c5fd)}
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-card{background:#fff;border:1px solid var(--line2);border-radius:18px;padding:17px;box-shadow:0 10px 28px rgba(25,48,86,.055);transition:.16s ease}.site-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(25,48,86,.09)}.site-card.selected{border-color:#7aa2ef;box-shadow:0 0 0 3px rgba(37,99,235,.08),0 14px 35px rgba(25,48,86,.08)}.site-card-top{display:flex;align-items:flex-start;gap:10px}.site-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);display:grid;place-items:center;font-size:21px;flex:none}.site-card-title{min-width:0;flex:1}.site-card-title strong,.site-card-title small{display:block}.site-card-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-card-title small{margin-top:3px;color:var(--muted);font-size:11px}.site-address{padding:13px 0;color:#69778e;font-size:11px;line-height:1.65;min-height:57px}.site-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:11px 0;margin-bottom:12px;gap:8px}.site-metrics span{text-align:center;color:var(--muted);font-size:10px}.site-metrics b{display:block;color:var(--text);font-size:14px;margin-bottom:2px}.site-card-actions{display:flex;gap:7px;flex-wrap:wrap}.site-card-actions .btn:first-child{flex:1}.site-admin-card{min-height:230px}
.dashboard-lower{align-items:start}.dashboard-lower .panel{min-height:100%}.notice.ok{border-color:#bbf7d0;background:#f0fdf4}.notice.warn{border-color:#fed7aa;background:#fff7ed}
@media(max-width:1100px){.management-kpi-grid{grid-template-columns:repeat(2,1fr)}.site-grid{grid-template-columns:repeat(2,1fr)}.top-actions .global-search{min-width:220px}.system-pill{display:none}}
@media(max-width:800px){.site-grid{grid-template-columns:1fr}.management-kpi-grid{grid-template-columns:1fr 1fr}.collection-meta{flex-direction:column}.finance-summary{grid-template-columns:1fr}.management-quick{grid-template-columns:1fr}.hero-modern{padding:20px}.hero-modern h2{font-size:25px}}
@media(max-width:600px){.management-kpi-grid{grid-template-columns:1fr}.site-card-actions .btn{width:100%}.site-card-actions .btn:first-child{flex:auto}}

/* YOLCU YÖNETİM görsel sistemi */
.site-collection{padding:9px 0 11px}.site-collection>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:6px}.site-collection strong{font-size:12px;color:var(--text)}.site-collection .progress{height:8px}.site-detail-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;margin:8px 0 16px}.site-info-list{display:grid;gap:11px}.site-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f6}.site-info-list span{color:var(--muted);font-size:11px}.site-info-list strong{font-size:12px;text-align:right}.ops-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-status-grid>div{padding:16px;border:1px solid #e5eaf2;border-radius:14px;background:#fafcff}.ops-status-grid span{display:block;color:var(--muted);font-size:11px}.ops-status-grid strong{display:block;font-size:25px;margin-top:5px}.unit-pro-table td{vertical-align:middle}.unit-pro-table td:first-child{min-width:100px}@media(max-width:800px){.site-detail-toolbar .btn{flex:1}.ops-status-grid{grid-template-columns:1fr 1fr}}
/* YOLCU YÖNETİM görsel sistemi */
.block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:16px}.block-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #e5eaf2;border-radius:16px;background:#fff;box-shadow:0 5px 18px #1720330a}.block-icon{font-size:30px}.block-card strong{display:block;font-size:16px}.block-card small{display:block;color:#687386;margin-top:4px}.block-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef3fb;font-weight:700;font-size:12px}.timeline-item small{display:block;color:#687386;margin-top:5px}.hero-modern{border-radius:20px}.management-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.management-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.management-kpi-grid{grid-template-columns:1fr}.block-card{align-items:flex-start;flex-wrap:wrap}.block-actions{width:100%;margin-left:0}}
/* YOLCU YÖNETİM görsel sistemi */
.block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:16px}.block-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #e5eaf2;border-radius:16px;background:#fff;box-shadow:0 5px 18px #1720330a}.block-icon{font-size:30px}.block-card strong{display:block;font-size:16px}.block-card small{display:block;color:#687386;margin-top:4px}.block-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef3fb;font-weight:700;font-size:12px}.timeline-item small{display:block;color:#687386;margin-top:5px}@media(max-width:900px){.management-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.management-kpi-grid{grid-template-columns:1fr}.block-card{align-items:flex-start;flex-wrap:wrap}.block-actions{width:100%;margin-left:0}}

/* YOLCU YÖNETİM görsel sistemi */
.brand-row{display:flex;align-items:center;gap:12px;padding:8px 6px 16px}.brand-logo{width:44px;height:44px;display:block;border-radius:13px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.login-side:before{content:"";display:block;width:82px;height:82px;margin-bottom:24px;background:url('/assets/yolcu-logo-light.svg') center/contain no-repeat}.login-side .eyebrow{letter-spacing:.12em}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#2563eb,transparent 72%);opacity:.75}.topbar{position:relative}.site-context-banner{border-left:3px solid #3b82f6}.system-pill{user-select:none}.brand-logo{object-fit:cover}
@media(max-width:600px){.brand-logo{width:38px;height:38px}.brand-row{gap:9px}.login-side:before{width:70px;height:70px}}

.video-meeting{position:relative;width:100%;height:min(70vh,720px);min-height:420px;border:1px solid #d9e0ea;border-radius:16px;overflow:hidden;background:#0b1220}.video-meeting iframe{width:100%;height:100%;border:0}.video-meeting+div{flex-wrap:wrap}

/* YOLCU YÖNETİM görsel sistemi */
.login-modern{background:#071226;position:relative;overflow:hidden}.login-modern:before{content:"";position:absolute;width:620px;height:620px;left:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.34),transparent 68%);pointer-events:none}.login-modern:after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 68%);pointer-events:none}.login-showcase{position:relative;z-index:1;padding:7vw;max-width:820px}.login-brand{display:flex;align-items:center;gap:13px}.login-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px;letter-spacing:.08em}.login-brand span{font-size:11px;color:#9fb5d8;margin-top:3px}.login-showcase h1{font-size:clamp(44px,5.3vw,78px);letter-spacing:-.055em;margin:18px 0 20px}.login-showcase h1 span{background:linear-gradient(90deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.login-showcase p{max-width:670px;font-size:17px;line-height:1.75;color:#b9c9e3}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:12px;margin-top:30px}.login-feature{padding:15px 16px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);backdrop-filter:blur(12px);border-radius:16px}.login-feature b,.login-feature small{display:block}.login-feature b{color:#fff}.login-feature small{color:#8fa6ca;margin-top:5px}.login-card-modern{position:relative;z-index:2;border:1px solid #e4eaf3;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.36)}.login-card-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}.login-card-logo img{width:42px;height:42px;object-fit:contain}.login-card-logo strong,.login-card-logo span{display:block}.login-card-logo strong{font-size:14px;letter-spacing:.08em}.login-card-logo span{font-size:10px;color:#8491a5;margin-top:2px}.login-subtitle{line-height:1.6}.login-input{height:48px;padding-right:46px}.password-wrap{position:relative}.password-toggle{position:absolute;right:7px;top:7px;height:34px;width:38px;border:0;border-radius:9px;background:#f2f5fa;cursor:pointer}.login-submit{height:50px;font-size:14px;box-shadow:0 10px 22px rgba(37,99,235,.22)}.login-submit span{margin-left:8px}.login-divider{display:flex;align-items:center;gap:10px;color:#94a0b2;font-size:11px;margin:22px 0 12px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e8edf4;flex:1}.activation-entry{height:46px;background:#f7faff;border-color:#dce6f4}.activation-entry:hover{background:#eef5ff;border-color:#cbd9ee}.login-security{display:flex;justify-content:center;gap:7px;margin-top:18px;font-size:10px;color:#8b96a8}.login-security span:first-child{color:#15803d;font-weight:800}.password-wrap .input{margin:0}
@media(max-width:900px){.login-showcase{display:block;padding:35px 25px}.login-modern{display:block;overflow:auto}.login-showcase h1{font-size:45px}.login-feature-grid{grid-template-columns:1fr 1fr}.login-card-modern{margin:0 auto 35px;max-width:520px}.login-brand{margin-bottom:10px}}
@media(max-width:600px){.login-feature-grid{grid-template-columns:1fr}.login-showcase{padding:28px 20px 18px}.login-showcase h1{font-size:38px}.login-card-modern{width:calc(100% - 24px);padding:24px;margin-bottom:20px}.login-security{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}}

/* YOLCU YÖNETİM görsel sistemi */
.login-modern{background:#071226;position:relative;overflow:hidden}.login-modern:before{content:"";position:absolute;width:620px;height:620px;left:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.34),transparent 68%);pointer-events:none}.login-modern:after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 68%);pointer-events:none}.login-showcase{position:relative;z-index:1;padding:7vw;max-width:820px}.login-brand{display:flex;align-items:center;gap:13px}.login-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px;letter-spacing:.08em}.login-brand span{font-size:11px;color:#9fb5d8;margin-top:3px}.login-showcase h1{font-size:clamp(44px,5.3vw,78px);letter-spacing:-.055em;margin:18px 0 20px}.login-showcase h1 span{background:linear-gradient(90deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.login-showcase p{max-width:670px;font-size:17px;line-height:1.75;color:#b9c9e3}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:12px;margin-top:30px}.login-feature{padding:15px 16px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);backdrop-filter:blur(12px);border-radius:16px}.login-feature b,.login-feature small{display:block}.login-feature b{color:#fff}.login-feature small{color:#8fa6ca;margin-top:5px}.login-card-modern{position:relative;z-index:2;border:1px solid #e4eaf3;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.36)}.login-card-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}.login-card-logo img{width:42px;height:42px;object-fit:contain}.login-card-logo strong,.login-card-logo span{display:block}.login-card-logo strong{font-size:14px;letter-spacing:.08em}.login-card-logo span{font-size:10px;color:#8491a5;margin-top:2px}.login-subtitle{line-height:1.6}.login-input{height:48px;padding-right:46px}.password-wrap{position:relative}.password-toggle{position:absolute;right:7px;top:7px;height:34px;width:38px;border:0;border-radius:9px;background:#f2f5fa;cursor:pointer}.login-submit{height:50px;font-size:14px;box-shadow:0 10px 22px rgba(37,99,235,.22)}.login-submit span{margin-left:8px}.login-divider{display:flex;align-items:center;gap:10px;color:#94a0b2;font-size:11px;margin:22px 0 12px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e8edf4;flex:1}.activation-entry{height:46px;background:#f7faff;border-color:#dce6f4}.activation-entry:hover{background:#eef5ff;border-color:#cbd9ee}.login-security{display:flex;justify-content:center;gap:7px;margin-top:18px;font-size:10px;color:#8b96a8}.login-security span:first-child{color:#15803d;font-weight:800}.password-wrap .input{margin:0}
@media(max-width:900px){.login-showcase{display:block;padding:35px 25px}.login-modern{display:block;overflow:auto}.login-showcase h1{font-size:45px}.login-feature-grid{grid-template-columns:1fr 1fr}.login-card-modern{margin:0 auto 35px;max-width:520px}.login-brand{margin-bottom:10px}}
@media(max-width:600px){.login-feature-grid{grid-template-columns:1fr}.login-showcase{padding:28px 20px 18px}.login-showcase h1{font-size:38px}.login-card-modern{width:calc(100% - 24px);padding:24px;margin-bottom:20px}.login-security{flex-wrap:wrap}}

/* YOLCU YÖNETİM görsel sistemi */
.nav-group{margin:8px 0 4px}.nav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#8ea0bb;font-size:10px;font-weight:900;letter-spacing:.12em;padding:9px 10px;cursor:pointer;text-align:left}.nav-group-toggle:hover{color:#fff}.nav-chevron{font-size:16px;line-height:1;transition:transform .18s ease}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-group-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease;overflow:hidden}.nav-group-items>button{min-height:0;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;padding-top:0;padding-bottom:0}.nav-group.open .nav-group-items{grid-template-rows:1fr}.nav-group.open .nav-group-items>button{min-height:40px;opacity:1;transform:none;padding-top:10px;padding-bottom:10px}.nav-group.open .nav-group-toggle{color:#b9c8df}.nav-group:has(.active) .nav-group-toggle{color:#60a5fa}.nav-group:has(.active) .nav-chevron{color:#60a5fa}

/* YOLCU YÖNETİM görsel sistemi */
.premium-kpis{gap:16px;margin-bottom:22px}
.premium-kpi{position:relative;overflow:hidden;min-height:154px!important;border:1px solid #e5eaf2!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:0 14px 35px rgba(15,23,42,.07)!important;transition:.22s ease}
.premium-kpi:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(15,23,42,.12)!important}
.premium-kpi .kpi-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.premium-kpi .kpi-top span{font-weight:700;color:#64748b}
.premium-kpi .kpi-top i{font-style:normal;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.08);font-size:18px}
.premium-kpi>strong{display:block;position:relative;z-index:2;font-size:38px!important;letter-spacing:-.045em;margin-top:12px}
.premium-kpi.blue>strong{color:#2563eb}.premium-kpi.violet>strong{color:#7c3aed}.premium-kpi.orange>strong{color:#d97706}.premium-kpi.green>strong{color:#16a34a}
.premium-kpi.blue .kpi-top i{background:#eff6ff}.premium-kpi.violet .kpi-top i{background:#f5f3ff}.premium-kpi.orange .kpi-top i{background:#fffbeb}.premium-kpi.green .kpi-top i{background:#f0fdf4}
.kpi-glow{position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;bottom:-85px;opacity:.13;filter:blur(2px)}
.blue .kpi-glow{background:#2563eb}.violet .kpi-glow{background:#7c3aed}.orange .kpi-glow{background:#f59e0b}.green .kpi-glow{background:#16a34a}
.premium-progress{height:8px!important;margin-top:13px!important;background:#e2e8f0!important;border-radius:99px!important;overflow:hidden}.premium-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#16a34a,#4ade80)!important}
.premium-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.premium-quick button{position:relative;overflow:hidden;min-height:124px!important;text-align:left!important;padding:17px!important;border:1px solid #e5eaf2!important;background:linear-gradient(145deg,#fff,#f8fafc)!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;transition:.2s ease!important}
.premium-quick button:hover{transform:translateY(-3px);border-color:#bfdbfe!important;box-shadow:0 15px 30px rgba(37,99,235,.11)!important}
.premium-quick .action-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#eff6ff;margin-bottom:12px;font-size:22px!important}
.premium-quick button:nth-child(2) .action-icon{background:#f5f3ff}.premium-quick button:nth-child(3) .action-icon{background:#ecfdf5}.premium-quick button:nth-child(4) .action-icon{background:#fff7ed}.premium-quick button:nth-child(5) .action-icon{background:#fef2f2}.premium-quick button:nth-child(6) .action-icon{background:#ecfeff}
.premium-quick strong{display:block;font-size:14px}.premium-quick small{display:block;margin-top:5px;color:#64748b;line-height:1.45}
.finance-visual{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;align-items:center}.premium-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.finance-card{padding:17px;border-radius:16px;border:1px solid #e7ecf3;background:#fff}.finance-card span,.finance-card small{display:block;color:#64748b;font-size:11px}.finance-card strong{display:block;font-size:22px;margin:7px 0 3px;letter-spacing:-.03em}.finance-card.income{background:linear-gradient(145deg,#f0fdf4,#fff)}.finance-card.income strong{color:#15803d}.finance-card.expense{background:linear-gradient(145deg,#fff7ed,#fff)}.finance-card.expense strong{color:#c2410c}.finance-card.net{background:linear-gradient(145deg,#eff6ff,#fff)}.finance-card.net strong{color:#2563eb}
.finance-chart{display:flex;align-items:center;gap:14px}.donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a34a 0deg 62%,#f59e0b 62% 100%);box-shadow:0 12px 28px rgba(15,23,42,.1);position:relative}.donut>div{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px #edf1f6}.donut strong{display:block;font-size:14px;color:#0f172a;text-align:center}.donut small{display:block;font-size:9px;color:#64748b;text-align:center;letter-spacing:.12em}
.chart-legend{display:grid;gap:9px}.chart-legend span{display:flex;align-items:center;gap:7px;font-size:11px;color:#64748b;white-space:nowrap}.chart-legend b{color:#0f172a;margin-left:3px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.income-dot{background:#16a34a}.expense-dot{background:#f59e0b}
.premium-bars{margin-top:18px!important;padding:14px 16px;border:1px solid #e7ecf3;border-radius:16px;background:#fbfdff}.premium-bars>div{margin:9px 0}.premium-bars span{display:flex;justify-content:space-between;color:#64748b;font-size:11px;margin-bottom:6px}.premium-bars span b{color:#0f172a}.premium-bars i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 3px 10px rgba(37,99,235,.18)}.premium-bars>div:nth-child(2) i{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 3px 10px rgba(245,158,11,.16)}
.site-grid .site-card{transition:.2s ease;border:1px solid #e5eaf2;box-shadow:0 10px 28px rgba(15,23,42,.055)}.site-grid .site-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,23,42,.1);border-color:#bfdbfe}.site-grid .site-card.selected{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.08),0 18px 38px rgba(37,99,235,.1)}
.action-panel{border:1px solid #e5eaf2;box-shadow:0 12px 30px rgba(15,23,42,.055)}.action-list button{transition:.18s ease}.action-list button:hover{transform:translateX(3px);background:#f8fbff}
.panel{box-shadow:0 8px 24px rgba(15,23,42,.045);border-color:#e5eaf2!important}.table thead th{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#f8fbff}
@media(max-width:900px){.premium-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-visual{grid-template-columns:1fr}.finance-chart{justify-content:center}.premium-finance{grid-template-columns:1fr}}
@media(max-width:600px){.premium-quick{grid-template-columns:1fr!important}.premium-kpi>strong{font-size:32px!important}.finance-chart{flex-direction:column}.donut{width:118px;height:118px}.donut>div{width:74px;height:74px}}

/* YOLCU YÖNETİM görsel sistemi */
.calculator-pro{overflow:hidden}.calc-item{display:grid;grid-template-columns:44px minmax(180px,1fr) 190px 150px 48px;gap:12px;align-items:end;padding:14px;margin:10px 0;border:1px solid var(--border,#e6eaf0);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,249,252,.96));box-shadow:0 8px 24px rgba(15,23,42,.05);transition:.2s}.calc-item:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.09)}.calc-item-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;background:linear-gradient(135deg,#172033,#3b82f6);color:#fff}.calc-item-year{height:44px;border-radius:12px;background:#f3f6fa;padding:6px 10px}.calc-item-year span{display:block;font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.6px}.calc-item-year strong{font-size:15px}.calculator-summary{margin-top:14px}.calculator-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.calc-total-card{padding:16px;border:1px solid var(--border,#e6eaf0);border-radius:16px;background:linear-gradient(135deg,#fff,#f7f9fc);box-shadow:0 8px 24px rgba(15,23,42,.05)}.calc-total-card span,.calc-total-card small{display:block;color:#667085;font-size:11px}.calc-total-card strong{display:block;margin:5px 0;font-size:22px}.calc-breakdown{margin-top:14px;padding:14px;border:1px solid var(--border,#e6eaf0);border-radius:16px;background:#fff}.calc-break-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #e2e8f0}.calc-break-row:last-child{border-bottom:0}.calculator-units .calc-unit-m2{max-width:110px}.calculator-units td:last-child{font-weight:800}.calculator-pro .panel-head{align-items:center}@media(max-width:900px){.calc-item{grid-template-columns:40px 1fr}.calc-item-year{grid-column:2}.calc-item>.btn{grid-column:2}.calculator-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.calculator-summary-grid{grid-template-columns:1fr}.calc-item{grid-template-columns:1fr}.calc-item-icon{display:none}.calc-item-year,.calc-item>.btn{grid-column:auto}}

/* YOLCU YÖNETİM görsel sistemi */
.sidebar{width:275px;transition:width .24s ease,padding .24s ease,box-shadow .24s ease}.main{transition:margin-left .24s ease,width .24s ease}.brand-row{display:flex;align-items:center;gap:11px;min-height:42px}.brand-logo{width:36px;height:36px;flex:0 0 36px}.brand-copy,.userbox-copy,.side-action b{transition:opacity .16s ease,transform .16s ease,max-width .22s ease}.userbox{display:flex;align-items:center;gap:10px}.user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#6d5dfc);color:#fff;font-weight:900;flex:0 0 38px}.sidebar-collapse-btn{position:absolute;right:-15px;top:78px;width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#172945;color:#dce7ff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18);cursor:pointer;z-index:20}.sidebar-collapse-btn span:last-child{display:none}.collapse-icon{font-size:22px;line-height:1;transform:translateX(-1px)}.desktop-menu-toggle{display:inline-flex}.app.sidebar-collapsed .sidebar{width:82px;padding:22px 10px}.app.sidebar-collapsed .main{margin-left:82px;width:calc(100% - 82px)}.app.sidebar-collapsed .brand-row{justify-content:center}.app.sidebar-collapsed .brand-copy,.app.sidebar-collapsed .userbox-copy,.app.sidebar-collapsed .side-action b{opacity:0;transform:translateX(-6px);max-width:0;overflow:hidden;pointer-events:none}.app.sidebar-collapsed .userbox{justify-content:center;padding:10px 6px}.app.sidebar-collapsed .user-avatar{width:42px;height:42px;flex-basis:42px}.app.sidebar-collapsed .nav-title{display:none}.app.sidebar-collapsed .nav button{font-size:0;text-align:center;padding:11px 8px}.app.sidebar-collapsed .nav button::first-letter{font-size:18px}.app.sidebar-collapsed .nav button{display:flex;align-items:center;justify-content:center;min-height:40px}.app.sidebar-collapsed .nav-group-toggle{font-size:0;justify-content:center;padding:8px}.app.sidebar-collapsed .nav-group-toggle span:first-child{display:none}.app.sidebar-collapsed .nav-chevron{font-size:16px}.app.sidebar-collapsed .nav-group-items{grid-template-rows:1fr;max-height:900px}.app.sidebar-collapsed .nav-group-items>button{min-height:40px;opacity:1;transform:none;padding:10px 8px}.app.sidebar-collapsed .side-action{min-height:42px;padding:10px 8px;display:flex;justify-content:center;align-items:center}.app.sidebar-collapsed .sidebar-collapse-btn{right:-15px}.app.sidebar-collapsed .collapse-icon{transform:rotate(180deg) translateX(-1px)}.app.sidebar-collapsed .sidebar-collapse-btn{background:#2563eb}.app.sidebar-collapsed .nav-group{margin-top:5px}.app.sidebar-collapsed .nav-group-toggle{color:#7187aa}.app.sidebar-collapsed .nav-group:has(.active) .nav-group-toggle{color:#60a5fa}
@media(max-width:900px){.desktop-menu-toggle,.sidebar-collapse-btn{display:none}.app.sidebar-collapsed .sidebar{width:275px;padding:22px 16px}.app.sidebar-collapsed .main{margin-left:0;width:100%}.app.sidebar-collapsed .brand-copy,.app.sidebar-collapsed .userbox-copy,.app.sidebar-collapsed .side-action b{opacity:1;transform:none;max-width:1000px;pointer-events:auto}.app.sidebar-collapsed .nav button{font-size:inherit;text-align:left;justify-content:flex-start;padding:10px 12px}.app.sidebar-collapsed .nav-group-toggle{font-size:10px;justify-content:space-between;padding:9px 10px}.app.sidebar-collapsed .nav-group-items>button{min-height:0;padding-top:0;padding-bottom:0}}
.site-logo-thumb{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block}.site-photo-preview{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;background:var(--accent-soft);border-radius:14px}.site-photo-preview img{width:92px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line2)}.login-site-photo{margin-top:22px;display:flex;align-items:center;gap:12px}.login-site-photo img{width:74px;height:74px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px rgba(0,0,0,.15)}.login-site-photo span{font-weight:700;font-size:13px;color:#e5efff}


/* Sakin Portalı - modern mobil/desktop ana ekran */
.resident-shell{display:grid;gap:16px}.resident-welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#0b1630 0%,#163b72 58%,#2563eb 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(20,52,100,.18)}.resident-welcome:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-130px;border-radius:50%;background:rgba(255,255,255,.08)}.resident-welcome-copy{position:relative;z-index:1}.resident-kicker,.resident-section-kicker{font-size:10px;font-weight:900;letter-spacing:.14em}.resident-kicker{color:#bfdbfe}.resident-welcome h2{margin:7px 0 4px;font-size:30px;letter-spacing:-.035em}.resident-welcome p{margin:0;color:#dbeafe;font-size:13px}.resident-status{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.resident-status span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.15)}.resident-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resident-action{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:15px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:.18s ease}.resident-action:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 15px 30px rgba(37,99,235,.09)}.resident-action>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eff6ff;font-size:21px;flex:none}.resident-action div{min-width:0;flex:1}.resident-action strong,.resident-action small{display:block}.resident-action strong{font-size:13px}.resident-action small{color:#64748b;margin-top:3px;font-size:10px}.resident-action>b{color:#94a3b8}.resident-action.primary-action{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.resident-kpi-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.resident-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:20px;box-shadow:0 9px 28px rgba(15,23,42,.045)}.resident-balance{background:linear-gradient(135deg,#fff,#f6faff)}.resident-card-head{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:12px;font-weight:800}.resident-mini-badge{padding:5px 8px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:9px}.resident-balance>strong{display:block;font-size:29px;color:#0f172a;margin:12px 0 3px;letter-spacing:-.03em}.resident-card>small{color:#64748b;font-size:10px}.resident-progress{height:9px;background:#e8eef6;border-radius:99px;overflow:hidden;margin:17px 0 8px}.resident-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.resident-meta{display:flex;justify-content:space-between;gap:10px;color:#64748b;font-size:10px}.resident-meta b{color:#2563eb}.resident-balance .link-btn{margin-top:13px}.resident-info>strong{display:block;font-size:24px;margin:12px 0 14px}.resident-info>strong small{font-size:12px;color:#64748b;font-weight:600}.resident-avatar{width:31px;height:31px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:900}.resident-info-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-top:1px solid #edf1f6;font-size:11px}.resident-info-row span{color:#64748b}.resident-info-row b{color:#0f172a}.resident-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resident-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.resident-section-head h3{margin:3px 0 0;font-size:17px}.resident-section-kicker{color:#94a3b8}.resident-list{display:grid;gap:7px}.resident-list button{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border:1px solid #edf1f5;background:#fbfdff;border-radius:13px;padding:10px;text-align:left;cursor:pointer;transition:.15s ease}.resident-list button:hover{background:#f5f9ff;border-color:#d7e5fb}.resident-list-icon{width:34px;height:34px;border-radius:10px;background:#eff6ff;display:grid;place-items:center}.resident-list strong,.resident-list small{display:block}.resident-list strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resident-list small{font-size:9px;color:#64748b;margin-top:3px}.resident-list>b{font-size:10px}.resident-empty{padding:22px 8px;text-align:center;color:#64748b;font-size:11px;line-height:1.6}.resident-bottom-card{padding-bottom:18px}.resident-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resident-shortcuts button{border:1px solid #e8edf4;background:#f8fafc;border-radius:15px;padding:14px;text-align:left;cursor:pointer;transition:.15s ease}.resident-shortcuts button:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-2px)}.resident-shortcuts span{display:block;font-size:20px;margin-bottom:9px}.resident-shortcuts strong,.resident-shortcuts small{display:block}.resident-shortcuts strong{font-size:12px}.resident-shortcuts small{font-size:9px;color:#64748b;margin-top:3px}
@media(max-width:1000px){.resident-quick-grid{grid-template-columns:repeat(2,1fr)}.resident-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.resident-welcome{padding:21px;border-radius:20px;display:block}.resident-welcome h2{font-size:24px}.resident-status{display:inline-flex;margin-top:14px}.resident-kpi-grid,.resident-content-grid{grid-template-columns:1fr}.resident-card{padding:17px}.resident-quick-grid{grid-template-columns:1fr 1fr}.resident-action{padding:12px}.resident-action>span{width:38px;height:38px;font-size:18px}.resident-action strong{font-size:11px}.resident-action small{font-size:9px}}
@media(max-width:480px){.resident-quick-grid{grid-template-columns:1fr}.resident-shortcuts{grid-template-columns:1fr 1fr}.resident-welcome p{font-size:11px}}

/* Güvenlik Kontrol Merkezi */
.security-shell{display:grid;gap:16px}.security-hero{background:linear-gradient(135deg,#071a2d 0%,#0b3650 55%,#0f766e 100%);color:#fff;border-radius:24px}.security-hero h2{color:#fff}.security-hero p{color:#d7f5f1}.security-kpis .big-kpi{position:relative;overflow:hidden}.security-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px}.security-duty-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.security-duty-chip{padding:7px 10px;border-radius:999px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-size:11px;font-weight:800}.security-grid{align-items:start}.security-form-banner{padding:11px 13px;margin:0 0 13px;border-radius:12px;background:#eff6ff;border:1px solid #dbeafe;color:#1e40af;font-size:12px;font-weight:800}.security-hidden{display:none!important}.security-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-vehicle-card{border:1px solid #e4eaf2;border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 7px 20px rgba(15,23,42,.04)}.security-vehicle-top{display:flex;align-items:center;gap:9px}.security-car-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;font-size:19px}.security-vehicle-top strong{font-size:18px;letter-spacing:.04em;flex:1}.security-direction{font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px}.security-direction.in{background:#dcfce7;color:#166534}.security-direction.out{background:#fee2e2;color:#991b1b}.security-vehicle-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;font-size:10px;color:#475569}.security-vehicle-card>small{color:#64748b;font-size:10px}.security-grid .panel{min-width:0}
@media(max-width:1050px){.security-vehicle-grid{grid-template-columns:1fr 1fr}.security-toolbar{align-items:flex-start;flex-direction:column}.security-duty-list{justify-content:flex-start}}@media(max-width:700px){.security-vehicle-grid{grid-template-columns:1fr}.security-hero{border-radius:20px}.security-vehicle-top strong{font-size:16px}}

/* =========================================================
   YOLCU YONETIM V15.1 - PREMIUM UI POLISH
   Daha kurumsal, ferah ve okunabilir ekranlar
   ========================================================= */
:root{
  --bg:#f3f6fb;--panel:#ffffff;--text:#172033;--muted:#66738a;
  --line:#e3e9f2;--brand:#2457d6;--brand2:#173ea8;
  --shadow-soft:0 8px 24px rgba(22,39,72,.055);
  --shadow-card:0 14px 38px rgba(22,39,72,.075);
  --radius-lg:20px;--radius-md:14px;
}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 75% -10%,#eaf2ff 0,transparent 34%),var(--bg);letter-spacing:-.005em}
button,.btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
button:active,.btn:active{transform:translateY(1px)}
.btn{min-height:40px;box-shadow:0 2px 8px rgba(15,23,42,.035)}
.btn.primary{background:linear-gradient(135deg,#2d67e5,#2451c9);box-shadow:0 8px 18px rgba(37,99,235,.18)}
.btn.primary:hover{box-shadow:0 11px 25px rgba(37,99,235,.25);transform:translateY(-1px)}
.input,.select,.textarea{min-height:42px;box-shadow:inset 0 1px 2px rgba(15,23,42,.02);transition:border-color .15s,box-shadow .15s}
.input:hover,.select:hover,.textarea:hover{border-color:#cbd6e6}

/* Sol menü */
.sidebar{background:linear-gradient(180deg,#09152b 0%,#0d1b33 55%,#0a1528 100%);border-right:1px solid rgba(255,255,255,.055);box-shadow:10px 0 35px rgba(5,15,35,.08)}
.brand-row{padding:4px 6px 10px}.brand-mark{box-shadow:0 10px 24px rgba(37,99,235,.28)}
.nav-title{font-size:9px;letter-spacing:.16em;color:#6f86aa;margin-top:24px}
.nav button{font-size:13px;min-height:42px;padding:11px 13px;border:1px solid transparent}
.nav button.active{background:linear-gradient(90deg,rgba(55,100,190,.34),rgba(30,55,97,.72));border-color:rgba(112,153,226,.12);box-shadow:inset 3px 0 #72a0ff,0 5px 14px rgba(0,0,0,.08)}
.nav button:hover{background:rgba(255,255,255,.055);transform:translateX(2px)}
.userbox{background:linear-gradient(135deg,#172946,#13233e);border-color:rgba(255,255,255,.07);padding:13px}

/* Ust bar */
.topbar{height:82px;padding:0 32px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(15,23,42,.025)}
.topbar h1{font-size:23px;letter-spacing:-.025em}.crumb{font-size:10px;color:#8190a8}
.top-actions{gap:8px}.top-actions .btn{min-height:38px}
.system-pill{box-shadow:0 4px 12px rgba(22,163,74,.07)}

/* Icerik ve basliklar */
.content{padding:28px 32px 42px;max-width:1580px}
.hero{margin-bottom:20px}.hero h2{font-size:31px;letter-spacing:-.04em}.hero p{font-size:13px;margin-top:4px}
.hero-modern{border-radius:24px;box-shadow:var(--shadow-card);padding:27px 29px}
.hero-modern h2{font-size:31px}.hero-modern:after{opacity:.7}

/* KPI kartlari */
.kpis{gap:14px;margin-bottom:18px}
.kpi{position:relative;overflow:hidden;border-radius:18px;padding:19px 20px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--shadow-soft);border-color:#e1e7f0}
.kpi:after{content:"";position:absolute;right:-32px;bottom:-40px;width:105px;height:105px;border-radius:50%;background:#f1f5ff;pointer-events:none}
.kpi span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kpi strong{font-size:28px;letter-spacing:-.035em;position:relative;z-index:1}

/* Genel paneller */
.panel{border-radius:18px;box-shadow:var(--shadow-soft);border-color:#e1e7f0;padding:21px}
.panel-head{margin-bottom:17px}.panel h3{font-size:15px;letter-spacing:-.015em}.muted{font-size:12px}
.portal-card,.resident-card{box-shadow:var(--shadow-soft);border-color:#e1e7f0}
.portal-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px);transition:.18s ease}

/* Tablolar */
.table-wrap{border:1px solid #e4e9f1;border-radius:14px;background:#fff}
.table{min-width:680px}.table th,.table td{padding:13px 12px}.table th{background:#f7f9fc;color:#718096;font-size:10px;letter-spacing:.06em;border-bottom:1px solid #e3e8f0}.table th:first-child{border-radius:14px 0 0 0}.table th:last-child{border-radius:0 14px 0 0}.table tbody tr:hover{background:#f8fbff}.table td{font-size:12px}
.badge{padding:5px 9px;border:1px solid rgba(55,48,163,.06)}

/* Formlar */
.field{margin:14px 0}.field label{font-size:12px;color:#46536a}.form-grid{gap:14px}
.filters{padding:10px;background:#f8fafc;border:1px solid #e6ebf2;border-radius:14px;margin-bottom:14px}

/* Modal */
.modal-bg{background:rgba(7,18,38,.68);backdrop-filter:blur(4px)}
.modal{border:1px solid #e1e7f0;border-radius:24px;padding:26px;box-shadow:0 35px 110px rgba(0,0,0,.3)}
.modal-head{padding-bottom:15px;border-bottom:1px solid #edf1f6;margin-bottom:15px}.modal-head h3{font-size:19px}

/* Arama */
.global-search{min-width:300px}.global-search .input{background:#f8fafc;border-color:#e1e7f0}.search-results{border-color:#dfe6f0;box-shadow:0 22px 55px rgba(15,30,60,.18)}

/* Login - kurumsal */
.login{background:radial-gradient(circle at 15% 15%,rgba(63,121,255,.22),transparent 30%),linear-gradient(135deg,#07142d,#102b58 58%,#16448e)}
.login-side{padding:7vw}.login-side h1{letter-spacing:-.055em;text-shadow:0 10px 30px rgba(0,0,0,.16)}
.login-side p{font-size:17px;line-height:1.75}.feature{border-radius:15px;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.login-card{border:1px solid rgba(255,255,255,.55);box-shadow:0 35px 100px rgba(0,0,0,.34);padding:36px}
.login-card h2{letter-spacing:-.035em}.login-card .btn.primary{min-height:46px;font-size:14px}

/* Sakin ekrani */
.resident-welcome{box-shadow:0 20px 55px rgba(22,58,114,.2)}
.resident-action,.resident-card,.resident-list button,.resident-shortcuts button{box-shadow:var(--shadow-soft)}
.resident-action{border-color:#e1e7f0}.resident-action:hover{box-shadow:0 15px 30px rgba(37,99,235,.11)}

/* Guvenlik */
.security-hero{box-shadow:0 20px 50px rgba(7,45,61,.2)}
.security-vehicle-card{box-shadow:var(--shadow-soft)}

/* Scrollbar */
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8d2e1;border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#aebbd0;background-clip:padding-box}

@media(max-width:1100px){.content{padding:22px}.topbar{padding:0 22px}.global-search{min-width:230px}}
@media(max-width:900px){.topbar{height:70px}.content{padding:18px 16px 30px}.hero-modern{padding:22px}.login-card{padding:28px}}
@media(max-width:600px){.topbar{padding:0 12px}.topbar h1{font-size:18px}.content{padding:14px 12px 24px}.panel{padding:16px}.kpi{padding:16px}.hero-modern{border-radius:19px;padding:19px}.hero-modern h2{font-size:25px}.global-search{min-width:145px}.global-search .input{min-width:140px}.modal{border-radius:19px;padding:19px}.table-wrap{border-radius:12px}.login-card{width:min(460px,94%);padding:24px;border-radius:22px}}

/* V15.1 PRO · Mobil cihaz izin merkezi */
.staff-permission-panel{margin-bottom:16px;border:1px solid #dbe5f4;background:linear-gradient(135deg,#fff,#f7fbff)}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.permission-chip{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border:1px solid #e4e9f1;border-radius:13px;background:#fff;color:#334155;font-size:13px}
.permission-chip b{font-size:11px;color:#64748b}
.permission-chip.ok{border-color:#bbf7d0;background:#f0fdf4}.permission-chip.ok b{color:#15803d}
.permission-chip.bad{border-color:#fecaca;background:#fef2f2}.permission-chip.bad b{color:#b91c1c}
.permission-hint{margin-top:10px;padding:11px 13px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px;line-height:1.6}
@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.staff-permission-panel .panel-head{align-items:flex-start;flex-direction:column}.staff-permission-panel .btn{width:100%}}

/* V15.1.0 SAKİN + DENETÇİ PROFESYONEL POLİŞ */
.resident-pro{max-width:1480px;margin:0 auto}
.resident-hero-pro{position:relative;overflow:hidden;border-radius:26px!important;background:linear-gradient(135deg,#102c61 0%,#1c4fa3 55%,#2872c8 100%)!important;box-shadow:0 22px 60px rgba(18,55,115,.20)!important}
.resident-hero-pro:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-130px;border-radius:50%;background:rgba(255,255,255,.08)}
.resident-hero-badges{display:flex;flex-direction:column;gap:8px;align-items:flex-end;position:relative;z-index:2}
.resident-privacy{font-size:11px;font-weight:800;color:#dbeafe;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:8px 11px;border-radius:999px}
.resident-quick-pro{grid-template-columns:repeat(4,minmax(0,1fr))}
.resident-pro-card{transition:transform .18s ease,box-shadow .18s ease}
.resident-pro-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(20,45,90,.09)}
.resident-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.resident-feature-row>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:14px;border-radius:15px;background:#f8fbff;border:1px solid #e5edf8}
.resident-feature-row span{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;font-size:18px}
.resident-feature-row strong{font-size:12px}.resident-feature-row small{font-size:10px;color:#718096}
.resident-top-site{padding:9px 12px;border-radius:12px;background:#f1f6ff;border:1px solid #dbe7fa;color:#234477;font-size:11px;font-weight:800;white-space:nowrap}
.auditor-command-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dbe6f5;box-shadow:0 8px 24px rgba(22,39,72,.05)}
.auditor-command-strip>div:first-child{display:grid;grid-template-columns:40px 1fr;column-gap:11px;align-items:center}
.auditor-command-strip>div:first-child>span{grid-row:span 2;width:40px;height:40px;border-radius:13px;background:#e0ecff;display:grid;place-items:center;font-size:20px}
.auditor-command-strip strong{font-size:13px;color:#172b4d}.auditor-command-strip small{font-size:11px;color:#66738a}
.auditor-command-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.resident-quick-pro{grid-template-columns:1fr 1fr}.resident-feature-row{grid-template-columns:1fr}.auditor-command-strip{align-items:flex-start;flex-direction:column}.auditor-command-actions{width:100%}}
@media(max-width:600px){.resident-hero-badges{align-items:flex-start;margin-top:10px}.resident-quick-pro{grid-template-columns:1fr}.resident-top-site{display:none}.auditor-command-actions .btn{flex:1}}
.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 16px}.wizard-steps span{padding:9px 8px;border-radius:10px;background:#f1f5f9;color:#64748b;text-align:center;font-size:12px;font-weight:800}.wizard-steps span.active{background:#dbeafe;color:#1d4ed8}@media(max-width:700px){.wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tpl-day-card{display:block;border:1px solid #d9e0ea;border-radius:10px;background:#fff;transition:.15s}.tpl-day-card input{display:none}.tpl-day-card span{display:block}

/* V1532 PROFESYONEL PERSONEL OPERASYON */
.schedule-day-panel,.patrol-planner,.task-verification-panel{border:1px solid #d9e0ea;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
.tpl-day-grid{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:9px;margin-top:12px}
.tpl-day-card{display:flex;align-items:center;justify-content:center;min-height:58px;border:1px solid #d9e0ea;border-radius:12px;background:#fff;cursor:pointer;font-weight:700;transition:.16s;box-shadow:0 3px 10px #10182808}
.tpl-day-card input{display:none}
.tpl-day-card.selected{border:2px solid #1f6feb;background:#eff6ff;color:#1558b0;box-shadow:0 6px 16px #1f6feb20}
.verification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.verification-grid label{padding:12px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;font-weight:650}
.patrol-planner{box-shadow:0 6px 20px #1018280a}
.patrol-index{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef2f7;font-weight:800}
@media(max-width:760px){.tpl-day-grid{grid-template-columns:repeat(4,minmax(55px,1fr))}.verification-grid{grid-template-columns:1fr}.patrol-editor-row{grid-template-columns:34px 1fr 42px!important}.patrol-editor-row .patrol-point-desc{grid-column:2}.patrol-editor-row .btn{grid-column:3;grid-row:1/3}}

.dashboard-command{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0;padding:18px 20px;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dbe7f8}.dashboard-command h3{margin:3px 0 4px}.dashboard-command p{margin:0}@media(max-width:600px){.dashboard-command{display:block}.dashboard-command .btn{margin-top:12px;width:100%}}


/* V15.3.8 PRO — Taksitlendirme Merkezi */
.installment-hero{align-items:center}
.installment-hero .hero-actions{margin-left:auto;display:flex;gap:10px}
.installment-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}
.installment-create-panel{border:1px solid rgba(70,90,120,.16);box-shadow:0 10px 28px rgba(20,30,50,.06)}
.installment-due-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}
.installment-selection-total{min-width:170px;text-align:right;padding:12px 16px;border-radius:14px;background:rgba(20,120,90,.07)}
.installment-selection-total small{display:block;color:var(--muted,#667085);margin-bottom:4px}
.installment-selection-total strong{font-size:20px}
.installment-toolbar{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(70,90,120,.12);border-bottom:1px solid rgba(70,90,120,.12);margin-bottom:10px}
.installment-toolbar .check-all{font-weight:700}
.installment-toolbar .btn{margin-left:auto}
.installment-plan-list{display:grid;gap:16px}
.installment-plan-card{background:var(--panel,#fff);border:1px solid rgba(70,90,120,.15);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(20,30,50,.05)}
.installment-plan-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.installment-plan-top h3{margin:4px 0;font-size:19px}
.installment-plan-progress{margin:16px 0}
.installment-plan-progress>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}
.progress-track{height:8px;border-radius:99px;background:rgba(100,110,130,.15);overflow:hidden}
.progress-track i{display:block;height:100%;border-radius:99px;background:currentColor}
.installment-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.installment-next{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(80,100,130,.06);margin:12px 0}
.installment-next span{color:var(--muted,#667085)}
.installment-details{margin-top:10px}
.installment-details summary{cursor:pointer;font-weight:700;padding:10px 0}
.installment-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.installment-search{min-width:280px}
.installment-search .input{width:100%}
.status-pill.danger{border-color:rgba(200,50,50,.25)}
.notice.danger{border-color:rgba(200,50,50,.25)}
@media(max-width:1000px){
 .installment-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .installment-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .installment-plan-top,.installment-due-header{flex-direction:column;align-items:stretch}
 .installment-selection-total{text-align:left}
 .installment-search{min-width:0;width:100%}
}
@media(max-width:650px){
 .installment-kpi-grid,.installment-stat-grid{grid-template-columns:1fr}
 .installment-toolbar{flex-wrap:wrap}
 .installment-toolbar .btn{margin-left:0;width:100%}
 .installment-card-actions{flex-direction:column}
 .installment-card-actions .btn{width:100%}
}
.top-notification-wrap{position:relative}.top-notification-btn{position:relative;width:42px;height:42px;border:1px solid #dbe3ee;background:#fff;border-radius:12px;cursor:pointer;font-size:19px;display:inline-flex;align-items:center;justify-content:center}.top-notification-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.10)}#top-notification-badge{position:absolute;right:-3px;top:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;align-items:center;justify-content:center;border:2px solid #fff}.top-notification-menu{display:none;position:absolute;right:0;top:50px;width:390px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #dbe3ee;border-radius:16px;box-shadow:0 20px 55px rgba(15,23,42,.18);z-index:5000;overflow:hidden}.top-notification-menu.open{display:block}.top-notification-item{width:100%;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:left;padding:12px 14px;display:flex;gap:10px;cursor:pointer}.top-notification-item:hover{background:#f8fafc}.top-notification-item.read{opacity:.68}.top-notification-item b{display:block;font-size:13px;color:#0f172a}.top-notification-item small{display:block;color:#64748b;line-height:1.35;margin-top:3px}.top-notification-dot{font-size:16px}.top-notification-empty{padding:24px;text-align:center;color:#64748b}.top-notification-all{width:100%;padding:13px;border:0;background:#f8fafc;font-weight:800;color:#2563eb;cursor:pointer}.top-notification-all:hover{background:#eef4ff}@media(max-width:700px){.top-notification-menu{right:-60px;width:calc(100vw - 24px)}}
.notification-row.unread-row{background:rgba(37,99,235,.035)}
.notification-row.read-row{opacity:.9}
.check-inline{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.check-inline input{width:16px;height:16px}

/* V1560 PRO GÖRSEL / MOBİL / TEMA */
:root{--bg:#f4f7fb;--panel:#fff;--text:#172033;--muted:#6b768a;--line:#e4e9f1;--brand:#2563eb;--brand2:#0f4cdb;--soft:#f7f9fc;--shadow:0 16px 45px rgba(20,36,70,.08)}
html[data-theme="dark"]{--bg:#07111f;--panel:#0e1a2d;--text:#e8eef9;--muted:#9aa9c0;--line:#22334d;--soft:#101f34;--shadow:0 18px 50px rgba(0,0,0,.25)}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .kpi,html[data-theme="dark"] .portal-card,html[data-theme="dark"] .quick button,html[data-theme="dark"] .modal,html[data-theme="dark"] .input,html[data-theme="dark"] .select,html[data-theme="dark"] .textarea{background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .site-context-banner,html[data-theme="dark"] .timeline-item{background:#0b182a;border-color:var(--line)}
html[data-theme="dark"] .table th,html[data-theme="dark"] .table td{border-color:var(--line)}
html[data-theme="dark"] .search-results{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .search-results button:hover,html[data-theme="dark"] .quick button:hover{background:#152943}
html[data-theme="dark"] .btn:not(.primary):not(.danger):not(.ok){background:#122238;color:var(--text);border-color:var(--line)}
.theme-toggle{min-width:42px;padding:9px 11px;font-size:16px}
.mobile-bottom-nav{display:none}
.kpi,.big-kpi,.portal-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kpi:hover,.big-kpi:hover,.portal-card:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(20,36,70,.12)}
.hero-modern{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--soft));box-shadow:var(--shadow)}
.hero-live{font-size:11px;vertical-align:middle;color:#16a34a;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;padding:5px 8px;margin-left:8px}
.section-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--brand);display:block;margin-bottom:4px}
.action-list{display:grid;gap:8px}.action-list button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:13px;border-radius:13px;text-align:left;cursor:pointer;color:var(--text)}.action-list button:hover{border-color:#9db8ef;transform:translateX(2px)}.action-list button span:nth-child(2){flex:1}.action-list small{display:block;color:var(--muted);margin-top:3px}.action-list b{color:var(--brand)}
@media(max-width:700px){
 body{padding-bottom:68px}.topbar{height:68px}.topbar .crumb{display:none}.topbar h1{margin:0}.top-actions{gap:5px}.system-pill,.desktop-menu-toggle{display:none!important}.theme-toggle{display:inline-flex}.global-search{display:none}.site-context-top{min-width:0}.site-context-top .input{min-width:130px;width:130px}.resident-top-site{font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;height:58px;background:rgba(13,23,43,.96);border:1px solid rgba(255,255,255,.12);border-radius:18px;z-index:90;padding:4px;box-shadow:0 15px 45px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.mobile-bottom-nav button{border:0;background:transparent;color:#9fb0cc;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}.mobile-bottom-nav button span{font-size:17px;line-height:18px}.mobile-bottom-nav button small{font-size:9px;font-weight:800}.mobile-bottom-nav button.active{background:#2563eb;color:#fff}.content{padding:12px}.hero-modern{padding:17px;border-radius:18px}.hero h2{font-size:23px}.kpi{padding:15px}.kpi strong{font-size:23px}.panel{padding:15px;border-radius:16px}.table th,.table td{padding:10px 7px}.management-kpi-grid{grid-template-columns:1fr 1fr!important}.modal-bg{padding:10px}.modal{padding:17px;border-radius:18px}
}

/* YOLCU KURUMSAL MARKA 1560.1 — lacivert + premium gold */
:root{--brand:#d69a2d;--brand2:#b97813;--accent:#d69a2d;--accent-soft:#fff7e6;--navy:#071426;--navy2:#0d1d35;--focus:rgba(214,154,45,.18)}
body{font-family:Inter,Segoe UI,Arial,sans-serif}
.sidebar{background:linear-gradient(180deg,#071426 0%,#0b1a31 100%)}
.brand-logo{background:#071426;border:1px solid rgba(245,185,66,.28);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.brand{letter-spacing:.08em}
.portal-name{color:#d8b46b}
.nav button.active{box-shadow:inset 3px 0 #f5b942;background:linear-gradient(90deg,#1c2f4b,#13253f)}
.nav button:hover{color:#fff;background:#152b49}
.btn.primary{background:linear-gradient(135deg,#f5c65d,#c98212);border-color:#d69a2d;color:#071426;box-shadow:0 8px 18px rgba(214,154,45,.18)}
.btn.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.input:focus,.select:focus,.textarea:focus{border-color:#d69a2d;box-shadow:0 0 0 3px var(--focus)}
.eyebrow{color:#b97813}
.site-context-banner{border-left-color:#d69a2d}
.topbar:after{background:linear-gradient(90deg,#d69a2d,#f5c65d,transparent 72%)}
.login-modern{background:radial-gradient(circle at 18% 18%,rgba(245,185,66,.16),transparent 34%),linear-gradient(135deg,#050f1e,#0b1d35 58%,#071426)}
.login-modern:before{background:radial-gradient(circle,rgba(245,185,66,.18),transparent 68%)}
.login-modern:after{background:radial-gradient(circle,rgba(255,224,138,.09),transparent 68%)}
.login-brand img,.login-card-logo img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.3))}
.login-showcase h1 span{background:linear-gradient(90deg,#ffe08a,#f5b942,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-feature{border-color:rgba(245,185,66,.18)}
.login-submit{background:linear-gradient(135deg,#f5c65d,#c98212)!important;border-color:#d69a2d!important;color:#071426!important;box-shadow:0 10px 24px rgba(214,154,45,.2)!important}
.login-security span:first-child{color:#b97813}
.hero-modern{background:linear-gradient(135deg,#fff,#fffaf0)}
.hero-modern:after{background:radial-gradient(circle,#ffe9ad 0,#fff7e6 48%,transparent 70%)}
.site-icon{background:#fff7e6}
.site-card.selected{border-color:#e2b95d;box-shadow:0 0 0 3px rgba(214,154,45,.1),0 14px 35px rgba(25,48,86,.08)}
.system-pill{border-color:#ead4a0;background:#fff9eb;color:#9a650e}
.user-avatar{background:linear-gradient(135deg,#f5c65d,#b97813);color:#071426}
.theme-toggle{border-color:#ead4a0}
@media(max-width:600px){.brand-logo{width:40px;height:40px}}

/* YOLCU MENU V2 — kare çerçeveli profesyonel menü */
.sidebar{width:292px;padding:20px 14px;background:linear-gradient(180deg,#071426 0%,#0a1930 58%,#0b1d37 100%);box-shadow:10px 0 34px rgba(0,0,0,.16)}
.main{margin-left:292px;width:calc(100% - 292px)}
.nav{display:grid;gap:8px;padding:4px 2px 12px}
.nav-group{margin:4px 0 3px;padding:8px;border:1px solid rgba(245,185,66,.12);border-radius:16px;background:rgba(255,255,255,.025)}
.nav-group-toggle{height:34px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035);padding:0 11px;color:#d4def0;font-size:10px;letter-spacing:.12em;transition:.18s ease}
.nav-group-toggle:hover{background:rgba(245,185,66,.08);border-color:rgba(245,185,66,.25);color:#fff}
.nav-group:has(.active) .nav-group-toggle{color:#f5c65d;border-color:rgba(245,185,66,.3);background:rgba(245,185,66,.07)}
.nav-group-items{padding-top:7px;gap:7px}
.nav-group-items>button,.nav>button{width:100%;min-height:46px!important;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;color:#b9c8df!important;padding:10px 12px!important;margin:0!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}
.nav-group-items>button:hover,.nav>button:hover{transform:translateX(2px);border-color:rgba(245,185,66,.34)!important;background:linear-gradient(135deg,rgba(245,185,66,.14),rgba(255,255,255,.045))!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.nav-group-items>button.active,.nav>button.active{border-color:rgba(245,198,93,.72)!important;background:linear-gradient(135deg,rgba(245,198,93,.20),rgba(188,122,19,.12))!important;color:#fff!important;box-shadow:0 0 0 1px rgba(245,198,93,.10),0 9px 22px rgba(0,0,0,.16)}
.nav-group-items>button::first-letter,.nav>button::first-letter{font-size:18px}
.nav-group-items>button.active::before,.nav>button.active::before{content:"";width:4px;height:24px;border-radius:99px;background:#f5c65d;flex:0 0 4px;margin-left:-8px}
.side-bottom{margin-top:12px;padding:12px 2px 0;border-top:1px solid rgba(255,255,255,.08)}
.side-bottom .side-action{min-height:44px;border-radius:12px!important;border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;color:#c9d5e8!important}
.side-bottom .side-action:hover{border-color:rgba(245,185,66,.35)!important;color:#fff!important;background:rgba(245,185,66,.09)!important}
.app.sidebar-collapsed .sidebar{width:86px;padding:20px 10px}
.app.sidebar-collapsed .main{margin-left:86px;width:calc(100% - 86px)}
.app.sidebar-collapsed .nav{gap:7px}
.app.sidebar-collapsed .nav-group{padding:5px;border-color:transparent;background:transparent}
.app.sidebar-collapsed .nav-group-items{gap:7px}
.app.sidebar-collapsed .nav-group-items>button,.app.sidebar-collapsed .nav>button{min-height:46px!important;width:58px;justify-content:center;border-radius:13px!important;padding:10px 8px!important;margin:auto!important}
.app.sidebar-collapsed .nav-group-items>button.active::before,.app.sidebar-collapsed .nav>button.active::before{display:none}
.app.sidebar-collapsed .nav-group-toggle{height:28px;border:0;background:transparent}
@media(max-width:900px){.sidebar{width:292px}.main{margin-left:0;width:100%}.nav-group-items>button,.nav>button{min-height:48px!important}}
@media(max-width:600px){.sidebar{padding:16px 12px}.nav{gap:7px}.nav-group{padding:7px}.nav-group-items>button,.nav>button{min-height:48px!important;border-radius:13px!important}}

/* YOLCU DARK MODE FIX 1560.2 — tüm metin ve yüzey kontrastları */
html[data-theme="dark"] body,
html[data-theme="dark"] .app,
html[data-theme="dark"] .main,
html[data-theme="dark"] .content{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .topbar{background:#0b1729!important;color:var(--text);border-color:var(--line)!important}
html[data-theme="dark"] .topbar h1,
html[data-theme="dark"] .topbar .crumb,
html[data-theme="dark"] .hero h2,
html[data-theme="dark"] .hero p,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .panel h2,
html[data-theme="dark"] .panel h1,
html[data-theme="dark"] .kpi strong,
html[data-theme="dark"] .portal-card h3,
html[data-theme="dark"] .portal-card h2,
html[data-theme="dark"] .portal-card h1,
html[data-theme="dark"] .modal h1,
html[data-theme="dark"] .modal h2,
html[data-theme="dark"] .modal h3,
html[data-theme="dark"] label{color:var(--text)}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .hero p,
html[data-theme="dark"] .kpi span,
html[data-theme="dark"] .action-list small,
html[data-theme="dark"] .portal-card p,
html[data-theme="dark"] .section-kicker{color:var(--muted)}
html[data-theme="dark"] .hero-modern{background:linear-gradient(135deg,#0e1a2d,#101f34)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}
html[data-theme="dark"] .hero-modern:after{background:radial-gradient(circle,rgba(245,198,93,.13) 0,rgba(214,154,45,.05) 42%,transparent 70%)!important}
html[data-theme="dark"] .site-context-banner{background:#0b182a!important;color:var(--text);border-color:var(--line)!important}
html[data-theme="dark"] .site-context-banner strong{color:#f5c65d}
html[data-theme="dark"] .site-card,
html[data-theme="dark"] .portal-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .big-kpi{background:var(--panel)!important;color:var(--text);border-color:var(--line)!important}
html[data-theme="dark"] .site-card p,
html[data-theme="dark"] .site-card small,
html[data-theme="dark"] .site-card .muted{color:var(--muted)!important}
html[data-theme="dark"] .site-icon{background:#1b2638!important;color:#f5c65d!important}
html[data-theme="dark"] .quick button,
html[data-theme="dark"] .action-list button{background:#0e1a2d!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .quick button:hover,
html[data-theme="dark"] .action-list button:hover{background:#152943!important;border-color:#8b6a2b!important}
html[data-theme="dark"] .table{color:var(--text)}
html[data-theme="dark"] .table th{background:#101f34!important;color:#aebbd0!important}
html[data-theme="dark"] .table td{color:var(--text);border-color:var(--line)!important;background:transparent}
html[data-theme="dark"] .table tbody tr:hover{background:#122238}
html[data-theme="dark"] .input,
html[data-theme="dark"] .select,
html[data-theme="dark"] .textarea,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0b182a!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] .textarea::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#71829d!important}
html[data-theme="dark"] select option{background:#0b182a;color:var(--text)}
html[data-theme="dark"] .field input[type=file]{background:#0b182a!important;color:var(--text);border-color:#31445f}
html[data-theme="dark"] .btn:not(.primary):not(.danger):not(.ok),
html[data-theme="dark"] .link-btn{color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .btn.danger{background:#321722;color:#ff9da8;border-color:#66303b}
html[data-theme="dark"] .btn.ok{background:#102c24;color:#7ee2a8;border-color:#235b49}
html[data-theme="dark"] .badge{background:#1c2943;color:#c7d5ff}
html[data-theme="dark"] .badge.ok{background:#123328;color:#7ee2a8}
html[data-theme="dark"] .badge.warn{background:#352616;color:#ffc777}
html[data-theme="dark"] .badge.danger{background:#351a21;color:#ff9da8}
html[data-theme="dark"] .hero-live{background:#123328;color:#7ee2a8;border-color:#235b49}
html[data-theme="dark"] .system-pill{background:#102c24;color:#7ee2a8;border-color:#235b49}
html[data-theme="dark"] .search-results{background:#0e1a2d!important;color:var(--text);border-color:var(--line)!important}
html[data-theme="dark"] .search-results button{color:var(--text)}
html[data-theme="dark"] .search-results button:hover{background:#152943!important}
html[data-theme="dark"] .timeline-item{background:#0b182a!important;color:var(--text);border-color:var(--line)!important}
html[data-theme="dark"] .detail-tabs .active{background:#2a2417;color:#f5c65d}
html[data-theme="dark"] .filters{color:var(--text)}
html[data-theme="dark"] .top-notification-menu{background:#0e1a2d!important;border-color:var(--line)!important}
html[data-theme="dark"] .top-notification-item{background:#0e1a2d;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .top-notification-item:hover{background:#152943}
html[data-theme="dark"] .top-notification-item b{color:var(--text)}
html[data-theme="dark"] .top-notification-item small{color:var(--muted)}
html[data-theme="dark"] .top-notification-all{background:#101f34;color:#f5c65d}
html[data-theme="dark"] .modal-bg{background:rgba(0,0,0,.76)}
html[data-theme="dark"] .modal{background:#0e1a2d!important;color:var(--text);border-color:var(--line)!important}
html[data-theme="dark"] .empty{color:var(--muted)}
html[data-theme="dark"] a{color:#f5c65d}
html[data-theme="dark"] .login-card{background:#0e1a2d;color:var(--text)}
html[data-theme="dark"] .login-card p{color:var(--muted)}
html[data-theme="dark"] .login-card .input{background:#0b182a;color:var(--text);border-color:var(--line)}


/* YOLCU V1560.3 — premium UX polish */
:root{--accent:#d9a441;--accent-2:#f4c967;--focus:rgba(217,164,65,.20)}
.btn{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08)}.btn:active{transform:translateY(0)}
.btn.primary{background:linear-gradient(135deg,#d9a441,#f0c86a);border-color:#d9a441;color:#172033;box-shadow:0 7px 18px rgba(217,164,65,.18)}.btn.primary:hover{box-shadow:0 10px 24px rgba(217,164,65,.25)}
.hero-btn{background:linear-gradient(135deg,#d9a441,#f4cf77)!important;color:#172033!important;border-color:#d9a441!important}
.connection-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfe8d8;background:#f0fbf4;color:#168044;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.connection-badge i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.connection-badge.offline{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}.connection-badge.offline i{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.kpi,.big-kpi,.panel,.site-card,.portal-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kpi:hover,.big-kpi:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.10)}
.management-quick .quick button,.quick.management-quick button{min-height:112px;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);position:relative;overflow:hidden}.management-quick .quick button:after,.quick.management-quick button:after{content:"→";position:absolute;right:14px;top:13px;color:#b88a2c;font-weight:900;opacity:.65}.management-quick .action-icon{font-size:23px;margin-bottom:7px}
.dashboard-command{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;background:linear-gradient(135deg,#0b1630,#13284a);color:#fff;border-color:#1c3155}.dashboard-command h3{color:#fff}.dashboard-command .muted{color:#b9c8df}.dashboard-command .btn{flex:none}
.site-card .btn{background:linear-gradient(135deg,#fff,#f8fafc)}.site-card.selected .btn{background:linear-gradient(135deg,#d9a441,#f0c86a);border-color:#d9a441;color:#172033}
.nav-group-items>button,.nav>button{font-size:12px;letter-spacing:.005em}.nav-group-items>button.active,.nav>button.active{border-color:rgba(245,198,93,.85)!important}
.topbar{backdrop-filter:blur(14px)}.topbar .global-search .input{background:#f8fafc;border-color:#dfe6f0}.topbar .global-search .input:focus{background:#fff}
/* compact status/empty states */
.empty{border:1px dashed var(--line);border-radius:14px;background:rgba(127,145,170,.04)}
/* keyboard focus */
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(217,164,65,.32);outline-offset:2px}
/* print */
@media print{.sidebar,.topbar,.mobile-bottom-nav,.hero-actions,.top-actions,.btn,.site-context-banner{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important}.panel,.kpi,.big-kpi,.site-card{box-shadow:none!important;break-inside:avoid}.hero-modern{border:0!important;box-shadow:none!important}}
html[data-theme="dark"] .connection-badge.online{background:#102c24;color:#7ee2a8;border-color:#235b49}html[data-theme="dark"] .connection-badge.offline{background:#351a21;color:#ff9da8;border-color:#66303b}
html[data-theme="dark"] .dashboard-command{background:linear-gradient(135deg,#081426,#10223b);border-color:#253a59}
html[data-theme="dark"] .quick.management-quick button,html[data-theme="dark"] .management-quick .quick button{background:linear-gradient(145deg,#0e1a2d,#101f34)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .topbar .global-search .input{background:#0b182a;border-color:var(--line)}
html[data-theme="dark"] .site-card .btn{background:#0e1a2d;color:var(--text);border-color:var(--line)}
@media(max-width:900px){.connection-badge{display:none}.dashboard-command{align-items:flex-start;flex-direction:column}.dashboard-command .btn{width:100%}}
@media(max-width:600px){.management-quick .quick button,.quick.management-quick button{min-height:96px}.hero-modern h2{letter-spacing:-.025em}.topbar{padding-left:10px;padding-right:10px}.top-actions{gap:4px}.top-notification-btn,.theme-toggle{width:38px;height:38px;padding:0}.site-context-top .input{height:36px}}


/* === V1560.2 PRO UI POLISH === */
.nav-group-items>button{
  display:flex;align-items:center;gap:10px;
  margin:5px 0!important;
  padding:10px 12px!important;
  min-height:42px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.nav-group-items>button:hover{
  border-color:rgba(96,165,250,.42)!important;
  background:rgba(59,130,246,.12)!important;
  transform:translateX(2px);
}
.nav-group-items>button.active{
  border-color:rgba(96,165,250,.55)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(30,64,175,.20))!important;
  box-shadow:0 8px 22px rgba(37,99,235,.16),inset 3px 0 #60a5fa;
}
.nav-group-items>button::first-letter{font-size:18px}
.top-actions .btn,.top-notification-btn,.theme-toggle{
  border-radius:12px!important;
  min-height:40px;
}
.panel,.kpi,.portal-card,.hero-modern,.modal{
  backdrop-filter:blur(8px);
}
html[data-theme="dark"] .quick button,
html[data-theme="dark"] .portal-card,
html[data-theme="dark"] .hero-modern,
html[data-theme="dark"] .premium-kpi{
  background:linear-gradient(145deg,#0e1a2d,#101f34)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .quick button strong,
html[data-theme="dark"] .portal-card h3,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .hero-modern h2,
html[data-theme="dark"] .hero-modern p,
html[data-theme="dark"] .kpi strong{
  color:var(--text);
}
html[data-theme="dark"] .field label,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .panel label{
  color:#cbd5e1;
}
html[data-theme="dark"] .nav-group-items>button{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#cbd5e1!important;
}
html[data-theme="dark"] .nav-group-items>button:hover{
  background:rgba(59,130,246,.16)!important;
  color:#fff!important;
}
html[data-theme="dark"] .nav-group-items>button.active{
  color:#fff!important;
}
@media(max-width:900px){
  .nav-group-items>button{min-height:44px!important}
  .content{padding:18px}
}

/* V1571 DEMİRBAŞ PRO */
.demirbas-hero{border:1px solid rgba(148,163,184,.16)}
.demirbas-toolbar{overflow:hidden}
.toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.toolbar-actions .input{min-width:220px}
.asset-summary-strip{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0 16px}
.asset-summary-strip span{padding:8px 11px;border:1px solid var(--border,#dfe5ee);border-radius:999px;background:var(--surface-2,#f8fafc);font-size:12px;font-weight:700}
[data-theme="dark"] .asset-summary-strip span{background:rgba(255,255,255,.035);border-color:rgba(148,163,184,.18);color:#dbe5f2}
.demirbas-toolbar .table tbody tr:hover{background:rgba(37,99,235,.045)}
.demirbas-toolbar .table td{vertical-align:middle}
.demirbas-toolbar .table td:nth-child(2){min-width:180px}
@media(max-width:760px){.toolbar-actions{width:100%;justify-content:stretch}.toolbar-actions .input{min-width:0;flex:1;width:100%}.asset-summary-strip{gap:6px}.asset-summary-strip span{font-size:11px}.demirbas-toolbar .table-wrap{overflow-x:auto}}

.login-language-wrap{display:flex;justify-content:flex-end;margin-bottom:10px}.login-language{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.login-language select{border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:7px 10px;background:var(--panel,#fff);color:inherit;font:inherit;outline:none}.login-language select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.14)}[dir=rtl] .login-language-wrap{justify-content:flex-start}

/* V15.10.4 · Canlı Türkiye saati / vardiya görünümü */
.system-live-clock{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #dbe4f0;background:linear-gradient(135deg,#f8fafc,#eef4ff);border-radius:12px;min-width:170px;box-shadow:0 5px 18px rgba(15,23,42,.06)}
.system-live-clock .live-clock-date{font-size:10px;font-weight:800;color:#64748b;white-space:nowrap}.system-live-clock .live-clock-time{font-size:17px;letter-spacing:.06em;color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap}.system-live-clock small{font-size:9px;color:#2563eb;font-weight:800;white-space:nowrap}
.live-attendance-clock{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border:0}.live-attendance-clock .section-kicker,.live-attendance-clock .muted{color:#bfdbfe!important}.live-attendance-clock #staff-module-live-clock{font-variant-numeric:tabular-nums}
html[data-theme="dark"] .system-live-clock{background:#111827;border-color:#334155}.system-live-clock .live-clock-time{color:#f8fafc}
@media(max-width:1100px){.system-live-clock{min-width:0;padding:6px 8px}.system-live-clock small{display:none}.system-live-clock .live-clock-time{font-size:14px}.system-live-clock .live-clock-date{font-size:9px}}
@media(max-width:700px){.system-live-clock{display:none}}

/* V174 Personel Özlük Dosyaları */
.personnel-doc-expired,.status-danger{color:#b42318;background:#fee4e2;border-radius:8px;padding:4px 8px;font-weight:700}.status-warning{color:#93370d;background:#fef0c7;border-radius:8px;padding:4px 8px;font-weight:700}#personnel-doc-rows td{vertical-align:middle}.personnel-doc-actions{display:flex;gap:6px;flex-wrap:wrap}

/* V174.4 — sade banka ve kasa çalışma alanı */
.bank-page{display:flex;flex-direction:column;gap:18px}.bank-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--line,#dbe3ed);border-radius:20px;background:linear-gradient(135deg,rgba(20,92,130,.10),rgba(34,197,160,.07));box-shadow:0 8px 26px rgba(20,40,70,.05)}.bank-hero-copy{min-width:0}.bank-hero h2{margin:5px 0 8px}.bank-hero p{max-width:650px;margin:0 0 14px;color:var(--muted,#667085)}.bank-scope-pill{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--line,#dbe3ed);font-size:13px}.bank-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.bank-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bank-summary-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:17px;border:1px solid var(--line,#dbe3ed);border-radius:16px;background:var(--panel,#fff);min-width:0}.bank-summary-icon{font-size:21px}.bank-summary-label{font-size:12px;color:var(--muted,#667085);font-weight:600}.bank-summary-card>strong{font-size:clamp(20px,2vw,28px);line-height:1.25;overflow-wrap:anywhere}.bank-summary-card>small{font-size:11px;color:var(--muted,#667085)}.bank-summary-balance{border-color:rgba(20,140,100,.28);background:linear-gradient(145deg,rgba(16,185,129,.09),var(--panel,#fff))}.bank-amount-in{color:#12805c!important}.bank-amount-out{color:#c2413b!important}.bank-status-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:11px 14px;border:1px solid var(--line,#dbe3ed);border-radius:12px;background:var(--panel,#fff);font-size:12px}.bank-status-line>span{display:inline-flex;gap:6px;align-items:center}.bank-status-note{margin-left:auto;color:var(--muted,#667085)}.bank-panel{overflow:hidden}.bank-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.bank-account-card{min-width:0;padding:16px;border:1px solid var(--line,#dbe3ed);border-radius:15px;background:var(--panel,#fff);transition:box-shadow .18s ease,transform .18s ease}.bank-account-card:hover{box-shadow:0 8px 22px rgba(20,40,70,.07);transform:translateY(-1px)}.bank-account-top{display:flex;align-items:center;gap:10px}.bank-bank-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(29,99,145,.10);font-size:21px;flex-shrink:0}.bank-account-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.bank-account-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-account-title span,.bank-account-count{font-size:11px;color:var(--muted,#667085)}.bank-account-count{white-space:nowrap}.bank-balance-label{margin-top:18px;font-size:11px;color:var(--muted,#667085)}.bank-balance-value{font-size:25px;font-weight:750;letter-spacing:-.5px;margin:3px 0 14px;overflow-wrap:anywhere}.bank-account-meta{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line,#e6ebf2);font-size:11px}.bank-account-meta span{color:var(--muted,#667085);flex-shrink:0}.bank-account-meta strong{text-align:right;overflow-wrap:anywhere;font-weight:600}.bank-account-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bank-account-actions .btn{font-size:11px;padding:7px 9px}.bank-webhook-details{margin-top:11px;padding-top:9px;border-top:1px dashed var(--line,#dbe3ed);font-size:11px;color:var(--muted,#667085)}.bank-webhook-details summary{cursor:pointer;font-weight:600}.bank-webhook-details code{display:block;margin-top:8px;overflow-wrap:anywhere;white-space:normal}.bank-movement-head{align-items:center;gap:12px}.bank-search{max-width:300px}.bank-table-summary{font-size:11px;color:var(--muted,#667085);padding:0 0 10px}.bank-table td{vertical-align:middle}.bank-date{white-space:nowrap;font-size:12px}.bank-cell-sub{display:block;margin-top:4px;color:var(--muted,#667085);font-size:10px}.bank-footnote{font-size:11px;margin:0}.bank-table .btn{white-space:nowrap}
@media(max-width:1050px){.bank-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-hero{flex-direction:column}.bank-hero-actions{justify-content:flex-start}.bank-status-note{margin-left:0}}
@media(max-width:640px){.bank-account-grid{grid-template-columns:1fr}.bank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bank-summary-card{padding:12px}.bank-summary-card>strong{font-size:19px}.bank-hero{padding:17px}.bank-movement-head{align-items:stretch;flex-direction:column}.bank-search{max-width:none;width:100%}.bank-status-line{gap:8px 12px}.bank-account-count{display:none}}


/* V1.1.37 · Personel modülü kullanılabilirlik ve mobil düzen */
.staff-management-table{min-width:1120px}.staff-management-table td{vertical-align:middle}.staff-management-table td:nth-child(8)>div{min-width:360px}.staff-management-table td:nth-child(2) strong{font-size:14px}.staff-management-table .btn{white-space:nowrap}.staff-management-table .status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:11px;font-weight:800}.staff-management-table tr[data-staff-active="0"]{opacity:.78}.staff-management-table tr:hover{background:rgba(59,130,246,.035)}
.staff-personnel-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.staff-personnel-hero .hero-actions{display:flex;gap:8px;flex-wrap:wrap}.staff-attendance-actions{display:flex;gap:8px;flex-wrap:wrap}.staff-attendance-history .timeline-item{padding:12px 14px;border:1px solid var(--line,#e2e8f0);border-radius:12px;margin:8px 0;background:var(--panel,#fff)}
@media(max-width:700px){.staff-management-table td:nth-child(8)>div{min-width:340px}.staff-management-table .btn{padding:7px 9px;font-size:11px}.live-attendance-clock{align-items:flex-start}.live-attendance-clock #staff-module-live-clock{font-size:28px!important}.staff-attendance-actions .btn{flex:1}}

/* Bildirim Merkezi kategorileri v1.1.38 */
.notification-category-grid{margin:16px 0;gap:12px}.notification-category-card{width:100%;text-align:left;cursor:pointer;border:1px solid var(--line,#dbe3ef);transition:transform .15s,box-shadow .15s}.notification-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.10)}.notification-category-card span,.notification-category-card small{display:block}.notification-category-card strong{display:block;font-size:clamp(24px,3vw,34px);margin:8px 0}.notification-category-card small{opacity:.72}


/* YOLCU 1.1.40 — Personel ekranı görsel iyileştirmeleri (iş akışına dokunmaz) */
.staff-management-table{border-collapse:separate;border-spacing:0;min-width:1180px}
.staff-management-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-2,#f4f7fb);color:var(--text,#172b4d);font-size:11px;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;border-bottom:1px solid var(--line,#dbe3ed)}
.staff-management-table tbody tr{transition:background .16s ease,box-shadow .16s ease}
.staff-management-table tbody tr:nth-child(even){background:rgba(148,163,184,.035)}
.staff-management-table tbody tr:hover{background:rgba(37,99,235,.065);box-shadow:inset 3px 0 #3b82f6}
.staff-management-table td{padding:13px 11px;border-bottom:1px solid var(--line,#e5eaf1);font-size:12px}
.staff-management-table td:nth-child(2) strong{display:inline-block;margin-bottom:4px;font-size:14px;color:var(--text,#172b4d)}
.staff-management-table td:nth-child(2) small,.staff-management-table td:nth-child(3) small{display:inline-block;margin-top:3px;color:var(--muted,#64748b);line-height:1.5}
.staff-management-table td:nth-child(8)>div{min-width:390px;gap:6px!important}
.staff-management-table td:nth-child(8) .btn{border-radius:9px;box-shadow:0 1px 2px rgba(15,23,42,.035);transition:transform .12s ease,box-shadow .12s ease}
.staff-management-table td:nth-child(8) .btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.09)}
.staff-management-table .status-pill{border:1px solid #bbf7d0;padding:6px 10px}
.staff-management-table tr[data-staff-active="0"]{opacity:.68}
.hero.hero-modern:has(+ .management-kpi-grid){border-radius:20px;padding:clamp(18px,3vw,28px);border:1px solid var(--line,#e2e8f0);background:radial-gradient(circle at 90% 0,rgba(59,130,246,.12),transparent 36%),linear-gradient(135deg,var(--panel,#fff),var(--surface-2,#f8fafc));box-shadow:0 8px 26px rgba(15,23,42,.045)}
.hero.hero-modern:has(+ .management-kpi-grid) h2{letter-spacing:-.035em;line-height:1.2}
.hero.hero-modern:has(+ .management-kpi-grid) p{max-width:720px;line-height:1.65}
.management-kpi-grid{gap:12px}
.management-kpi-grid>.kpi,.management-kpi-grid>.kpi-card{border-radius:16px;transition:transform .15s ease,box-shadow .15s ease}
.management-kpi-grid>.kpi:hover,.management-kpi-grid>.kpi-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(15,23,42,.07)}
.panel:has(#staff_management_table){overflow:hidden;border-radius:18px}
.panel:has(#staff_management_table)>.panel-head{padding-bottom:14px}
#staff_management_table .staff-select,#staff_select_all{width:16px;height:16px;accent-color:#2563eb}
#staff_search,#staff_status_filter{min-height:42px;border-radius:11px}
.panel:has(#staff_management_table) .quick{align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--surface-2,#f8fafc);border:1px solid var(--line,#e5eaf1)}
#personnel-doc-rows td{padding:13px 11px}
#personnel-doc-rows tr:hover{background:rgba(37,99,235,.045)}
#personnel-doc-rows .btn{margin:2px;border-radius:9px}
#personnel-doc-site,#personnel-doc-staff,#personnel-doc-search{min-height:42px;border-radius:11px}
html[data-theme="dark"] .staff-management-table thead th{background:#182338;color:#e5edf8}
html[data-theme="dark"] .staff-management-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
html[data-theme="dark"] .staff-management-table tbody tr:hover{background:rgba(59,130,246,.12)}
html[data-theme="dark"] .panel:has(#staff_management_table) .quick{background:#111c2e;border-color:#2b3a50}
html[data-theme="dark"] .hero.hero-modern:has(+ .management-kpi-grid){background:radial-gradient(circle at 90% 0,rgba(59,130,246,.14),transparent 36%),linear-gradient(135deg,#111c2e,#101827);border-color:#2b3a50}
@media(max-width:760px){
 .hero.hero-modern:has(+ .management-kpi-grid){padding:17px;border-radius:15px}
 .management-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .panel:has(#staff_management_table) .quick{display:flex;flex-direction:column;align-items:stretch}
 .panel:has(#staff_management_table) .quick>div{width:100%;min-width:0!important}
 .panel:has(#staff_management_table) .quick .btn{width:100%}
 .staff-management-table{min-width:1100px}
 .staff-management-table td{padding:10px 8px}
 #personnel-doc-rows .btn{padding:7px 9px;font-size:11px}
}