/* Makro Panel — statik yardımcı sınıflar (CDN Tailwind yerine, anında yükleme) */
*,*::before,*::after{box-sizing:border-box}
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.min-w-0{min-width:0}.min-h-screen{min-height:100vh}.w-full{width:100%}
.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}
.hidden{display:none!important}.whitespace-nowrap{white-space:nowrap}
.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}
.ml-auto{margin-left:auto}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
.leading-relaxed{line-height:1.625}
.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}
.border{border-width:1px;border-style:solid;border-color:#e2e8f0}
.border-t{border-top:1px solid #f1f5f9}
.border-l-4{border-left-width:4px;border-left-style:solid}
.border-brand\/20{border-color:rgba(31,73,153,.2)}
.border-indigo-100{border-color:#e0e7ff}.border-emerald-100{border-color:#d1fae5}
.border-amber-100{border-color:#fef3c7}.border-violet-100{border-color:#ede9fe}
.border-blue-100{border-color:#dbeafe}.border-indigo-400{border-color:#818cf8}
.border-amber-200\/60{border-color:rgba(253,230,138,.6)}
.border-white\/40{border-color:rgba(255,255,255,.4)}.border-white\/50{border-color:rgba(255,255,255,.5)}
.bg-slate-50{background-color:#f8fafc}.bg-slate-50\/90{background-color:rgba(248,250,252,.9)}
.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}
.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-50\/80{background-color:rgba(236,253,245,.8)}
.bg-emerald-50\/40{background-color:rgba(236,253,245,.4)}
.bg-indigo-50{background-color:#eef2ff}.bg-blue-50{background-color:#eff6ff}
.bg-violet-50{background-color:#f5f3ff}.bg-amber-50{background-color:#fffbeb}
.bg-amber-50\/40{background-color:rgba(255,251,235,.4)}
.bg-brand\/5{background-color:rgba(31,73,153,.05)}
.text-white\/95{color:rgba(255,255,255,.95)}.text-white\/70{color:rgba(255,255,255,.7)}
.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}
.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}
.text-brand{color:var(--brand-primary)}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}
.text-amber-800{color:#92400e}.text-amber-900{color:#78350f}
.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}
.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}
.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}
.text-violet-600{color:#7c3aed}.text-violet-700{color:#6d28d9}.text-violet-800{color:#5b21b6}
.text-teal-600{color:#0d9488}.text-teal-700{color:#0f766e}
.text-purple-600{color:#9333ea}.text-orange-600{color:#ea580c}
.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}
.text-emerald-800{color:#065f46}
.border-amber-500{border-color:#f59e0b}.border-blue-500{border-color:#3b82f6}
.border-emerald-500{border-color:#10b981}.border-brand{border-color:var(--brand-primary)}
.border-violet-500{border-color:#8b5cf6}.border-teal-500{border-color:#14b8a6}
.border-indigo-500{border-color:#6366f1}.border-teal-600{border-color:#0d9488}
.border-purple-500{border-color:#a855f7}.border-orange-500{border-color:#f97316}
.border-red-400{border-color:#f87171}.border-red-500{border-color:#ef4444}
.border-emerald-400{border-color:#34d399}
.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}
.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}
.max-h-full{max-height:100%}.min-w-\[400px\]{min-width:400px}.min-w-\[500px\]{min-width:500px}
.min-w-\[600px\]{min-width:600px}.min-w-\[700px\]{min-width:700px}.min-w-\[800px\]{min-width:800px}
.col-span-2{grid-column:span 2 / span 2}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.max-w-md{max-width:28rem}.hover\:underline:hover{text-decoration:underline}
.hover\:bg-white\/40:hover{background-color:rgba(255,255,255,.4)}
.hover\:bg-white\/60:hover{background-color:rgba(255,255,255,.6)}
.transition{transition-property:color,background-color,border-color,transform;transition-duration:.15s}
.shadow-glass{box-shadow:0 8px 32px rgba(31,73,153,.12)}
.sticky{position:sticky}.top-0{top:0}.z-30{z-index:30}
@media(min-width:640px){
  .sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}
  .sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}
  .sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-base{font-size:1rem}
  .sm\:text-2xl{font-size:1.5rem}.sm\:text-3xl{font-size:1.875rem}.sm\:h-72{height:18rem}.sm\:h-80{height:20rem}
}
@media(min-width:768px){
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1024px){
  .lg\:hidden{display:none}.lg\:ml-0{margin-left:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:1280px){
  .xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .xl\:col-span-2{grid-column:span 2 / span 2}
}
.chart-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:.75rem}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ─── Ek layout & yardımcı sınıflar ─── */
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}
.pointer-events-none{pointer-events:none}.z-100{z-index:100}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.col-span-full{grid-column:1 / -1}
.items-end{align-items:flex-end}.self-center{align-self:center}
.flex-shrink-0,.shrink-0{flex-shrink:0}
.inline-block{display:inline-block}.inline-flex{display:inline-flex}
.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}
.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}
.outline-none{outline:none}
.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}
.border-dashed{border-style:dashed}
.border-slate-200\/80{border-color:rgba(226,232,240,.8)}
.border-slate-100\/80{border-color:rgba(241,245,249,.8)}
.border-slate-300{border-color:#cbd5e1}
.border-red-200{border-color:#fecaca}
.bg-white\/30{background-color:rgba(255,255,255,.3)}.bg-white\/40{background-color:rgba(255,255,255,.4)}
.bg-white\/50{background-color:rgba(255,255,255,.5)}.bg-white\/70{background-color:rgba(255,255,255,.7)}
.bg-white\/90{background-color:rgba(255,255,255,.9)}
.bg-brand\/10{background-color:rgba(31,73,153,.1)}
.bg-red-50{background-color:#fef2f2}.bg-red-50\/90{background-color:rgba(254,242,242,.9)}
.bg-emerald-100{background-color:#d1fae5}.bg-slate-100{background-color:#f1f5f9}
.bg-slate-900\/45{background-color:rgba(15,23,42,.45)}
.text-\[10px\]{font-size:10px;line-height:1.2}.text-\[11px\]{font-size:11px}
.placeholder-slate-400::placeholder{color:#94a3b8}
.divide-y>*+*{border-top:1px solid #f1f5f9}
.divide-slate-100\/80>*+*{border-top-color:rgba(241,245,249,.8)}
.max-h-80{max-height:20rem}.overflow-y-auto{overflow-y:auto}
.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-3xl{border-radius:1.5rem}
.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}
.w-5{width:1.25rem}.h-5{height:1.25rem}.w-9{width:2.25rem}.h-9{height:2.25rem}
.w-12{width:3rem}.h-12{height:3rem}
.mx-auto{margin-left:auto;margin-right:auto}
.opacity-80{opacity:.8}
.font-mono{font-family:ui-monospace,monospace}
.p-12{padding:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.pl-\[2\.875rem\]{padding-left:2.875rem}
.shadow-glass-lg{box-shadow:0 16px 48px rgba(31,73,153,.16)}
.blur-3xl{filter:blur(64px)}
.object-contain{object-fit:contain}
.hover\:bg-white\/50:hover{background-color:rgba(255,255,255,.5)}
.min-h-\[2\.75rem\]{min-height:2.75rem}
.-top-24{top:-6rem}.-right-24{right:-6rem}.-bottom-32{bottom:-8rem}.-left-32{left:-8rem}
.hover\:bg-red-50:hover{background-color:#fef2f2}
.hover\:bg-brand\/5:hover{background-color:rgba(31,73,153,.05)}
.hover\:file\:opacity-90:hover::file-selector-button{opacity:.9}
@media(min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:col-span-2{grid-column:span 2 / span 2}
  .sm\:table-cell{display:table-cell}
}
@media(min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:table-cell{display:table-cell}
}
@media(min-width:1024px){
  .lg\:block{display:block}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:col-span-2{grid-column:span 2 / span 2}
  .lg\:col-span-3{grid-column:span 3 / span 3}
  .lg\:table-cell{display:table-cell}
}
@media(min-width:1280px){
  .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}