:root{
  --north-primary:#111827;
  --north-primary-2:#1f2937;
  --north-accent:#2563eb;
  --north-bg:#f4f6fa;
  --north-card:#fff;
  --north-border:#e5e7eb;
  --north-text:#172033;
  --north-muted:#6b7280;
  --north-sidebar:250px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.north-app, body:has(.north-sidebar){background:var(--north-bg)!important;color:var(--north-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
.north-sidebar{position:fixed;z-index:1000;left:0;top:0;bottom:0;width:var(--north-sidebar);background:linear-gradient(180deg,#111827 0%,#0b1220 100%);color:#fff;padding:22px 14px;display:flex;flex-direction:column;box-shadow:10px 0 30px rgba(15,23,42,.08)}
.north-brand{display:flex;align-items:center;gap:11px;padding:4px 9px 24px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.north-brand-mark{width:40px;height:40px;border-radius:12px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:900;font-size:20px}
.north-brand strong{display:block;font-size:16px;letter-spacing:1px}.north-brand span{display:block;color:#9ca3af;font-size:10px;margin-top:2px;letter-spacing:1.2px}
.north-nav-title{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#64748b;padding:14px 10px 7px}
.north-nav-link{display:flex;align-items:center;gap:11px;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:10px;margin:2px 0;font-size:13px;font-weight:650;transition:.15s}
.north-nav-link span{width:20px;text-align:center;font-size:16px}.north-nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.north-nav-link.active{background:#2563eb;color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.22)}
.north-sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:15px 4px 0}.north-user-mini{display:flex;gap:9px;align-items:center;padding:5px}.north-avatar{width:34px;height:34px;border-radius:50%;background:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:800}.north-user-text{min-width:0}.north-user-text strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.north-user-text small{display:block;color:#94a3b8;font-size:10px;margin-top:2px}.north-logout{display:block;color:#fca5a5;text-decoration:none;font-size:12px;font-weight:700;padding:10px 6px;margin-top:5px}.north-logout:hover{color:#fff}
.north-mobile-toggle,.north-overlay{display:none}
body:has(.north-sidebar)>.sayfa,body:has(.north-sidebar)>.container,body:has(.north-sidebar)>.kutu{margin-left:calc(var(--north-sidebar) + 28px)!important;margin-right:28px!important;width:auto!important;max-width:none!important}
body:has(.north-sidebar)>.sayfa{padding-top:28px!important}.ust-bar,.topbar,.ust{border-radius:16px!important;box-shadow:0 8px 25px rgba(15,23,42,.06)!important}
.card,.kart,.kutu,.liste-kart,.kullanici-kart,.form-kart,.filtre-kart,.ciro-kart,.modal,.modal-kutu{border-radius:14px!important}
button,.btn{font-family:inherit!important}
input,select,textarea{font-family:inherit!important}
table th{font-weight:750!important}
/* Normalize common legacy buttons */
.btn-primary,.btn-mavi,.btn-green,.btn-yesil{background:#2563eb!important;color:#fff!important;border:0!important}.btn-red,.btn-sil{background:#dc2626!important;color:#fff!important}.btn-gray,.btn-gri,.btn-secondary{background:#e5e7eb!important;color:#111827!important;border:0!important}
@media(max-width:900px){:root{--north-sidebar:250px}.north-sidebar{transform:translateX(-100%);transition:transform .2s ease}.north-sidebar.open{transform:translateX(0)}.north-mobile-toggle{display:block;position:fixed;z-index:1100;top:14px;left:14px;width:42px;height:42px;border:0;border-radius:11px;background:#111827;color:#fff;font-size:20px;box-shadow:0 7px 20px rgba(0,0,0,.18)}.north-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:900}.north-overlay.open{display:block}body:has(.north-sidebar)>.sayfa,body:has(.north-sidebar)>.container,body:has(.north-sidebar)>.kutu{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}body:has(.north-sidebar)>.sayfa{padding-top:70px!important}.ust-bar,.topbar,.ust{padding-left:62px!important}}