:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8fafc;--text:#111827;--muted:#667085;--line:#e6e9f0;--primary:#6d5dfc;--primary-soft:#eeecff;--sidebar:#101728;--sidebar-hover:#1b263a;--shadow:0 12px 30px rgba(15,23,42,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#101728 0%,#0c1423 100%);color:#c7d0df;padding:22px 16px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:50}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#7357ff,#8b75ff);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(109,93,252,.35)}.brand-copy{min-width:0}.brand strong,.brand small{display:block}.brand strong{font-size:15px;color:#fff}.brand small{font-size:11px;color:#8793a8;margin-top:3px}.sidebar-close{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:25px}.sidebar nav{display:grid;gap:4px;padding-bottom:16px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;font-size:13px;font-weight:550;transition:.18s}.sidebar nav a svg{width:18px;height:18px;color:#8391a8}.sidebar nav a:hover,.sidebar nav a.active{background:var(--sidebar-hover);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #7662ff}.sidebar nav a.active svg{color:#9d8fff}.nav-label{font-size:9px;color:#647189;padding:18px 13px 6px;letter-spacing:.18em;font-weight:800}.sidebar-user{margin-top:auto;border-top:1px solid rgba(148,163,184,.15);padding:17px 7px 0;display:flex;justify-content:space-between;align-items:center}.user-mini{display:flex;align-items:center;gap:10px;min-width:0}.mini-avatar,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.mini-avatar{width:34px;height:34px;background:#2a3650;color:#bfb5ff;font-size:12px}.user-mini strong,.user-mini small{display:block;white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.user-mini strong{font-size:12px;color:#fff}.user-mini small{font-size:10px;color:#7e8ba2;margin-top:2px}.main{min-width:0}.topbar{height:84px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:15px 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.topbar-left,.topbar-actions,.profile-chip{display:flex;align-items:center}.topbar-left{gap:12px}.topbar h1{margin:0;font-size:21px;letter-spacing:-.02em}.topbar p{margin:4px 0 0;color:var(--muted);font-size:11px}.topbar-actions{gap:9px}.icon-button{position:relative;border:1px solid var(--line);background:var(--surface);color:#667085;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:.2s}.icon-button:hover{border-color:#c8c2ff;color:var(--primary);transform:translateY(-1px)}.logout-button{background:transparent;border-color:transparent;color:#ef7b7b}.mobile-menu{display:none}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#f04438;right:8px;top:7px;border:2px solid #fff}.global-search{width:230px;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:#98a2b3}.global-search svg{width:17px}.global-search input{border:0;box-shadow:none;background:transparent;padding:0;width:100%;font-size:12px;color:var(--text);outline:0}.profile-chip{gap:9px;margin-left:3px}.avatar{width:38px;height:38px;background:var(--primary-soft);color:var(--primary);font-size:13px}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:12px}.profile-chip small{font-size:10px;color:var(--muted);margin-top:2px}.content{padding:26px 30px 40px;max-width:1650px;margin:0 auto;width:100%}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:13px}.alert.success{background:#ecfdf3;color:#027a48}.alert.error{background:#fff1f3;color:#c01048}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome-row h2{font-size:26px;margin:5px 0 7px;letter-spacing:-.035em}.welcome-row p{margin:0;color:var(--muted);font-size:13px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.16em;color:var(--primary);font-weight:900}.welcome-date{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:9px 13px;border-radius:14px;box-shadow:0 4px 15px rgba(15,23,42,.03)}.welcome-date>span{font-size:25px;font-weight:850;color:var(--primary)}.welcome-date strong,.welcome-date small{display:block}.welcome-date strong{font-size:11px}.welcome-date small{font-size:10px;color:var(--muted);margin-top:2px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px 19px;box-shadow:0 7px 22px rgba(15,23,42,.035);overflow:hidden;transition:.2s}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metric-card.accent-purple{--accent:#6d5dfc}.metric-card.accent-green{--accent:#12b76a}.metric-card.accent-orange{--accent:#f79009}.metric-card.accent-blue{--accent:#2e90fa}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:900}.trend{font-size:9px;border-radius:20px;padding:4px 7px;font-weight:800}.trend.positive{background:#ecfdf3;color:#027a48}.trend.neutral{background:#f2f4f7;color:#667085}.metric-label{display:block;color:var(--muted);font-size:11px;margin-top:15px}.metric-card strong{display:block;font-size:23px;margin:6px 0;letter-spacing:-.035em}.metric-card small{color:#98a2b3;font-size:10px}.dashboard-grid{display:grid;gap:18px;margin-bottom:18px}.main-grid{grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr)}.lower-grid{grid-template-columns:1fr 1fr 1fr}.panel,.card,.stat{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 22px rgba(15,23,42,.035)}.panel{padding:20px}.panel-head,.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h3,.card h2,.card h3{margin:3px 0 0;font-size:16px;letter-spacing:-.02em}.text-link{font-size:10px;color:var(--primary);font-weight:750}.chart-panel{min-height:315px}.chart-legend{display:flex;gap:16px;justify-content:flex-end;margin-top:-3px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.collections,.bar.collections{background:#6d5dfc}.legend-dot.expenses,.bar.expenses{background:#d8d3ff}.bar-chart{height:210px;display:flex;gap:18px;align-items:flex-end;padding:20px 8px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#f0f2f6 50px)}.bar-group{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px}.bars{height:170px;display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%}.bar{display:block;width:min(18px,30%);border-radius:6px 6px 2px 2px;min-height:4px;transition:.25s}.bar-group:hover .bar{filter:brightness(.92)}.bar-group>span{font-size:9px;color:var(--muted)}.overview-list{display:grid;gap:4px}.overview-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;transition:.18s}.overview-list a:hover{background:var(--surface-2)}.overview-icon,.quick-icon{display:grid;place-items:center;border-radius:11px;font-weight:850}.overview-icon{width:37px;height:37px;font-size:9px}.overview-icon.purple,.quick-icon.purple{background:#eeecff;color:#6d5dfc}.overview-icon.blue,.quick-icon.blue{background:#eff8ff;color:#1570ef}.overview-icon.green,.quick-icon.green{background:#ecfdf3;color:#027a48}.overview-icon.orange,.quick-icon.orange{background:#fff7e8;color:#dc6803}.overview-list div{flex:1}.overview-list strong,.overview-list small{display:block}.overview-list strong{font-size:16px}.overview-list small{font-size:10px;color:var(--muted);margin-top:2px}.overview-list b{color:#b1b8c6;font-size:17px}.quick-actions.modern{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-actions.modern a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:11px;transition:.18s}.quick-actions.modern a:hover{border-color:#cfc8ff;background:#fbfaff}.quick-icon{width:34px;height:34px;font-size:15px}.quick-actions.modern div{flex:1}.quick-actions.modern strong,.quick-actions.modern small{display:block}.quick-actions.modern strong{font-size:11px}.quick-actions.modern small{color:#98a2b3;font-size:9px;margin-top:3px}.quick-actions.modern b{color:#bcc2ce}.request-list{display:grid;gap:4px}.request-list a{display:flex;align-items:center;gap:9px;padding:9px 5px;border-bottom:1px solid #f0f2f5}.request-list a:last-child{border-bottom:0}.request-list div{flex:1;min-width:0}.request-list strong,.request-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-list strong{font-size:10px}.request-list small{font-size:9px;color:var(--muted);margin-top:3px}.priority-dot{width:8px;height:8px;border-radius:50%}.priority-dot.low{background:#98a2b3}.priority-dot.normal{background:#2e90fa}.priority-dot.high{background:#f79009}.priority-dot.urgent{background:#f04438;box-shadow:0 0 0 4px #fee4e2}.request-status{font-size:8px;padding:4px 6px;border-radius:15px;background:#f2f4f7;color:#667085}.request-status.in_progress{background:#fff7e8;color:#b54708}.timeline{display:grid;gap:11px}.timeline-item{display:flex;gap:10px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:4px;top:13px;bottom:-12px;width:1px;background:var(--line)}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#8374ff;margin-top:5px;flex:none}.timeline p{font-size:10px;line-height:1.45;margin:0}.timeline small{display:block;font-size:8px;color:#98a2b3;margin-top:3px}.empty-state{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;color:#027a48;font-weight:900}.empty-state strong{font-size:11px;margin-top:9px}.empty-state small{font-size:9px;color:var(--muted);margin-top:3px}.ai-fab{position:fixed;right:28px;bottom:25px;border:0;border-radius:16px;background:linear-gradient(135deg,#111827,#4a3eb5);color:#fff;padding:10px 16px 10px 11px;display:flex;gap:9px;align-items:center;box-shadow:0 15px 35px rgba(43,36,111,.3);cursor:pointer;z-index:60}.ai-fab>span{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:18px}.ai-fab strong,.ai-fab small{display:block;text-align:left}.ai-fab strong{font-size:11px}.ai-fab small{font-size:8px;color:#c9c3ff;margin-top:2px}.toast{position:fixed;right:28px;bottom:88px;background:#111827;color:#fff;padding:12px 15px;border-radius:11px;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.22s;z-index:70}.toast.show{opacity:1;transform:none}.sidebar-backdrop{display:none}.page-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.form-stack{display:grid;gap:13px;align-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid h3,.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;font-size:11px;font-weight:650;color:#344054}input,select,textarea{width:100%;border:1px solid #d8dce5;border-radius:10px;padding:10px 11px;background:var(--surface);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#8172e8;box-shadow:0 0 0 3px #eeebff}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.btn.primary{background:#6555d9;color:#fff}.btn.danger{background:#fff1f3;color:#c01048}.btn.small{padding:7px 10px;font-size:10px}.btn.full{width:100%}.badge{background:#f2f4f7;color:#475467;border-radius:99px;padding:5px 9px;font-size:10px}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:18px 20px;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:13px 16px;text-align:left;border-top:1px solid var(--line);vertical-align:middle}th{background:var(--surface-2);color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.status{display:inline-block;border-radius:99px;padding:5px 8px;font-size:9px}.status.ok{background:#ecfdf3;color:#027a48}.status.neutral{background:#f2f4f7;color:#475467}.status.warn{background:#fffaeb;color:#b54708}.status.bad{background:#fff1f3;color:#c01048}.empty,.muted{color:var(--muted)}.auth-shell{background:radial-gradient(circle at top left,#ece9ff 0,transparent 38%),#f7f8fc}.auth-main{min-height:100vh;display:grid;place-items:center;padding:30px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:22px;padding:34px;box-shadow:0 20px 70px rgba(16,24,40,.10)}.auth-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6c5ce7,#8e7cff);color:white;font-weight:800}.auth-card h1{margin:20px 0 8px}.auth-card p{margin:0 0 24px;color:#667085}.auth-card form{display:grid;gap:16px}.install-wrap{width:min(820px,100%)}.install-head{display:flex;gap:16px;align-items:center;margin-bottom:20px}.inline-update{display:grid;grid-template-columns:130px minmax(170px,1fr) auto;gap:7px;min-width:430px}.report-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end;margin-bottom:20px}.dark{--bg:#0b1120;--surface:#121a2a;--surface-2:#182234;--text:#eef2f7;--muted:#8995a8;--line:#263247}.dark .topbar{background:rgba(18,26,42,.92)}.dark .metric-icon{background:var(--surface-2)}.dark .trend.neutral,.dark .badge,.dark .request-status{background:#202b3d}.dark input,.dark select,.dark textarea{background:#121a2a;border-color:#344057}.dark .global-search{background:#182234}.dark .notification-dot{border-color:#121a2a}
@media(max-width:1200px){.lower-grid{grid-template-columns:1fr 1fr}.activity-panel{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:-285px;width:270px;transition:.25s}.sidebar-open .sidebar{left:0}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(3,8,18,.5);z-index:40}.sidebar-close,.mobile-menu{display:grid}.topbar{padding:14px 18px}.global-search,.profile-chip>div{display:none}.content{padding:20px 18px}.main-grid,.lower-grid,.page-grid{grid-template-columns:1fr}.activity-panel{grid-column:auto}}
@media(max-width:620px){.welcome-row{align-items:flex-start}.welcome-date{display:none}.welcome-row h2{font-size:22px}.metric-grid{grid-template-columns:1fr}.quick-actions.modern{grid-template-columns:1fr}.topbar-actions{gap:6px}.topbar-actions .icon-button:first-of-type{display:none}.chart-panel{overflow:hidden}.bar-chart{gap:8px}.panel{padding:16px}.form-grid,.two,.report-filter{grid-template-columns:1fr}.ai-fab div{display:none}.ai-fab{padding:8px;right:17px;bottom:17px}}

/* BaranYönetim premium login v1.3.2 */
.auth-shell{background:#f4f6fb}.auth-main{min-height:100vh;display:block;padding:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(480px,.92fr);background:#fff}.login-showcase{position:relative;overflow:hidden;padding:50px 58px 42px;color:#fff;background:linear-gradient(145deg,#0d1528 0%,#171f3d 54%,#372b89 100%);display:flex;flex-direction:column}.login-showcase:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-190px;background:radial-gradient(circle,rgba(126,104,255,.35),rgba(126,104,255,0) 67%)}.login-showcase:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-190px;bottom:-210px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018)}.login-brand,.login-showcase-copy,.login-showcase-footer{position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:14px}.login-brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7965ff,#9b8bff);box-shadow:0 14px 35px rgba(80,61,205,.42)}.login-brand-mark svg{width:30px;height:30px;stroke:#fff;stroke-width:2;fill:none}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:19px;letter-spacing:-.02em}.login-brand small{margin-top:3px;font-size:11px;color:#bfc6dd}.login-showcase-copy{margin:auto 0;max-width:610px}.login-eyebrow{display:inline-flex;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);font-size:9px;font-weight:800;letter-spacing:.14em;color:#cfcaff}.login-showcase-copy h1{font-size:clamp(39px,4vw,64px);line-height:1.06;letter-spacing:-.045em;margin:24px 0 20px}.login-showcase-copy>p{max-width:560px;font-size:16px;line-height:1.75;color:#c4ccdf;margin:0}.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.login-benefits>div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:16px;padding:17px;backdrop-filter:blur(10px)}.login-benefits>div>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#8172ff;color:#fff;font-weight:900;font-size:11px;margin-bottom:12px}.login-benefits strong,.login-benefits small{display:block}.login-benefits strong{font-size:12px}.login-benefits small{font-size:9px;line-height:1.5;color:#9da9c2;margin-top:5px}.login-showcase-footer{display:flex;align-items:center;gap:9px;font-size:10px;color:#aeb8cf}.status-pulse{width:8px;height:8px;border-radius:50%;background:#33d17a;box-shadow:0 0 0 5px rgba(51,209,122,.12)}.login-panel{display:grid;place-items:center;padding:50px}.login-form-wrap{width:min(440px,100%)}.login-mobile-brand{display:none}.login-heading{margin-bottom:32px}.login-mini-label{display:block;color:#6959df;font-size:9px;font-weight:850;letter-spacing:.14em;margin-bottom:12px}.login-heading h2{font-size:35px;letter-spacing:-.04em;margin:0 0 10px;color:#101828}.login-heading p{font-size:13px;line-height:1.65;color:#667085;margin:0}.premium-login-form{display:grid;gap:19px}.premium-login-form label>span{font-size:11px;font-weight:750;color:#344054}.login-input-wrap{position:relative;margin-top:8px}.login-input-wrap>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8b95a7;stroke-width:1.7;z-index:2}.login-input-wrap input{height:52px;padding:0 48px 0 45px;border-radius:13px;background:#fbfcfe;border:1px solid #dce1ea;font-size:12px;color:#101828;transition:.2s}.login-input-wrap input::placeholder{color:#abb3c2}.login-input-wrap input:focus{background:#fff;border-color:#7967e8;box-shadow:0 0 0 4px rgba(121,103,232,.11)}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;border-radius:9px;background:transparent;color:#9aa3b2;display:grid;place-items:center;cursor:pointer}.password-toggle:hover,.password-toggle.active{background:#f0edff;color:#6959df}.password-toggle svg{width:17px;height:17px}.login-form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.remember-option{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;font-size:10px!important;font-weight:600!important;cursor:pointer}.remember-option input{width:15px;height:15px;accent-color:#6959df}.secure-login{font-size:9px;color:#667085}.secure-login span{color:#12b76a}.premium-login-button{height:54px;border:0;border-radius:14px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#6857dd,#7866ef);color:#fff;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 13px 28px rgba(104,87,221,.25);transition:.2s}.premium-login-button:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(104,87,221,.32)}.premium-login-button svg{width:17px;height:17px}.login-support{text-align:center;color:#98a2b3;font-size:9px;line-height:1.6;margin-top:28px}.auth-shell .alert{position:fixed;top:18px;right:18px;z-index:100;max-width:390px;box-shadow:0 12px 35px rgba(16,24,40,.15)}
@media(max-width:1050px){.login-shell{grid-template-columns:minmax(360px,.85fr) minmax(430px,1.15fr)}.login-showcase{padding:38px}.login-benefits{grid-template-columns:1fr}.login-benefits>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px}.login-benefits>div>span{grid-row:1/3;margin:0}.login-showcase-copy h1{font-size:42px}}
@media(max-width:780px){.login-shell{display:block;background:radial-gradient(circle at top,#ebe7ff 0,transparent 34%),#f5f7fb}.login-showcase{display:none}.login-panel{min-height:100vh;padding:28px 22px}.login-form-wrap{background:#fff;border:1px solid #e3e7ee;border-radius:24px;padding:30px 25px;box-shadow:0 20px 65px rgba(16,24,40,.10)}.login-mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:38px}.login-mobile-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6857dd,#8979ff);color:#fff;font-weight:900}.login-mobile-brand strong,.login-mobile-brand small{display:block}.login-mobile-brand strong{font-size:15px;color:#101828}.login-mobile-brand small{font-size:9px;color:#7c8798;margin-top:3px}.login-heading h2{font-size:29px}.login-form-meta{gap:10px}.auth-shell .alert{left:18px;right:18px;max-width:none}}

/* BaranYönetim role portals + 2FA v1.3.4 */
.portal-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.08fr) minmax(500px,.92fr);background:#fff}.portal-hero{position:relative;overflow:hidden;padding:48px 58px 40px;color:#fff;background:linear-gradient(145deg,#0b1325 0%,#17213f 55%,#493aa6 100%);display:flex;flex-direction:column}.portal-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-230px;top:-220px;background:radial-gradient(circle,rgba(137,116,255,.42),transparent 68%)}.portal-brand,.portal-copy,.portal-hero .login-showcase-footer{position:relative;z-index:2}.portal-brand{display:flex;align-items:center;gap:13px}.portal-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#725eff,#a292ff);font-weight:900;box-shadow:0 14px 35px rgba(74,54,190,.42)}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{font-size:19px}.portal-brand small{font-size:10px;color:#b9c3da;margin-top:3px}.portal-copy{margin:auto 0;max-width:650px}.portal-copy h1{font-size:clamp(42px,4.4vw,68px);line-height:1.04;letter-spacing:-.05em;margin:25px 0 20px}.portal-copy>p{font-size:15px;line-height:1.75;color:#c7cee0;max-width:600px}.portal-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:36px}.portal-trust-grid>div{padding:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:15px}.portal-trust-grid b,.portal-trust-grid strong,.portal-trust-grid small{display:block}.portal-trust-grid b{color:#9d8eff;font-size:10px}.portal-trust-grid strong{font-size:11px;margin-top:10px}.portal-trust-grid small{font-size:9px;color:#9faac2;margin-top:4px}.portal-access{display:grid;place-items:center;padding:48px}.portal-access-wrap{width:min(470px,100%)}.portal-access h2{font-size:36px;letter-spacing:-.04em;margin:11px 0 8px}.portal-access-wrap>p{color:#667085;font-size:13px;margin:0 0 28px}.portal-cards{display:grid;gap:13px}.portal-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:15px;border:1px solid #e2e6ed;border-radius:18px;padding:18px;background:#fff;box-shadow:0 8px 25px rgba(15,23,42,.035);transition:.2s}.portal-card:hover{transform:translateY(-2px);border-color:#cfc8ff;box-shadow:0 15px 35px rgba(15,23,42,.08)}.portal-card-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center}.portal-card.company .portal-card-icon{background:#eeecff;color:#6959df}.portal-card.resident .portal-card-icon{background:#eaf8f2;color:#087f5b}.portal-card-icon svg{width:25px;height:25px}.portal-card div>span,.portal-card strong,.portal-card small{display:block}.portal-card div>span{font-size:8px;letter-spacing:.12em;font-weight:850;color:#98a2b3}.portal-card strong{font-size:15px;margin:5px 0}.portal-card small{font-size:9px;line-height:1.55;color:#667085}.portal-card>b{font-size:20px;color:#a7afbd}.portal-security-note{display:flex;gap:12px;align-items:flex-start;background:#f7f8fc;border:1px solid #eaecf0;border-radius:15px;padding:15px;margin-top:18px}.portal-security-note svg{color:#6959df;flex:0 0 auto}.portal-security-note strong,.portal-security-note small{display:block}.portal-security-note strong{font-size:10px}.portal-security-note small{font-size:9px;color:#667085;line-height:1.55;margin-top:3px}.role-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);background:#fff}.role-login-side{position:relative;color:#fff;padding:44px 52px;display:flex;flex-direction:column;overflow:hidden}.company-login .role-login-side{background:linear-gradient(150deg,#0c1528,#1b2750 60%,#5141ad)}.resident-login .role-login-side{background:linear-gradient(150deg,#0d2623,#16433c 60%,#1d7868)}.role-login-side:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-200px;bottom:-180px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 70px rgba(255,255,255,.025)}.back-portal{position:relative;z-index:2;font-size:10px;color:#d8def0}.role-side-copy{position:relative;z-index:2;margin:auto 0;max-width:580px}.role-side-copy h1{font-size:clamp(40px,4vw,60px);line-height:1.06;letter-spacing:-.045em;margin:24px 0 18px}.role-side-copy>p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.72)}.role-feature-list{display:grid;gap:11px;margin-top:32px;font-size:11px;color:rgba(255,255,255,.88)}.role-login-panel{display:grid;place-items:center;padding:50px}.role-form-wrap{width:min(440px,100%)}.role-form-wrap h2{font-size:34px;letter-spacing:-.04em;margin:10px 0 8px}.role-form-intro{color:#667085;font-size:13px;line-height:1.6;margin:0 0 29px}.resident-button{background:linear-gradient(135deg,#137b69,#249580);box-shadow:0 13px 28px rgba(19,123,105,.22)}.twofa-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top,#e9e5ff,transparent 35%),#f5f7fb}.twofa-card{width:min(460px,100%);background:#fff;border:1px solid #e2e6ed;border-radius:24px;padding:38px;text-align:center;box-shadow:0 24px 70px rgba(16,24,40,.12)}.twofa-shield{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;margin:0 auto 24px;background:#eeecff;color:#6959df}.twofa-shield svg{width:32px;height:32px}.twofa-card h1{font-size:28px;letter-spacing:-.035em;margin:10px 0}.twofa-card p{color:#667085;font-size:12px;line-height:1.65}.twofa-card form{display:grid;gap:15px;margin:25px 0}.twofa-code{height:64px!important;text-align:center;font-size:27px!important;font-weight:850;letter-spacing:.28em;padding-left:18px!important}.twofa-card>a{font-size:10px;color:#6959df}.security-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#151d35,#40338f);color:#fff;border-radius:20px;padding:25px 28px;margin-bottom:18px}.security-hero h2{font-size:25px;margin:7px 0}.security-hero p{margin:0;color:#c9cee0;font-size:12px}.security-state{padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.1);font-size:10px}.security-state.enabled{background:#d1fadf;color:#05603a}.security-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.security-card{padding:23px}.security-step{display:flex;gap:14px;margin-bottom:22px}.security-step>b{width:31px;height:31px;border-radius:10px;background:#eeecff;color:#6959df;display:grid;place-items:center;flex:0 0 auto}.security-step h3{font-size:14px;margin:2px 0 5px}.security-step p{font-size:10px;color:#667085;line-height:1.6;margin:0}.secret-code{display:block;word-break:break-all;background:#111827;color:#d8d3ff;padding:13px;border-radius:10px;margin:13px 0;font-size:12px;letter-spacing:.09em}.otpauth-details{margin-top:16px;font-size:10px}.otpauth-details code{display:block;word-break:break-all;margin-top:8px;color:#667085}.form-grid.one{grid-template-columns:1fr}.security-enabled-card{display:flex;align-items:center;gap:18px;padding:25px;margin-bottom:18px}.security-check{width:52px;height:52px;border-radius:16px;background:#d1fadf;color:#067647;display:grid;place-items:center;font-size:24px;font-weight:900}.security-enabled-card h3{margin:0 0 6px}.security-enabled-card p,.security-enabled-card small,.security-disable-card p{color:#667085;font-size:10px}.security-disable-card{max-width:620px;padding:24px}.security-disable-card form{display:flex;align-items:end;gap:12px}.security-disable-card label{flex:1}
@media(max-width:900px){.portal-shell,.role-login-shell{display:block}.portal-hero,.role-login-side{display:none}.portal-access,.role-login-panel{min-height:100vh;padding:27px 21px;background:radial-gradient(circle at top,#eae6ff,transparent 35%),#f5f7fb}.portal-access-wrap,.role-form-wrap{background:#fff;border:1px solid #e2e6ed;border-radius:24px;padding:27px 23px;box-shadow:0 20px 65px rgba(16,24,40,.1)}.portal-access h2,.role-form-wrap h2{font-size:29px}.security-grid{grid-template-columns:1fr}}
@media(max-width:560px){.portal-card{grid-template-columns:48px 1fr;padding:15px}.portal-card>b{display:none}.portal-card-icon{width:46px;height:46px}.security-hero{align-items:flex-start;gap:12px}.security-disable-card form{display:grid}.twofa-card{padding:28px 22px}}
/* BaranYönetim 2FA v1.3.5 */
.twofa-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;border:1px solid var(--border,#e5e7eb);border-radius:18px;background:#fff;margin:18px 0}.twofa-qr{width:244px;min-height:244px;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08)}.twofa-qr img,.twofa-qr canvas{display:block!important;width:220px!important;height:220px!important}.twofa-qr-note{max-width:430px;text-align:center;font-size:12px;line-height:1.55;color:#64748b}.twofa-qr-fallback{text-align:center;padding:28px 12px;color:#64748b;font-size:14px;line-height:1.6}.secret-code{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;letter-spacing:2px;margin:12px 0}@media(max-width:600px){.twofa-qr{width:216px;min-height:216px}.twofa-qr img,.twofa-qr canvas{width:192px!important;height:192px!important}}


/* BaranYönetim v1.4.0 düzeltmeleri */
.notification-wrap{position:relative}.notification-count{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#f04438;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900;display:grid;place-items:center}.notification-dropdown{position:absolute;right:0;top:50px;width:360px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 60px rgba(15,23,42,.18);padding:10px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s;z-index:100}.notification-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 12px;border-bottom:1px solid var(--line)}.notification-head strong,.notification-head small{display:block}.notification-head strong{font-size:13px}.notification-head small{font-size:9px;color:var(--muted);margin-top:3px}.notification-head>a{font-size:9px;font-weight:800;color:var(--primary)}.notification-list{padding-top:6px;max-height:340px;overflow:auto}.notification-list>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px}.notification-list>a:hover{background:var(--surface-2)}.notification-icon{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.notification-icon svg{width:17px;height:17px}.notification-list div{min-width:0}.notification-list strong,.notification-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-list strong{font-size:10px}.notification-list small{font-size:8px;color:var(--muted);margin-top:4px}.notification-empty{padding:25px 12px;text-align:center;color:var(--muted);font-size:10px}.twofa-qr>svg{display:block!important;width:220px!important;height:220px!important;max-width:none!important;flex:0 0 220px!important;stroke:none!important}.twofa-qr>svg path{stroke:none!important}.twofa-qr>svg rect{stroke:none!important}@media(max-width:600px){.notification-dropdown{position:fixed;left:14px;right:14px;top:70px;width:auto}.twofa-qr>svg{width:192px!important;height:192px!important;flex-basis:192px!important}}

/* BaranYönetim v1.4.1 kurumsal logo */
.brand-mark,.portal-logo,.login-mobile-mark{padding:0;overflow:hidden;background:transparent!important;box-shadow:0 10px 26px rgba(83,64,201,.28)}
.brand-mark img,.portal-logo img,.login-mobile-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-mark{transition:transform .2s ease,box-shadow .2s ease}
.brand:hover .brand-mark{transform:translateY(-1px) scale(1.035);box-shadow:0 14px 30px rgba(83,64,201,.34)}
.portal-logo{transition:transform .22s ease}
.portal-brand:hover .portal-logo{transform:translateY(-2px) rotate(-1deg) scale(1.04)}
.login-mobile-mark{width:44px;height:44px;border-radius:14px}

/* BaranYönetim v1.4.2 - Demo üyelik yönetimi */
.demo-readonly-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 18px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);border-radius:14px;color:#92400e}.demo-readonly-banner strong{font-size:14px}.demo-readonly-banner span{font-size:13px;color:#a16207}.demo-admin-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start}.demo-info-box{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--soft-bg)}.demo-info-box strong{font-size:13px}.demo-info-box span{font-size:12px;color:var(--muted)}.user-admin-list{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}.user-admin-item{border:1px solid var(--border);border-radius:15px;background:var(--card);overflow:hidden}.user-admin-item summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.user-admin-item summary::-webkit-details-marker{display:none}.user-admin-summary{display:flex;flex:1;min-width:0;flex-direction:column}.user-admin-summary strong,.user-admin-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-admin-summary small{color:var(--muted);font-size:12px;margin-top:3px}.user-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border-top:1px solid var(--border);background:var(--soft-bg)}.user-edit-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.user-edit-form label small{font-weight:400;color:var(--muted)}.user-edit-form .form-check,.user-edit-form button{align-self:end}.user-edit-form button{min-height:44px}.status.warning{background:rgba(245,158,11,.12);color:#b45309;border-color:rgba(245,158,11,.25)}
@media(max-width:1050px){.demo-admin-grid{grid-template-columns:1fr}.user-edit-form{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.user-admin-item summary{align-items:flex-start;flex-wrap:wrap}.user-admin-summary{min-width:180px}.user-edit-form{grid-template-columns:1fr}.demo-readonly-banner{align-items:flex-start;flex-direction:column;gap:3px}}

/* BaranYönetim v1.4.2 - Demo üyelik yönetimi */
.demo-readonly-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 18px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);border-radius:14px;color:#92400e}.demo-readonly-banner strong{font-size:14px}.demo-readonly-banner span{font-size:13px;color:#a16207}.demo-admin-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start}.demo-info-box{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--soft-bg)}.demo-info-box strong{font-size:13px}.demo-info-box span{font-size:12px;color:var(--muted)}.user-admin-list{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}.user-admin-item{border:1px solid var(--border);border-radius:15px;background:var(--card);overflow:hidden}.user-admin-item summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.user-admin-item summary::-webkit-details-marker{display:none}.user-admin-summary{display:flex;flex:1;min-width:0;flex-direction:column}.user-admin-summary strong,.user-admin-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-admin-summary small{color:var(--muted);font-size:12px;margin-top:3px}.user-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border-top:1px solid var(--border);background:var(--soft-bg)}.user-edit-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.user-edit-form label small{font-weight:400;color:var(--muted)}.user-edit-form .form-check,.user-edit-form button{align-self:end}.user-edit-form button{min-height:44px}.status.warning{background:rgba(245,158,11,.12);color:#b45309;border-color:rgba(245,158,11,.25)}
@media(max-width:1050px){.demo-admin-grid{grid-template-columns:1fr}.user-edit-form{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.user-admin-item summary{align-items:flex-start;flex-wrap:wrap}.user-admin-summary{min-width:180px}.user-edit-form{grid-template-columns:1fr}.demo-readonly-banner{align-items:flex-start;flex-direction:column;gap:3px}}


/* BaranYönetim UI polish v1.4.3 */
.portal-mobile-brand{display:none}
.form-stack.card,.report-filter.card{padding:24px}
.form-stack .card-head{margin-bottom:4px}
.form-stack .card-head h2{margin:0;font-size:18px}
.form-stack{gap:16px}
.form-stack label{gap:8px}
.form-stack input,.form-stack select,.form-stack textarea{min-height:44px;border-radius:12px;padding:11px 13px}
.form-stack textarea{min-height:auto}
.form-stack .btn.primary{min-height:46px;border-radius:12px;font-size:13px}
.page-grid{align-items:start}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
.stat{padding:18px 20px;display:flex;min-width:0;flex-direction:column;gap:7px;overflow:hidden}
.stat span{color:var(--muted);font-size:11px;font-weight:650}
.stat strong{display:block;font-size:22px;line-height:1.15;letter-spacing:-.035em;white-space:nowrap}
.report-filter{padding:20px 22px!important;border-radius:17px}
.report-filter label{gap:8px}
.report-filter input,.report-filter select{min-height:44px;border-radius:12px}
.report-filter .btn{min-height:44px;border-radius:12px;padding-inline:20px}
.table-card td strong+small{display:block;margin-top:4px;color:var(--muted);font-weight:400;line-height:1.45}
.content>.page-grid,.content>.report-filter,.content>.stat-grid,.content>.card{scroll-margin-top:105px}

@media(max-width:1100px){
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .portal-access{display:block!important;min-height:100dvh!important;padding:14px!important;background:linear-gradient(180deg,#f1eeff 0,#f7f8fc 34%,#f7f8fc 100%)!important}
  .portal-access-wrap{width:100%!important;max-width:560px;margin:0 auto!important;padding:22px 20px 24px!important;border-radius:22px!important;box-shadow:0 16px 45px rgba(16,24,40,.09)!important}
  .portal-mobile-brand{display:flex;align-items:center;gap:11px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf0f5}
  .portal-mobile-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6756e4,#8b78ff);box-shadow:0 9px 22px rgba(101,85,217,.22)}
  .portal-mobile-logo img{width:27px;height:27px;display:block}
  .portal-mobile-brand strong,.portal-mobile-brand small{display:block}
  .portal-mobile-brand strong{font-size:15px;color:#111827}
  .portal-mobile-brand small{font-size:9px;color:#7a8496;margin-top:3px}
  .portal-access h2{margin-top:8px!important;font-size:28px!important;line-height:1.1}
  .portal-access-wrap>p{margin-bottom:22px!important}
  .portal-card{border-radius:16px!important;padding:15px!important}
  .portal-security-note{margin-top:14px!important}
  .content{padding:20px 18px 34px}
  .form-stack.card,.report-filter.card{padding:20px}
}

@media(max-width:640px){
  .portal-access{padding:10px!important}
  .portal-access-wrap{padding:20px 16px 20px!important;border-radius:20px!important}
  .portal-mobile-brand{margin-bottom:17px;padding-bottom:15px}
  .portal-access h2{font-size:25px!important}
  .portal-card{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important}
  .portal-card small{font-size:10px!important}
  .portal-security-note{padding:13px!important}
  .content{padding:16px 12px 30px}
  .page-grid{gap:14px}
  .form-stack.card,.report-filter.card{padding:18px 16px}
  .form-stack .two{grid-template-columns:1fr;gap:14px}
  .form-stack .card-head h2{font-size:17px}
  .stat-grid{grid-template-columns:1fr;gap:10px}
  .stat{padding:15px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px}
  .stat span{font-size:11px}
  .stat strong{font-size:18px;text-align:right}
  .report-filter{grid-template-columns:1fr!important;gap:13px!important}
  .report-filter .btn{width:100%}
  .table-card .card-head{padding:16px}
  th,td{padding:12px 13px}
}

/* BaranYönetim giriş ekranı responsive düzeltme v1.4.4 */
@media (min-width:901px){
  .portal-shell{height:100vh;min-height:720px;overflow:hidden}
  .portal-hero,.portal-access{height:100vh;min-height:720px}
  .portal-access{padding:28px 44px;overflow:hidden}
  .portal-access-wrap{width:min(430px,100%);max-height:calc(100vh - 56px)}
  .portal-mobile-brand{display:none!important}
  .portal-access h2{font-size:32px;margin:9px 0 7px}
  .portal-access-wrap>p{margin-bottom:20px}
  .portal-card{grid-template-columns:48px 1fr auto;gap:13px;padding:14px 15px;border-radius:16px}
  .portal-card-icon{width:46px;height:46px;border-radius:13px}
  .portal-card-icon svg{width:22px;height:22px}
  .portal-card strong{font-size:14px;margin:4px 0}
  .portal-card small{font-size:8.5px}
  .portal-security-note{padding:12px 14px;margin-top:13px}
}

@media (max-width:900px){
  .portal-access{
    display:grid!important;
    place-items:center!important;
    min-height:100dvh!important;
    padding:24px 14px!important;
  }
  .portal-access-wrap{
    width:min(560px,100%)!important;
    margin:auto!important;
  }
  .portal-mobile-brand{display:flex!important}
}

@media (max-width:640px){
  .portal-access{padding:18px 12px!important}
  .portal-access-wrap{margin:auto!important}
}

/* =========================================================
   BaranYönetim — Mobil Giriş Merkezi Premium UI v1.4.6
   Yalnızca tablet ve telefon görünümünü etkiler.
   ========================================================= */
@media (max-width:900px){
  .portal-shell{
    min-height:100dvh!important;
    background:#f4f6fb!important;
  }

  .portal-access{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:100dvh!important;
    padding:max(22px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom))!important;
    overflow:auto!important;
    background:
      radial-gradient(circle at 12% 5%,rgba(113,92,235,.16),transparent 31%),
      radial-gradient(circle at 96% 92%,rgba(61,184,143,.09),transparent 29%),
      linear-gradient(180deg,#f7f5ff 0%,#f5f7fb 46%,#f3f6fa 100%)!important;
  }

  .portal-access-wrap{
    position:relative!important;
    width:min(520px,100%)!important;
    margin:auto!important;
    padding:24px 20px 21px!important;
    border:1px solid rgba(216,220,232,.92)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 24px 65px rgba(26,35,58,.12),0 2px 8px rgba(26,35,58,.04)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
  }

  .portal-access-wrap:before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;
    height:4px;
    background:linear-gradient(90deg,#705ce9,#8b74ff 58%,#5dcaad);
  }

  .portal-mobile-brand{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin:0 0 20px!important;
    padding:0 0 18px!important;
    border-bottom:1px solid #edf0f5!important;
  }

  .portal-mobile-logo{
    flex:0 0 auto!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:transparent!important;
    box-shadow:0 10px 24px rgba(93,73,211,.24)!important;
  }

  .portal-mobile-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  .portal-mobile-brand strong{
    font-size:16px!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
    color:#111827!important;
  }

  .portal-mobile-brand small{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.35!important;
    color:#7b8495!important;
  }

  .portal-access .login-mini-label{
    display:inline-flex!important;
    align-items:center!important;
    min-height:25px!important;
    margin:0 0 11px!important;
    padding:0 10px!important;
    border-radius:99px!important;
    background:#f0edff!important;
    color:#6352d6!important;
    font-size:8px!important;
    letter-spacing:.14em!important;
  }

  .portal-access h2{
    margin:0 0 8px!important;
    font-size:29px!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    color:#111827!important;
  }

  .portal-access-wrap>p{
    margin:0 0 22px!important;
    font-size:12px!important;
    line-height:1.55!important;
    color:#6d7789!important;
  }

  .portal-cards{
    display:grid!important;
    gap:12px!important;
  }

  .portal-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr) 26px!important;
    align-items:center!important;
    gap:13px!important;
    min-height:88px!important;
    padding:15px!important;
    border:1px solid #e2e6ee!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(22,31,50,.045)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }

  .portal-card:active{
    transform:scale(.985)!important;
    border-color:#afa5ee!important;
    box-shadow:0 4px 13px rgba(79,63,179,.10)!important;
  }

  .portal-card-icon{
    width:50px!important;
    height:50px!important;
    border-radius:15px!important;
  }

  .portal-card-icon svg{
    width:24px!important;
    height:24px!important;
  }

  .portal-card>div{
    min-width:0!important;
  }

  .portal-card>div>span{
    display:block!important;
    margin:0 0 4px!important;
    font-size:7.5px!important;
    line-height:1.25!important;
    letter-spacing:.14em!important;
    color:#98a2b3!important;
  }

  .portal-card strong{
    display:block!important;
    margin:0 0 5px!important;
    font-size:15px!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
    color:#101828!important;
  }

  .portal-card small{
    display:block!important;
    font-size:9.5px!important;
    line-height:1.45!important;
    color:#707b8e!important;
  }

  .portal-card>b{
    display:grid!important;
    place-items:center!important;
    width:26px!important;
    height:26px!important;
    border-radius:50%!important;
    background:#f5f6f9!important;
    color:#8e99aa!important;
    font-size:14px!important;
  }

  .portal-security-note{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    margin:14px 0 0!important;
    padding:13px 14px!important;
    border:1px solid #e7eaf1!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#fafbfe,#f7f8fc)!important;
  }

  .portal-security-note svg{
    width:22px!important;
    height:22px!important;
    margin:auto!important;
  }

  .portal-security-note strong{
    display:block!important;
    margin-bottom:3px!important;
    font-size:10px!important;
    color:#263044!important;
  }

  .portal-security-note small{
    display:block!important;
    font-size:8.5px!important;
    line-height:1.45!important;
    color:#7b8495!important;
  }
}

@media (max-width:430px){
  .portal-access{
    align-items:center!important;
    padding:max(14px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))!important;
  }

  .portal-access-wrap{
    padding:21px 16px 17px!important;
    border-radius:23px!important;
  }

  .portal-mobile-brand{
    margin-bottom:17px!important;
    padding-bottom:15px!important;
  }

  .portal-mobile-logo{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }

  .portal-access h2{
    font-size:26px!important;
  }

  .portal-access-wrap>p{
    margin-bottom:18px!important;
  }

  .portal-card{
    grid-template-columns:46px minmax(0,1fr) 24px!important;
    gap:11px!important;
    min-height:82px!important;
    padding:13px!important;
    border-radius:16px!important;
  }

  .portal-card-icon{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .portal-card small{
    font-size:9px!important;
  }

  .portal-security-note{
    margin-top:12px!important;
    padding:12px!important;
  }
}

@media (max-height:700px) and (max-width:900px){
  .portal-access{
    align-items:flex-start!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  .portal-access-wrap{
    margin:auto!important;
    padding-top:18px!important;
    padding-bottom:16px!important;
  }

  .portal-mobile-brand{
    margin-bottom:13px!important;
    padding-bottom:12px!important;
  }

  .portal-access-wrap>p{
    margin-bottom:14px!important;
  }

  .portal-card{
    min-height:74px!important;
    padding:11px 13px!important;
  }

  .portal-security-note{
    margin-top:10px!important;
    padding:10px 12px!important;
  }
}

/* =========================================================
   BaranYönetim — Mobil Giriş Deneyimi Kesin Düzeltme v1.4.9
   Sadece 900px ve altını etkiler. Masaüstüne dokunmaz.
   ========================================================= */
@media (max-width:900px){
  html,body.auth-shell{
    min-height:100%;
    background:#f3f5fa!important;
  }

  body.auth-shell{
    overflow-x:hidden!important;
  }

  /* Giriş merkezi: profesyonel mobil uygulama görünümü */
  .portal-shell{
    min-height:100dvh!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(111,86,236,.18),transparent 30%),
      radial-gradient(circle at 100% 100%,rgba(35,169,133,.10),transparent 32%),
      #f4f6fb!important;
  }

  .portal-access{
    min-height:100dvh!important;
    height:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
    padding:max(18px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom))!important;
  }

  .portal-access-wrap{
    width:min(520px,100%)!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:22px 19px 20px!important;
    border:1px solid rgba(218,222,232,.96)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 22px 55px rgba(24,33,55,.12),0 2px 7px rgba(24,33,55,.04)!important;
    overflow:hidden!important;
  }

  .portal-mobile-brand{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin:0 0 18px!important;
    padding:0 0 17px!important;
    border-bottom:1px solid #edf0f5!important;
  }

  .portal-mobile-logo{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    box-shadow:0 9px 22px rgba(93,73,211,.22)!important;
  }

  .portal-mobile-brand strong{font-size:16px!important}
  .portal-mobile-brand small{font-size:10px!important}

  .portal-access .login-mini-label{
    margin-bottom:10px!important;
    padding:6px 10px!important;
    min-height:0!important;
    font-size:8px!important;
    border-radius:999px!important;
  }

  .portal-access h2{
    margin:0 0 7px!important;
    font-size:28px!important;
    line-height:1.08!important;
  }

  .portal-access-wrap>p{
    margin:0 0 19px!important;
    font-size:12px!important;
  }

  .portal-cards{gap:11px!important}

  .portal-card{
    grid-template-columns:48px minmax(0,1fr) 27px!important;
    gap:12px!important;
    min-height:84px!important;
    padding:13px 14px!important;
    border-radius:17px!important;
    box-shadow:0 6px 18px rgba(28,38,61,.045)!important;
  }

  .portal-card-icon{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
  }

  .portal-card strong{font-size:15px!important}
  .portal-card small{font-size:9.5px!important;line-height:1.4!important}

  .portal-security-note{
    margin-top:12px!important;
    padding:12px 13px!important;
    border-radius:15px!important;
  }

  /* Firma / Sakin giriş formu: aşağı kaymayı kesin olarak engelle */
  .role-login-shell{
    min-height:100dvh!important;
    height:auto!important;
    display:block!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(111,86,236,.15),transparent 31%),
      #f4f6fb!important;
  }

  .resident-login{
    background:
      radial-gradient(circle at 12% 0%,rgba(25,146,117,.14),transparent 31%),
      #f4f6fb!important;
  }

  .role-login-side{display:none!important}

  .role-login-panel{
    min-height:100dvh!important;
    height:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
    padding:max(18px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
  }

  .role-form-wrap{
    position:relative!important;
    width:min(480px,100%)!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:22px 19px 20px!important;
    border:1px solid rgba(218,222,232,.96)!important;
    border-radius:25px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 22px 55px rgba(24,33,55,.12),0 2px 7px rgba(24,33,55,.04)!important;
    overflow:hidden!important;
  }

  .role-form-wrap:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:linear-gradient(90deg,#6e58e7,#8e78ff);
  }

  .resident-login .role-form-wrap:before{
    background:linear-gradient(90deg,#137b69,#42b89d);
  }

  .login-mobile-brand{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    margin:0 0 18px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid #edf0f5!important;
  }

  .login-mobile-mark{
    width:45px!important;
    height:45px!important;
    border-radius:14px!important;
    flex:0 0 auto!important;
    box-shadow:0 9px 22px rgba(93,73,211,.20)!important;
  }

  .login-mobile-brand strong{font-size:15px!important}
  .login-mobile-brand small{font-size:9.5px!important}

  .role-form-wrap .login-mini-label{
    display:inline-flex!important;
    margin:0 0 9px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    background:#f0edff!important;
    color:#6552da!important;
    font-size:8px!important;
    letter-spacing:.14em!important;
  }

  .resident-login .role-form-wrap .login-mini-label{
    background:#e9f8f3!important;
    color:#137b69!important;
  }

  .role-form-wrap h2{
    margin:0 0 7px!important;
    font-size:27px!important;
    line-height:1.1!important;
    letter-spacing:-.04em!important;
  }

  .role-form-intro{
    margin:0 0 18px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  .premium-login-form{gap:13px!important}
  .premium-login-form label>span{margin-bottom:6px!important;font-size:10px!important}
  .login-input-wrap{height:50px!important;border-radius:14px!important}
  .login-input-wrap input{font-size:13px!important}
  .login-form-meta{margin:0!important}
  .premium-login-button{height:50px!important;border-radius:14px!important}
}

@media (max-width:430px){
  .portal-access,.role-login-panel{
    padding:max(12px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))!important;
  }

  .portal-access-wrap,.role-form-wrap{
    padding:20px 15px 17px!important;
    border-radius:22px!important;
  }

  .portal-access h2,.role-form-wrap h2{font-size:25px!important}
  .portal-card{grid-template-columns:45px minmax(0,1fr) 24px!important;padding:12px!important}
  .portal-card-icon{width:45px!important;height:45px!important}
  .portal-card small{font-size:8.8px!important}
  .role-form-intro{margin-bottom:15px!important}
  .login-input-wrap{height:48px!important}
}

@media (max-width:900px) and (max-height:700px){
  .portal-access,.role-login-panel{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .portal-access-wrap,.role-form-wrap{
    padding-top:17px!important;
    padding-bottom:15px!important;
  }
  .portal-mobile-brand,.login-mobile-brand{
    margin-bottom:13px!important;
    padding-bottom:12px!important;
  }
  .portal-access-wrap>p,.role-form-intro{margin-bottom:13px!important}
  .portal-card{min-height:72px!important;padding-top:10px!important;padding-bottom:10px!important}
  .portal-security-note{padding:9px 11px!important;margin-top:9px!important}
}


/* =========================================================
   BaranYönetim — Mobil giriş konum ve marka düzeltmesi v1.5.1
   Yalnızca mobil görünümü etkiler.
   ========================================================= */
.mobile-auth-badge{display:none}

@media (max-width:900px){
  .portal-access,
  .role-login-panel{
    min-height:100dvh!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    padding-top:max(34px,calc(env(safe-area-inset-top) + 24px))!important;
    padding-bottom:max(22px,env(safe-area-inset-bottom))!important;
  }

  .mobile-auth-badge{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    min-height:42px!important;
    padding:6px 13px 6px 7px!important;
    border:1px solid rgba(222,226,237,.95)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 8px 24px rgba(27,35,57,.09)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  .mobile-auth-badge img{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    display:block!important;
  }

  .mobile-auth-badge span{display:flex!important;flex-direction:column!important;line-height:1.15!important}
  .mobile-auth-badge strong{font-size:12px!important;color:#151c2d!important}
  .mobile-auth-badge small{font-size:8.5px!important;color:#7c8495!important;margin-top:2px!important}

  .portal-access-wrap,
  .role-form-wrap{
    margin:0 auto!important;
  }

  /* Kart içindeki tekrarlanan büyük marka satırı mobilde gizlenir. */
  .portal-mobile-brand,
  .login-mobile-brand{
    display:none!important;
  }

  .portal-access-wrap{
    padding-top:21px!important;
  }

  .role-form-wrap{
    padding-top:24px!important;
  }
}

@media (max-width:430px){
  .portal-access,
  .role-login-panel{
    gap:11px!important;
    padding-top:max(28px,calc(env(safe-area-inset-top) + 18px))!important;
  }

  .mobile-auth-badge{
    transform:translateY(0)!important;
  }
}

@media (max-width:900px) and (max-height:720px){
  .portal-access,
  .role-login-panel{
    padding-top:max(14px,env(safe-area-inset-top))!important;
    gap:8px!important;
  }
  .mobile-auth-badge{
    min-height:36px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  .mobile-auth-badge img{width:26px!important;height:26px!important}
}

/* v1.5.2 - tablo iletişim ve işlem düzeni */
.contact-stack{display:flex;flex-direction:column;gap:8px;min-width:210px}.contact-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:start;line-height:1.45;overflow-wrap:anywhere}.contact-line strong{font-size:12px;color:var(--muted);font-weight:700}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions form{margin:0}.single-form-page{max-width:860px;margin:0 auto}.edit-card{padding:28px}.text-muted{color:var(--muted)}
@media(max-width:768px){.contact-stack{min-width:0}.contact-line{grid-template-columns:64px minmax(0,1fr)}.table-actions{flex-direction:column;align-items:stretch}.table-actions .btn{width:100%;justify-content:center}.single-form-page{max-width:none}.edit-card{padding:22px!important}}


/* =========================================================
   BaranYönetim — Mobil giriş ve finans işlem düzeni v1.5.3
   ========================================================= */
.auth-home-button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:11px;
  border:1px solid #e1e5ed;
  border-radius:13px;
  background:#fff;
  color:#4f596d;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  transition:.18s ease;
}
.auth-home-button span{font-size:15px;line-height:1}
.auth-home-button:hover{border-color:#c9c1ff;background:#f8f7ff;color:#5e4fd3;transform:translateY(-1px)}
.resident-login .auth-home-button:hover{border-color:#aadfd3;background:#f2fbf8;color:#137b69}

.account-type-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid #e1e5ed;
  border-radius:999px;
  background:#f7f8fb;
  color:#465064;
  font-size:11px;
  font-weight:750;
}
.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.account-actions form{margin:0}
.account-action-button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 11px;
  border:1px solid transparent;
  border-radius:10px;
  font:inherit;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  transition:.18s ease;
}
.account-action-button span{font-size:13px;line-height:1}
.account-action-button.edit{background:#f1efff;border-color:#ddd7ff;color:#5e4fd3}
.account-action-button.edit:hover{background:#e7e2ff;border-color:#c8beff;transform:translateY(-1px)}
.account-action-button.delete{background:#fff1f4;border-color:#ffdbe3;color:#c62d50}
.account-action-button.delete:hover{background:#ffe6ec;border-color:#ffc7d3;transform:translateY(-1px)}

@media(max-width:900px){
  /* Bütün mobil giriş ekranlarını bir miktar aşağı alır. */
  .portal-access,
  .role-login-panel{
    padding-top:max(52px,calc(env(safe-area-inset-top) + 42px))!important;
  }
  /* Üst BaranYönetim marka alanını hafif büyütür. */
  .mobile-auth-badge{min-height:48px!important;padding:7px 15px 7px 8px!important;gap:10px!important}
  .mobile-auth-badge img{width:34px!important;height:34px!important;border-radius:10px!important}
  .mobile-auth-badge strong{font-size:13px!important}
  .mobile-auth-badge small{font-size:9px!important}
}

@media(max-width:430px){
  .portal-access,
  .role-login-panel{
    padding-top:max(44px,calc(env(safe-area-inset-top) + 34px))!important;
  }
  .account-actions{justify-content:flex-start}
}

@media(max-width:900px) and (max-height:720px){
  .portal-access,
  .role-login-panel{
    padding-top:max(24px,calc(env(safe-area-inset-top) + 16px))!important;
  }
}

/* =========================================================
   BaranYönetim — Masaüstü / Mobil Ayrımı v1.5.4
   Masaüstünde klasik iki kolonlu kurumsal görünüm korunur.
   Mobilde premium uygulama görünümü aynen devam eder.
   ========================================================= */
@media (min-width:901px){
  html,body.auth-shell{min-height:100%;background:#fff!important}
  body.auth-shell{overflow:hidden!important}

  .portal-shell{
    display:grid!important;
    grid-template-columns:minmax(480px,1.08fr) minmax(500px,.92fr)!important;
    width:100%!important;
    height:100vh!important;
    min-height:720px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .portal-hero{
    display:flex!important;
    flex-direction:column!important;
    height:100vh!important;
    min-height:720px!important;
    padding:48px 58px 40px!important;
  }
  .portal-access{
    display:grid!important;
    place-items:center!important;
    height:100vh!important;
    min-height:720px!important;
    padding:28px 44px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .portal-access-wrap{
    width:min(430px,100%)!important;
    max-height:calc(100vh - 56px)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }
  .portal-access-wrap:before{display:none!important}
  .portal-mobile-brand,.mobile-auth-badge{display:none!important}
  .portal-access .login-mini-label{display:inline-block!important;margin:0!important;padding:0!important;background:transparent!important}
  .portal-access h2{margin:9px 0 7px!important;font-size:32px!important}
  .portal-access-wrap>p{margin:0 0 20px!important;font-size:13px!important}
  .portal-cards{gap:13px!important}
  .portal-card{
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:13px!important;
    min-height:0!important;
    padding:14px 15px!important;
    border:1px solid #e2e6ed!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 25px rgba(15,23,42,.035)!important;
  }
  .portal-card:hover{transform:translateY(-2px)!important;border-color:#cfc8ff!important;box-shadow:0 15px 35px rgba(15,23,42,.08)!important}
  .portal-card-icon{width:46px!important;height:46px!important;border-radius:13px!important}
  .portal-card strong{font-size:14px!important;margin:4px 0!important}
  .portal-card small{font-size:8.5px!important}
  .portal-card>b{width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important;font-size:20px!important}
  .portal-security-note{display:flex!important;grid-template-columns:none!important;padding:12px 14px!important;margin-top:13px!important;border-radius:15px!important}

  .role-login-shell{
    display:grid!important;
    grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr)!important;
    width:100%!important;
    height:100vh!important;
    min-height:720px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .role-login-side{
    display:flex!important;
    flex-direction:column!important;
    height:100vh!important;
    min-height:720px!important;
    padding:44px 52px!important;
  }
  .role-login-panel{
    display:grid!important;
    place-items:center!important;
    height:100vh!important;
    min-height:720px!important;
    padding:50px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .role-form-wrap{
    width:min(440px,100%)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .role-form-wrap:before,.login-mobile-brand{display:none!important}
  .role-form-wrap .login-mini-label{display:inline-block!important;margin:0!important;padding:0!important;background:transparent!important}
  .role-form-wrap h2{margin:10px 0 8px!important;font-size:34px!important}
  .role-form-intro{margin:0 0 29px!important;font-size:13px!important}
  .premium-login-form{gap:16px!important}
  .login-input-wrap{height:52px!important}
  .premium-login-button{height:52px!important}
  .auth-home-button{margin-top:2px!important}
}

/* BaranYönetim v1.5.5 — Mobil sol menü kaydırma düzeltmesi */
@media (max-width:900px){
  .sidebar{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .sidebar nav{
    display:block!important;
    flex:0 0 auto!important;
    min-height:max-content!important;
    padding-bottom:20px!important;
  }
  .sidebar nav>a,
  .sidebar nav>.nav-label{
    margin-bottom:4px;
  }
  .sidebar-user{
    flex:0 0 auto!important;
    margin-top:12px!important;
    margin-bottom:8px!important;
  }
  body.sidebar-open{
    overflow:hidden!important;
    touch-action:none;
  }
  body.sidebar-open .sidebar{
    touch-action:pan-y!important;
  }
}

/* =========================================================
   BaranYönetim v1.5.6 — Kesin masaüstü / mobil giriş ayrımı
   ========================================================= */
@media screen and (min-width: 901px) {
  body.auth-shell .portal-shell,
  body.auth-shell .role-login-shell {
    display:grid!important;
    width:100%!important;
    min-height:100vh!important;
    height:100vh!important;
    overflow:hidden!important;
  }
  body.auth-shell .portal-shell {
    grid-template-columns:minmax(520px,1.12fr) minmax(460px,.88fr)!important;
  }
  body.auth-shell .role-login-shell {
    grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr)!important;
  }
  body.auth-shell .portal-hero,
  body.auth-shell .role-login-side {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.auth-shell .portal-access,
  body.auth-shell .role-login-panel {
    width:auto!important;
    min-height:100vh!important;
    padding:42px 54px!important;
    background:#fff!important;
  }
  body.auth-shell .mobile-auth-badge,
  body.auth-shell .portal-mobile-brand,
  body.auth-shell .login-mobile-brand {
    display:none!important;
  }
  body.auth-shell .portal-access-wrap,
  body.auth-shell .role-form-wrap {
    width:min(440px,100%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
}

@media screen and (max-width: 900px) {
  body.auth-shell .portal-shell,
  body.auth-shell .role-login-shell {
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.auth-shell .portal-hero,
  body.auth-shell .role-login-side {
    display:none!important;
  }
  body.auth-shell .portal-access,
  body.auth-shell .role-login-panel {
    display:flex!important;
    width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.auth-shell .mobile-auth-badge {
    display:flex!important;
  }
}


/* Login remember/security alignment fix */
.login-form-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:4px!important;min-width:0}
.remember-option{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;min-width:0!important;margin:0!important;white-space:nowrap!important;font-size:11px!important;font-weight:650!important;line-height:1!important;color:#596273!important;cursor:pointer}
.remember-option input{display:block!important;flex:0 0 15px!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;accent-color:#6959df}
.remember-option span{display:block!important;margin:0!important;line-height:15px!important;white-space:nowrap!important}
.secure-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;padding:6px 10px!important;border:1px solid #e3e8ef!important;border-radius:999px!important;background:#f8fafc!important;color:#667085!important;font-size:9px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.secure-login .secure-login-dot{display:block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:#20b26b!important;box-shadow:0 0 0 3px rgba(32,178,107,.11)!important}
.secure-login span:last-child{color:#667085!important}
@media(max-width:520px){.login-form-meta{gap:8px!important}.remember-option{font-size:10px!important}.secure-login{padding:5px 8px!important;font-size:8px!important}}


/* 2026-07 kurumsal üyelik ve kullanıcı işlem görünümü */
.membership-hero{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;
  margin-bottom:22px;padding:24px 26px;border:1px solid #e3e7f0;border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#f8f7ff 58%,#f1efff 100%);
  box-shadow:0 14px 38px rgba(33,39,75,.06);overflow:hidden;position:relative
}
.membership-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(105,89,223,.08)}
.membership-hero-icon{position:relative;z-index:1;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#6959df;color:#fff;box-shadow:0 10px 24px rgba(105,89,223,.24)}
.membership-hero-icon svg{width:31px;height:31px}
.membership-hero-copy{position:relative;z-index:1;min-width:0}
.membership-hero-copy .section-kicker{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.13em;color:#6959df}
.membership-hero-copy h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.025em;color:#151b2c}
.membership-hero-copy p{margin:8px 0 0;font-size:14px;line-height:1.55;color:#667085}
.membership-hero-badge{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #ded9ff;border-radius:999px;background:#fff;color:#4f46a5;font-size:12px;font-weight:700;white-space:nowrap}
.membership-hero-badge span{width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px rgba(34,160,107,.12)}
.demo-user-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:nowrap!important}
.demo-user-actions form{margin:0!important;display:block!important}
.demo-user-actions .btn{min-width:88px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:11px!important;line-height:1!important}
.demo-user-actions .btn.danger{background:#fff1f3!important;color:#c5163d!important;border:1px solid #ffd6df!important}
.demo-user-actions .btn.danger:hover{background:#ffe4ea!important}
@media(max-width:768px){
  .membership-hero{grid-template-columns:auto minmax(0,1fr);padding:20px;gap:15px}
  .membership-hero-icon{width:52px;height:52px;border-radius:15px}
  .membership-hero-copy h2{font-size:20px}
  .membership-hero-copy p{font-size:13px}
  .membership-hero-badge{grid-column:1/-1;width:max-content;max-width:100%;white-space:normal}
  .demo-user-actions{justify-content:flex-start!important;gap:10px!important}
  .demo-user-actions .btn{min-width:82px!important}
}

/* BaranYönetim gelişmiş modüller */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{background:var(--panel,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}.metric-card span{color:var(--muted,#64748b);font-size:13px}.metric-card strong{font-size:22px}.action-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;font-size:12px}.inline-form{display:flex;align-items:center;gap:10px}.inline-form select{min-width:150px}.form-grid.compact{grid-template-columns:2fr 1fr auto;align-items:end}.help{color:#64748b;font-size:13px;margin-top:10px}.btn.small{padding:8px 12px}.bym-role-card.bym-manager .bym-role-icon{background:#ecfdf5;color:#047857}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-panel{align-items:flex-start;flex-direction:column}.form-grid.compact{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.metric-card{padding:16px}.button-row,.button-row .btn{width:100%}.inline-form{align-items:stretch;flex-direction:column}.inline-form select,.inline-form input,.inline-form .btn{width:100%}}

/* Yönetici hesapları */
.manager-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:22px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(76,65,190,.10),rgba(255,255,255,.96));}
.manager-hero h2{margin:6px 0 8px;font-size:26px}.manager-hero p{margin:0;color:var(--muted)}
.manager-hero-stat{min-width:150px;padding:16px 20px;border:1px solid var(--border);border-radius:18px;background:var(--panel);text-align:center}.manager-hero-stat strong{display:block;font-size:28px}.manager-hero-stat span{font-size:13px;color:var(--muted)}
.manager-admin-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:22px;align-items:start}.manager-create-form{position:sticky;top:90px}.manager-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manager-mode-switch label{cursor:pointer}.manager-mode-switch input{position:absolute;opacity:0}.manager-mode-switch span{display:flex;justify-content:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-weight:700;font-size:13px}.manager-mode-switch input:checked+span{border-color:var(--primary);background:rgba(76,65,190,.10);color:var(--primary)}
.standalone-fields{display:grid;gap:14px;padding:16px;border:1px dashed var(--border);border-radius:16px;background:rgba(76,65,190,.03)}.form-info-line{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(76,65,190,.08)}.form-info-line span{font-size:13px;color:var(--muted)}.manager-submit{width:100%;justify-content:space-between}.manager-list-card{min-width:0}.manager-edit-dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:20px;padding:0;background:var(--panel);color:var(--text);box-shadow:0 30px 80px rgba(15,23,42,.28)}.manager-edit-dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}.manager-edit-dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dialog-head h2{margin:0 0 4px}.dialog-head small{color:var(--muted)}.dialog-close{border:0;background:transparent;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}.manager-active-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.manager-active-check input{width:18px;height:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:1050px){.manager-admin-grid{grid-template-columns:1fr}.manager-create-form{position:static}.manager-hero{align-items:flex-start}.manager-hero-stat{min-width:120px}}
@media(max-width:640px){.manager-hero{padding:20px;flex-direction:column}.manager-hero-stat{width:100%}.manager-mode-switch{grid-template-columns:1fr}.manager-create-form .two{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}

/* Duyuru yetki ve okuma görünümü */
.announcements-readonly{grid-template-columns:minmax(0,1fr)!important}
.announcements-readonly .announcements-list-card{width:100%}
.announcement-content-cell{min-width:320px}
.announcement-content-cell strong{display:block;margin-bottom:7px;color:var(--text)}
.announcement-content-cell p{margin:0;max-width:760px;white-space:normal;line-height:1.55;color:var(--muted)}
.announcement-create-card .card-head p,.announcements-list-card .card-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
@media(max-width:760px){.announcement-content-cell{min-width:240px}.announcement-content-cell p{font-size:13px}}

/* 2026-07 Duyuru merkezi */
.announcement-dashboard{display:grid;gap:20px}.announcement-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.announcement-stat{padding:20px 22px;border:1px solid var(--border);border-radius:18px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:16px}.announcement-stat span{font-size:13px;color:var(--muted)}.announcement-stat strong{font-size:28px;color:var(--text)}
.announcement-composer{padding:0;overflow:hidden}.announcement-composer summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.announcement-composer summary::-webkit-details-marker{display:none}.announcement-composer summary strong{display:block;font-size:20px;margin:4px 0}.announcement-composer summary small{color:var(--muted)}.announcement-form{padding:0 24px 24px;display:grid;gap:15px;border-top:1px solid var(--border)}.announcement-form>.form-grid:first-of-type{padding-top:20px}.announcement-global-toggle{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:15px 16px;border:1px solid #dcd8ff;border-radius:14px;background:#f7f5ff}.announcement-global-toggle input{width:18px!important;height:18px!important;margin-top:2px}.announcement-global-toggle b,.announcement-global-toggle small{display:block}.announcement-global-toggle small{margin-top:4px;color:var(--muted);font-weight:400}.announcement-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.announcement-form-actions span{font-size:12px;color:var(--muted)}
.announcement-feed{border:1px solid var(--border);border-radius:20px;background:var(--panel);overflow:hidden}.announcement-feed-head{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:18px}.announcement-feed-head h2{margin:5px 0 4px}.announcement-feed-head p{margin:0;color:var(--muted);font-size:13px}.announcement-cards{padding:18px;display:grid;gap:14px}.announcement-card{position:relative;padding:20px;border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}.announcement-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8b80e8}.announcement-card.priority-high:before{background:#f59e0b}.announcement-card.priority-urgent:before{background:#e11d48}.announcement-card-top,.announcement-card footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.announcement-card time{font-size:12px;color:var(--muted)}.announcement-tags{display:flex;gap:8px;flex-wrap:wrap}.announcement-tag{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;background:#f1f3f7;color:#596273}.announcement-tag.global{background:#eeeaff;color:#5746c9}.announcement-tag.site{background:#eaf8f1;color:#15764c}.announcement-tag.priority{background:#fff4df;color:#9a5a00}.announcement-card h3{margin:15px 0 8px;font-size:19px}.announcement-body{line-height:1.65;color:#475467}.announcement-card footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.announcement-card footer>div{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.announcement-empty{padding:50px 20px;text-align:center;color:var(--muted)}.announcement-empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:6px}
/* Sistem ve bakım merkezi */
.system-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.system-metrics .metric-card small{color:var(--muted);font-size:12px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.system-backup-card{background:linear-gradient(145deg,#fff,#f6f4ff)}.system-main-button{width:100%;justify-content:center;margin-top:8px}.system-warning{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff7e8;color:#8a5100;font-size:12px}.maintenance-button-list{display:grid;gap:10px}.maintenance-button-list form{display:flex;gap:10px}.maintenance-button-list input{width:92px}.maintenance-button-list .btn{flex:1;justify-content:flex-start}.backup-list{display:grid;gap:10px}.backup-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px}.backup-list strong,.backup-list small{display:block}.backup-list strong{font-size:13px}.backup-list small{margin-top:3px;color:var(--muted);font-size:11px}.backup-list form{margin:0}
@media(max-width:900px){.announcement-stats,.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.system-grid{grid-template-columns:1fr}}@media(max-width:600px){.announcement-stats,.system-metrics{grid-template-columns:1fr}.announcement-composer summary,.announcement-feed-head,.announcement-card-top,.announcement-card footer,.announcement-form-actions,.backup-list>div{align-items:flex-start;flex-direction:column}.announcement-form .form-grid.two{grid-template-columns:1fr}.announcement-form-actions .btn,.maintenance-button-list .btn{width:100%}.maintenance-button-list form{flex-direction:column}.maintenance-button-list input{width:100%}}

/* Global menu search */
.global-search-wrap{position:relative}.global-search-results{position:absolute;top:48px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:7px;z-index:90}.global-search-results[hidden]{display:none}.global-search-results a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;font-size:12px}.global-search-results a:hover{background:var(--surface-2);color:var(--primary)}.global-search-results a>span:nth-child(2){flex:1;font-weight:700}.global-search-results a small{color:var(--muted);font-size:9px}.global-search-icon{width:28px;height:28px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.global-search-icon svg{width:15px;height:15px}.global-search-empty{padding:13px;color:var(--muted);font-size:11px;text-align:center}

/* Rol ve Yetkiler merkezi */
.role-page{display:grid;gap:20px}.role-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f6f4ff 100%)}.role-hero h2{margin:6px 0 8px;font-size:25px}.role-hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.role-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.role-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 24px 24px}.role-guide-item{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.role-guide-item p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.role-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef1f6;color:#4b5565;font-size:11px;font-weight:800;white-space:nowrap}.role-super_admin{background:#eee9ff;color:#5746c9}.role-company_admin{background:#e9f1ff;color:#175cd3}.role-manager{background:#e9fbf2;color:#087443}.role-accountant{background:#fff5dc;color:#8a5800}.role-staff{background:#f1f3f7;color:#475467}.role-resident{background:#fceef6;color:#a72569}.role-table td:first-child strong,.role-table td:first-child small{display:block}.role-table td:first-child small{margin-top:4px;color:var(--muted);font-size:11px}.role-edit-form{display:flex;align-items:center;gap:9px;min-width:390px}.role-edit-form select{min-width:180px}.role-active-toggle{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;margin:0!important}.role-active-toggle input{width:17px!important;height:17px!important;margin:0!important}.role-active-toggle span{font-size:12px;font-weight:700}.role-locked{display:inline-flex;padding:9px 12px;border:1px solid #ded9ff;border-radius:10px;background:#f7f5ff;color:#5746c9;font-size:11px;font-weight:800}.status-active{background:#e9fbf2!important;color:#087443!important}.status-passive{background:#fff0f2!important;color:#c01048!important}
.audit-head{align-items:flex-start}.audit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.audit-actions form{margin:0}.audit-action{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef1f6;font-size:10px;font-weight:800;text-transform:uppercase}.audit-create{background:#e9fbf2;color:#087443}.audit-update,.audit-enable{background:#e9f1ff;color:#175cd3}.audit-delete,.audit-disable{background:#fff0f2;color:#c01048}
@media(max-width:1050px){.role-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.role-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-hero{align-items:flex-start;flex-direction:column}.audit-head{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.role-metrics,.role-guide-grid{grid-template-columns:1fr}.role-guide-grid{padding:14px}.role-hero{padding:20px}.role-hero .button-row,.role-hero .btn{width:100%}.role-edit-form{min-width:240px;align-items:stretch;flex-direction:column}.role-edit-form select,.role-edit-form .btn{width:100%}.audit-actions,.audit-actions form,.audit-actions .btn{width:100%}}

/* Firma ve yönetici yönetimi */
.company-admin-person{display:flex;align-items:center;gap:10px}.company-admin-person>div{display:flex;flex-direction:column;gap:3px}.company-admin-person small,.company-admin-empty small{display:block}.company-admin-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.company-admin-empty strong{color:#9a5b00}.company-admin-empty a{font-weight:800;color:var(--primary,#6754e8);text-decoration:none}.company-actions{flex-wrap:wrap}.manager-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:12px;align-items:end;padding:0 24px 20px}.manager-filter-bar label{margin:0}.manager-filter-bar select{width:100%}@media(max-width:760px){.manager-filter-bar{grid-template-columns:1fr;padding:0 16px 16px}.company-list-card table{min-width:920px}}

/* Masaüstünde çıkış butonunu sağ üst alana taşı */
.topbar-logout-form{margin:0}
.topbar-logout{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #fee2e2;border-radius:12px;background:#fff7f7;color:#dc2626;font-size:12px;font-weight:750;cursor:pointer;transition:.18s}
.topbar-logout svg{width:18px;height:18px}
.topbar-logout:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c;transform:translateY(-1px)}

@media (min-width:901px){
  .sidebar-user{display:none!important}
}

@media (max-width:900px){
  .topbar-logout-form{display:none!important}
  .sidebar-user{display:flex!important}
}