:root {
  --midnight:#000B68; --royal:#00399E; --slate:#A3B5CB; --chalk:#E0EBF1;
  --bg:#F0F4FA; --card:#FFFFFF; --elevated:#EDF2F7; --border:#D6E0F0;
  --text:#0A0E3A; --text2:#6C828D; --text3:#A3B5CB;
  --green:#059669; --yellow:#D97706; --red:#DC2626; --purple:#6366F1;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);}
.i{display:inline-flex;width:1em;height:1em;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;vertical-align:-0.125em;flex-shrink:0;}
.i-user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");}
.i-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");}
.i-mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");}
.i-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");}
.i-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}
.i-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");}
.i-send{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E");}
.i-building{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M8 10h.01M16 10h.01M12 10h.01M8 14h.01M16 14h.01M12 14h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M8 10h.01M16 10h.01M12 10h.01M8 14h.01M16 14h.01M12 14h.01'/%3E%3C/svg%3E");}
.i-bell{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");}
.i-edit{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");}
.i-logout{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");}
.i-ticket{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M15 5v2m0 4v2m0 4v2M5 5a2 2 0 0 0-2 2v3a2 2 0 1 1 0 4v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3a2 2 0 1 1 0-4V7a2 2 0 0 0-2-2H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M15 5v2m0 4v2m0 4v2M5 5a2 2 0 0 0-2 2v3a2 2 0 1 1 0 4v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3a2 2 0 1 1 0-4V7a2 2 0 0 0-2-2H5z'/%3E%3C/svg%3E");}
.i-chart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E");}
.i-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}
.i-settings{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");}
.i-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");}
.i-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");}
.i-log{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");}

/* ===== LOGIN ===== */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000B68 0%,#1A2258 100%);}
.login-box{width:400px;background:var(--card);border-radius:12px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,0.3);}
.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px;}
.login-logo-icon{width:40px;height:40px;background:var(--royal);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.login-logo-icon svg{width:22px;height:22px;}
.login-logo-text{font-size:20px;font-weight:700;}
.login-logo-sub{font-size:10px;color:var(--text3);font-weight:500;}
.form-group{margin-bottom:18px;}
.form-label{font-size:11px;font-weight:600;color:var(--text2);margin-bottom:6px;display:block;}
.form-input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;color:var(--text);background:var(--elevated);transition:all 0.15s;}
.form-input:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(0,57,158,0.1);}
.form-input-icon{position:relative;}
.form-input-icon .i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text3);width:16px;height:16px;}
.form-input-icon input{padding-left:36px;}
.btn{padding:10px 20px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.15s;display:inline-flex;align-items:center;gap:6px;}
.btn:active{transform:scale(0.97);}
.btn-primary{background:var(--royal);color:white;}
.btn-primary:hover{background:var(--midnight);}
.btn-success{background:var(--green);color:white;}
.btn-danger{background:var(--red);color:white;}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text2);}
.btn-outline:hover{border-color:var(--royal);color:var(--royal);}
.btn-full{width:100%;justify-content:center;padding:12px;}
.login-error{color:var(--red);font-size:11px;margin-top:8px;display:none;}
.login-step{display:none;}
.login-step.active{display:block;}

/* ===== OTP ===== */
.otp-inputs{display:flex;gap:8px;justify-content:center;margin:20px 0;}
.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:700;border:2px solid var(--border);border-radius:8px;background:var(--elevated);font-family:inherit;color:var(--text);transition:all 0.15s;}
.otp-input:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(0,57,158,0.15);}
.otp-timer{text-align:center;font-size:11px;color:var(--text2);margin-top:8px;}
.otp-resend{color:var(--royal);cursor:pointer;font-weight:600;text-decoration:underline;}

/* ===== LAYOUT ===== */
.panel-page{display:none;min-height:100vh;}
.panel-page.active{display:flex;}
.sidebar{width:250px;background:linear-gradient(180deg,#000B68 0%,#0A1847 100%);min-height:100vh;padding:20px 14px;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:50;}
.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 6px 20px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:16px;}
.sidebar-logo-icon{width:36px;height:36px;background:var(--royal);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.sidebar-logo-icon svg{width:20px;height:20px;}
.sidebar-logo-text{font-size:16px;font-weight:700;color:white;}
.sidebar-logo-sub{font-size:9px;color:rgba(255,255,255,0.4);font-weight:500;}
.sidebar-user{padding:12px;background:rgba(255,255,255,0.04);border-radius:8px;margin-bottom:16px;border:1px solid rgba(255,255,255,0.06);}
.sidebar-user-name{font-size:12px;font-weight:600;color:white;}
.sidebar-user-role{font-size:9px;color:rgba(255,255,255,0.5);margin-top:2px;}
.sidebar-user-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:8px;font-weight:700;margin-top:6px;text-transform:uppercase;letter-spacing:0.5px;}
.badge-super{background:rgba(220,38,38,0.2);color:#FCA5A5;border:1px solid rgba(220,38,38,0.3);}
.badge-admin{background:rgba(0,57,158,0.2);color:#93C5FD;border:1px solid rgba(0,57,158,0.3);}
.badge-yonetici{background:rgba(217,119,6,0.2);color:#FCD34D;border:1px solid rgba(217,119,6,0.3);}
.badge-uzman{background:rgba(5,150,105,0.2);color:#6EE7B7;border:1px solid rgba(5,150,105,0.3);}
.nav-section{margin-bottom:8px;}
.nav-title{font-size:9px;font-weight:700;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1.5px;padding:8px 10px 4px;}
.nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;color:rgba(255,255,255,0.7);font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.15s;margin-bottom:1px;text-decoration:none;}
.nav-item:hover{background:rgba(255,255,255,0.06);color:white;}
.nav-item.active{background:var(--royal);color:white;font-weight:600;}
.nav-item .i{width:16px;height:16px;}
.nav-item .nav-badge{margin-left:auto;padding:2px 7px;border-radius:10px;font-size:9px;font-weight:700;background:var(--red);color:white;min-width:18px;text-align:center;}
.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,0.06);}
.sidebar-footer .nav-item{color:rgba(255,255,255,0.4);font-size:11px;}
.main{margin-left:250px;padding:24px;min-height:100vh;flex:1;}
.main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.main-title{font-size:22px;font-weight:700;color:var(--text);}
.main-subtitle{font-size:12px;color:var(--text2);margin-top:2px;}

/* ===== CARDS ===== */
.card{background:var(--card);border-radius:8px;border:1px solid var(--border);padding:20px;margin-bottom:16px;}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.card-title{font-size:14px;font-weight:700;color:var(--text);}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;}
.kpi-value{font-size:28px;font-weight:800;line-height:1.2;}
.kpi-label{font-size:10px;color:var(--text2);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}

/* ===== TABLE ===== */
.data-table{width:100%;border-collapse:collapse;font-size:12px;}
.data-table th{text-align:left;padding:10px 12px;font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid var(--border);background:var(--elevated);}
.data-table td{padding:10px 12px;border-bottom:1px solid var(--elevated);color:var(--text);}
.data-table tr:hover td{background:rgba(0,57,158,0.02);}
.status-badge{padding:3px 10px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;}
.status-active{background:#D1FAE5;color:#065F46;}
.status-pending{background:#FEF3C7;color:#92400E;}
.status-inactive{background:#FEE2E2;color:#991B1B;}
.status-resolved{background:#DBEAFE;color:#1E40AF;}
.role-tag{padding:2px 8px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;}
.role-super{background:rgba(220,38,38,0.1);color:var(--red);}
.role-admin{background:rgba(0,57,158,0.1);color:var(--royal);}
.role-yonetici{background:rgba(217,119,6,0.1);color:var(--yellow);}
.role-uzman{background:rgba(5,150,105,0.1);color:var(--green);}

/* ===== MODAL ===== */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:200;}
.modal-overlay.show{display:flex;}
.modal{background:var(--card);border-radius:12px;width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.2);}
.modal-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.modal-head-title{font-size:16px;font-weight:700;}
.modal-body{padding:24px;}
.modal-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}

/* ===== TICKET SYSTEM ===== */
.ticket-card{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:10px;cursor:pointer;transition:all 0.15s;background:var(--card);}
.ticket-card:hover{border-color:var(--royal);box-shadow:0 2px 8px rgba(0,57,158,0.08);}
.ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ticket-id{font-size:10px;font-weight:700;color:var(--text3);}
.ticket-subject{font-size:13px;font-weight:600;color:var(--text);}
.ticket-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--text2);margin-top:6px;}
.ticket-priority{padding:2px 8px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;}
.priority-critical{background:#FEE2E2;color:#991B1B;}
.priority-high{background:#FEF3C7;color:#92400E;}
.priority-normal{background:#DBEAFE;color:#1E40AF;}
.priority-low{background:#D1FAE5;color:#065F46;}
.ticket-detail{display:none;background:var(--card);border-radius:8px;border:1px solid var(--border);padding:20px;margin-bottom:16px;}
.ticket-detail.open{display:block;}
.ticket-messages{max-height:300px;overflow-y:auto;margin:16px 0;display:flex;flex-direction:column;gap:10px;}
.ticket-msg{padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.6;max-width:85%;}
.ticket-msg.user{background:var(--elevated);align-self:flex-start;border:1px solid var(--border);}
.ticket-msg.support{background:rgba(0,57,158,0.06);align-self:flex-end;border:1px solid rgba(0,57,158,0.15);}
.ticket-msg-header{font-size:10px;font-weight:700;color:var(--text2);margin-bottom:4px;}
.ticket-reply-box{display:flex;gap:8px;margin-top:12px;}
.ticket-reply-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:inherit;resize:none;height:40px;}

/* ===== TOAST ===== */
.toast{position:fixed;top:20px;right:20px;padding:14px 20px;border-radius:8px;font-size:12px;font-weight:600;color:white;z-index:999;transform:translateX(120%);transition:transform 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.toast.show{transform:translateX(0);}
.toast-success{background:var(--green);}
.toast-error{background:var(--red);}
.toast-info{background:var(--royal);}


/* ===== CONSENT / ACIK RIZA ===== */
.consent-step { max-height:70vh; overflow-y:auto; }
.consent-card { border:1px solid var(--border); border-radius:8px; padding:16px; margin-bottom:12px; background:var(--elevated); }
.consent-card-header { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.consent-checkbox { width:20px; height:20px; border:2px solid var(--border); border-radius:4px; flex-shrink:0; cursor:pointer; accent-color:var(--royal); margin-top:2px; }
.consent-title { font-size:13px; font-weight:700; color:var(--text); }
.consent-subtitle { font-size:10px; color:var(--text2); margin-top:2px; }
.consent-body { max-height:150px; overflow-y:auto; margin-top:12px; padding:12px; background:white; border-radius:6px; border:1px solid var(--border); font-size:10px; color:var(--text2); line-height:1.8; display:none; }
.consent-body.open { display:block; }
.consent-toggle { font-size:10px; color:var(--royal); cursor:pointer; margin-top:6px; font-weight:600; }
.consent-required { color:var(--red); font-size:9px; font-weight:700; }
.consent-date { font-size:9px; color:var(--text3); margin-top:4px; }
.consent-all-bar { padding:14px 16px; background:var(--card); border:1px solid var(--border); border-radius:8px; margin-bottom:16px; display:flex; align-items:center; gap:10px; }
.consent-error { color:var(--red); font-size:11px; text-align:center; margin-top:8px; display:none; }

/* ===== API CONNECTION ===== */
.conn-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.conn-card { border:1px solid var(--border); border-radius:10px; padding:20px; background:var(--card); transition:all 0.2s; }
.conn-card:hover { border-color:var(--royal); box-shadow:0 2px 12px rgba(0,57,158,0.06); }
.conn-card-header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.conn-icon { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.conn-name { font-size:14px; font-weight:700; color:var(--text); }
.conn-desc { font-size:10px; color:var(--text2); margin-top:2px; }
.conn-status { display:flex; align-items:center; gap:6px; font-size:10px; font-weight:600; margin-bottom:12px; }
.conn-dot { width:8px; height:8px; border-radius:50%; }
.conn-dot.on { background:var(--green); }
.conn-dot.off { background:var(--text3); }
.conn-btn { width:100%; padding:10px; border:none; border-radius:6px; font-size:11px; font-weight:700; cursor:pointer; font-family:inherit; transition:all 0.15s; }
.conn-btn.connect { background:var(--royal); color:white; }
.conn-btn.connect:hover { background:var(--midnight); }
.conn-btn.connected { background:var(--elevated); color:var(--green); border:1px solid #D1FAE5; }
.conn-btn.disconnect { background:var(--elevated); color:var(--red); border:1px solid #FEE2E2; font-size:9px; margin-top:6px; }
.conn-meta { font-size:9px; color:var(--text3); margin-top:8px; }
@media(max-width:768px) { .conn-grid { grid-template-columns:1fr; } }

/* ===== RESPONSIVE ===== */

/* ===== MARKA KURULUM FORMU ===== */
.brand-setup-overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,11,104,0.95); z-index:300; overflow-y:auto; }
.brand-setup-overlay.show { display:block; }
.brand-setup { max-width:780px; margin:20px auto; background:var(--card); border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.3); }
.bs-header { padding:20px 24px; background:linear-gradient(135deg,#000B68,#00399E); color:white; display:flex; align-items:center; justify-content:space-between; }
.bs-header-title { font-size:18px; font-weight:700; }
.bs-header-sub { font-size:10px; opacity:0.6; margin-top:2px; }
.bs-header-close { background:rgba(255,255,255,0.15); border:none; border-radius:6px; padding:6px 12px; color:white; cursor:pointer; font-size:11px; font-weight:600; font-family:inherit; }
.bs-body { padding:24px; }
.bs-step { display:none; }
.bs-step.active { display:block; }
.bs-step-bar { display:flex; gap:4px; margin-bottom:24px; }
.bs-step-dot { flex:1; height:4px; border-radius:2px; background:var(--border); }
.bs-step-dot.done { background:var(--green); }
.bs-step-dot.current { background:var(--royal); }
.bs-step-title { font-size:16px; font-weight:700; margin-bottom:4px; color:var(--text); }
.bs-step-desc { font-size:11px; color:var(--text2); margin-bottom:20px; }

/* Type selector */
.bs-type-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:20px; }
.bs-type-card { padding:16px 10px; border:2px solid var(--border); border-radius:10px; text-align:center; cursor:pointer; transition:all 0.15s; }
.bs-type-card:hover { border-color:var(--royal); }
.bs-type-card.selected { border-color:var(--royal); background:rgba(0,57,158,0.04); }
.bs-type-icon { font-size:24px; margin-bottom:6px; }
.bs-type-name { font-size:11px; font-weight:700; color:var(--text); }

/* Multi-input groups */
.bs-group { margin-bottom:18px; }
.bs-group-title { font-size:11px; font-weight:700; color:var(--text); margin-bottom:6px; display:flex; align-items:center; gap:6px; }
.bs-group-limit { font-size:9px; color:var(--text3); font-weight:500; }
.bs-multi-row { display:flex; gap:8px; margin-bottom:6px; align-items:center; }
.bs-multi-row input,.bs-multi-row select { flex:1; }
.bs-add-btn { display:inline-flex; align-items:center; gap:4px; padding:6px 12px; background:var(--elevated); border:1px dashed var(--border); border-radius:6px; font-size:10px; font-weight:600; color:var(--royal); cursor:pointer; font-family:inherit; transition:all 0.15s; }
.bs-add-btn:hover { border-color:var(--royal); background:rgba(0,57,158,0.04); }
.bs-remove-btn { width:28px; height:28px; border:1px solid var(--border); border-radius:4px; background:transparent; color:var(--text3); cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:14px; }
.bs-remove-btn:hover { border-color:var(--red); color:var(--red); }

/* Tag input for keywords */
.bs-tags-wrap { border:1px solid var(--border); border-radius:6px; padding:8px; min-height:40px; display:flex; flex-wrap:wrap; gap:6px; background:var(--elevated); cursor:text; }
.bs-tag { display:inline-flex; align-items:center; gap:4px; padding:3px 10px; background:var(--royal); color:white; border-radius:4px; font-size:10px; font-weight:600; }
.bs-tag-x { cursor:pointer; font-size:12px; opacity:0.7; }
.bs-tag-x:hover { opacity:1; }
.bs-tag-input { border:none; background:transparent; font-size:11px; font-family:inherit; color:var(--text); outline:none; min-width:120px; flex:1; }

/* Social media group */
.bs-sm-row { display:grid; grid-template-columns:120px 1fr auto; gap:8px; margin-bottom:6px; align-items:center; }

/* Footer */
.bs-footer { padding:16px 24px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; }

@media(max-width:768px){
  .bs-type-grid { grid-template-columns:repeat(2,1fr); }
  .brand-setup { margin:10px; }
  .bs-sm-row { grid-template-columns:1fr; }
}

/* ===== MOBILE NAV BAR ===== */
.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:linear-gradient(135deg,#000B68,#0A1847);z-index:60;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.mobile-topbar-logo{display:flex;align-items:center;gap:8px;color:white;font-size:14px;font-weight:700;}
.mobile-topbar-logo svg{width:24px;height:24px;}
.mobile-hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:none;border-radius:6px;cursor:pointer;color:white;}
.mobile-hamburger svg{width:20px;height:20px;stroke:white;fill:none;stroke-width:2;}
.mobile-bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:#000B68;z-index:60;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(0,0,0,0.15);}
.mobile-bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:8px;color:rgba(255,255,255,0.4);font-size:8px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all 0.12s;text-decoration:none;letter-spacing:0.3px;}
.mobile-bottomnav-item:active{transform:scale(0.9);}
.mobile-bottomnav-item.active{color:white;background:rgba(0,57,158,0.3);}
.mobile-bottomnav-item .i{width:18px;height:18px;}

/* Sidebar overlay on mobile */
.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:45;}
.sidebar-overlay.show{display:block;}

/* Admin Mobile Top Bar */
.admin-mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:linear-gradient(135deg,#000B68,#0A1847);z-index:60;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.admin-hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:none;border-radius:6px;cursor:pointer;}
.admin-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:45;}
.admin-sidebar-mobile-open .sidebar{display:flex !important;position:fixed;z-index:50;width:270px;height:100vh;box-shadow:4px 0 20px rgba(0,0,0,0.3);}

@media(max-width:768px){
  html,body{overflow-x:hidden;max-width:100vw;}

  /* Admin mobile top bar */
  .admin-mobile-topbar{display:flex;}
  .main-content{margin-left:0 !important;padding:64px 12px 20px 12px !important;}

  /* Hide desktop sidebar, show mobile bars */
  .sidebar{display:none !important;position:fixed;z-index:50;width:270px;height:100vh;box-shadow:4px 0 20px rgba(0,0,0,0.3);}
  .sidebar.mobile-open{display:flex !important;}
  .mobile-topbar{display:flex;}
  .mobile-bottomnav{display:flex;}

  /* Main content */
  .main{margin-left:0 !important;padding:64px 12px 72px 12px !important;}

  /* Login */
  .login-box{width:92%;padding:24px 20px;border-radius:10px;}
  .otp-input{width:40px;height:48px;font-size:20px;}
  .otp-inputs{gap:6px;}

  /* KPI grid — force 2 columns for all inline repeat() variants */
  .kpi-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}
  .kpi-card{padding:12px !important;}
  .kpi-value{font-size:22px !important;}

  /* Tables — both .data-table and inline tables inside .card */
  .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .data-table th,.data-table td{white-space:nowrap;padding:8px 10px !important;font-size:10px !important;}
  .card>table,.card>div>table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
  .card>table th,.card>table td,
  .card>div>table th,.card>div>table td{white-space:nowrap;}

  /* Cards */
  .card{padding:14px !important;margin-bottom:12px !important;}
  .card-header{flex-wrap:wrap;gap:8px;}
  .card-title{font-size:13px !important;}

  /* Headers */
  .main-header{flex-direction:column;align-items:flex-start !important;gap:10px;}
  .main-title{font-size:18px !important;}
  .main-subtitle{font-size:11px !important;}

  /* Top-bar — wrap on mobile (admin context) */
  .top-bar{flex-wrap:wrap !important;gap:8px !important;padding:10px 14px !important;}
  .top-bar-left{width:100% !important;gap:8px !important;}
  .top-bar-left h1{font-size:15px !important;}
  .top-bar-right{width:100% !important;flex-wrap:wrap !important;gap:6px !important;}
  .top-bar-right input[type="text"]{width:100% !important;min-width:0 !important;}

  /* Modals — both .modal class and inline fixed modals */
  .modal{width:95% !important;max-width:none !important;margin:10px !important;max-height:90vh !important;}
  .modal-head{padding:16px !important;}
  .modal-body{padding:16px !important;}
  .modal-body [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important;}
  .modal-body [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}
  /* Inline modal cards (users edit modal) */
  .card[style*="width:520px"],.card[style*="width: 520px"]{width:95vw !important;max-width:none !important;}
  /* Fixed overlay modals — make inner card responsive */
  div[style*="position: fixed"] .card[style*="width"]{width:calc(100vw - 20px) !important;max-width:none !important;max-height:85vh !important;overflow-y:auto !important;}

  /* All inline grid overrides — force responsive columns */
  [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns: 1fr 1fr"]:not(.kpi-grid){grid-template-columns:1fr !important;}
  [style*="grid-template-columns:1fr 1fr"]:not(.kpi-grid){grid-template-columns:1fr !important;}

  /* Conn-grid */
  .conn-grid{grid-template-columns:1fr !important;}

  /* Stat-grid */
  .stat-grid{grid-template-columns:repeat(2,1fr) !important;}

  /* Grid-2, Grid-3 (admin context) */
  .grid-2,.grid-3{grid-template-columns:1fr !important;}

  /* Tabs on brand detail */
  [style*="display: flex"][style*="borderBottom"],[style*="display:flex"][style*="border-bottom"]{flex-wrap:wrap !important;gap:2px !important;}

  /* Action button rows — wrap */
  [style*="display: flex"][style*="gap: '6px'"],[style*="display:flex"][style*="gap:6px"]{flex-wrap:wrap !important;}
  td [style*="display: flex"]{flex-wrap:wrap !important;}
  td div[style*="display:'flex'"]{flex-wrap:wrap !important;}

  /* Form sections in brand detail */
  .card[style*="padding: '24px'"],.card[style*="padding:'24px'"]{padding:14px !important;}

  /* Forms — full width */
  select,input[type="text"],input[type="email"],input[type="number"],input[type="password"],textarea{max-width:100% !important;box-sizing:border-box !important;}
  .form-input{font-size:16px !important;} /* prevents zoom on iOS */

  /* Brand setup form */
  .brand-setup{margin:10px auto !important;max-width:calc(100vw - 20px) !important;}
  .bs-header{padding:14px 16px !important;}
  .bs-body{padding:16px !important;}
  .bs-footer{padding:12px 16px !important;flex-wrap:wrap;gap:8px;}
  .bs-type-grid{grid-template-columns:repeat(2,1fr) !important;}
  .bs-sm-row{grid-template-columns:1fr !important;}
  .bs-multi-row{flex-wrap:wrap !important;}

  /* Tickets */
  .ticket-card{padding:12px !important;}
  .ticket-subject{font-size:12px !important;}
  .ticket-meta{flex-wrap:wrap;gap:4px !important;}
  .ticket-reply-box{flex-direction:column;}
  .ticket-reply-box .btn{width:100%;justify-content:center;}

  /* Buttons */
  .btn{min-height:36px;-webkit-tap-highlight-color:transparent;}

  /* Filters row — wrap */
  [style*="display: flex"][style*="margin-bottom"]{flex-wrap:wrap !important;}
  [style*="display:flex"][style*="margin-bottom"]{flex-wrap:wrap !important;}

  /* Status badges */
  .status-badge{font-size:8px !important;padding:2px 6px !important;}
  .role-tag{font-size:8px !important;}
  .sentiment-badge{font-size:9px !important;padding:2px 6px !important;}

  /* Sidebar user on mobile */
  .sidebar-user{margin-bottom:12px;}

  /* Toast */
  .toast{left:12px;right:12px;top:auto;bottom:70px;text-align:center;}
}

/* iPhone SE / very small phones */
@media(max-width:375px){
  .kpi-grid{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns: repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns:1fr !important;}
  .otp-input{width:36px;height:42px;font-size:18px;}
  .bs-type-grid{grid-template-columns:1fr !important;}
  .top-bar-left h1{font-size:14px !important;}
}

/* PWA standalone */
@media(display-mode:standalone){
  body{padding-top:env(safe-area-inset-top);}
  .mobile-topbar{padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top));}
  .mobile-bottomnav{padding-bottom:calc(4px + env(safe-area-inset-bottom));}
  .main{padding-top:calc(64px + env(safe-area-inset-top)) !important;}
}

/* Tarama Yönetimi + Maliyet Takip */
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;}
.stat-value{font-size:24px;font-weight:700;font-family:inherit;line-height:1.2;}
.stat-label{font-size:10px;color:var(--text3);margin-top:4px;font-family:inherit;}
#scanTable th,#scanTable td{font-family:inherit;}
#costByService th,#costByService td,#costByOrg th,#costByOrg td{font-family:inherit;}

/* Main content — sidebar sabit, içerik sağda */
.main-content{margin-left:250px;padding:24px 32px;min-height:100vh;background:var(--bg,#F0F4FA);}
.main-header{margin-bottom:20px;}
.main-title{font-size:17px;font-weight:700;color:var(--text,#0A0E3A);}
.main-subtitle{font-size:11px;color:var(--text3,#8896A4);margin-top:2px;}