/* ========================================
   FOTOĞRAFÇI TAKVİM - MİNİMİZE CSS
   ======================================== */

/* ========================================
   CSS DEĞİŞKENLERİ
   ======================================== */
:root {
    /* Modern Renk Paleti */
    --primary-50: #eff6ff;
    --primary-100: #dbeafe;
    --primary-200: #bfdbfe;
    --primary-300: #93c5fd;
    --primary-400: #60a5fa;
    --primary-500: #3b82f6;
    --primary-600: #2563eb;
    --primary-700: #1d4ed8;
    --primary-800: #1e40af;
    --primary-900: #1e3a8a;

    --secondary-50: #f8fafc;
    --secondary-100: #f1f5f9;
    --secondary-200: #e2e8f0;
    --secondary-300: #cbd5e1;
    --secondary-400: #94a3b8;
    --secondary-500: #64748b;
    --secondary-600: #475569;
    --secondary-700: #334155;
    --secondary-800: #1e293b;
    --secondary-900: #0f172a;

    --success-50: #f0fdf4;
    --success-100: #dcfce7;
    --success-200: #bbf7d0;
    --success-300: #86efac;
    --success-400: #4ade80;
    --success-500: #22c55e;
    --success-600: #16a34a;
    --success-700: #15803d;
    --success-800: #166534;
    --success-900: #14532d;

    --warning-50: #fffbeb;
    --warning-100: #fef3c7;
    --warning-200: #fde68a;
    --warning-300: #fcd34d;
    --warning-400: #fbbf24;
    --warning-500: #f59e0b;
    --warning-600: #d97706;
    --warning-700: #b45309;
    --warning-800: #92400e;
    --warning-900: #78350f;

    --danger-50: #fef2f2;
    --danger-100: #fee2e2;
    --danger-200: #fecaca;
    --danger-300: #fca5a5;
    --danger-400: #f87171;
    --danger-500: #ef4444;
    --danger-600: #dc2626;
    --danger-700: #b91c1c;
    --danger-800: #991b1b;
    --danger-900: #7f1d1d;

    --info-50: #f0f9ff;
    --info-100: #e0f2fe;
    --info-200: #bae6fd;
    --info-300: #7dd3fc;
    --info-400: #38bdf8;
    --info-500: #0ea5e9;
    --info-600: #0284c7;
    --info-700: #0369a1;
    --info-800: #075985;
    --info-900: #0c4a6e;

    /* Kurumsal Renkler - Profesyonel Tasarım */
    --corporate-blue: #1e3a8a;
    /* Koyu mavi - Güven ve profesyonellik */
    --corporate-blue-light: #3b82f6;
    /* Açık mavi - Modernlik */
    --corporate-gray: #6b7280;
    /* Orta gri - Nötr ton */
    --corporate-gray-light: #f8fafc;
    /* Açık gri - Arka plan */
    --corporate-gray-dark: #1f2937;
    /* Koyu gri - Metin */
    --corporate-green: #059669;
    /* Koyu yeşil - Başarı */
    --corporate-red: #dc2626;
    /* Koyu kırmızı - Hata */
    --corporate-yellow: #d97706;
    /* Koyu turuncu - Uyarı */
    --corporate-slate: #475569;
    /* Slate - Profesyonel gri */
    --corporate-indigo: #4338ca;
    /* İndigo - Kurumsal mavi */

    /* Spacing - Eski sistem kaldırıldı, modern --space-* sistemi kullanılıyor */

    /* Border Radius - Eski sistem kaldırıldı, modern --radius-* sistemi kullanılıyor */

    /* Modern Typography Scale */
    --text-xs: 0.75rem;     /* 12px */
    --text-sm: 0.875rem;    /* 14px */
    --text-base: 1rem;      /* 16px */
    --text-lg: 1.125rem;    /* 18px */
    --text-xl: 1.25rem;     /* 20px */
    --text-2xl: 1.5rem;     /* 24px */
    --text-3xl: 1.875rem;   /* 30px */
    --text-4xl: 2.25rem;    /* 36px */
    --text-5xl: 3rem;       /* 48px */
    --text-6xl: 3.75rem;    /* 60px */

    /* Font Weights */
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;

    /* Semantic Color Variables */
    --white: #ffffff;
    --primary: var(--corporate-blue);
    --success: var(--corporate-green);
    --warning: var(--corporate-yellow);
    --danger: var(--corporate-red);
    --info: var(--corporate-indigo);

    /* Transition Variables */
    --transition: all 0.2s ease;

    /* Base Radius */
    --radius: var(--radius-md);

    /* Gray Scale Variables */
    --gray-25: #fcfcfd;
    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;

    /* Shadows - Eski sistem kaldırıldı, modern --shadow-* sistemi kullanılıyor */

    /* Animations */
    --animation-duration-fast: 0.15s;
    --animation-duration-normal: 0.3s;
    --animation-duration-slow: 0.5s;
    --animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --animation-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --animation-easing-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Modern Spacing Scale */
    --space-0: 0;
    --space-1: 0.25rem;
    /* 4px */
    --space-2: 0.5rem;
    /* 8px */
    --space-3: 0.75rem;
    /* 12px */
    --space-4: 1rem;
    /* 16px */
    --space-5: 1.25rem;
    /* 20px */
    --space-6: 1.5rem;
    /* 24px */
    --space-8: 2rem;
    /* 32px */
    --space-10: 2.5rem;
    /* 40px */
    --space-12: 3rem;
    /* 48px */
    --space-16: 4rem;
    /* 64px */
    --space-20: 5rem;
    /* 80px */
    --space-24: 6rem;
    /* 96px */
    --space-32: 8rem;
    /* 128px */

    /* Modern Border Radius */
    --radius-none: 0;
    --radius-sm: 0.125rem;
    /* 2px */
    --radius-base: 0.25rem;
    /* 4px */
    --radius-md: 0.375rem;
    /* 6px */
    --radius-lg: 0.5rem;
    /* 8px */
    --radius-xl: 0.75rem;
    /* 12px */
    --radius-2xl: 1rem;
    /* 16px */
    --radius-3xl: 1.5rem;
    /* 24px */
    --radius-full: 9999px;

    /* Modern Shadows */
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-base: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

    /* Modern Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'Fira Code', 'Monaco', 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;

    /* Z-Index Scale */
    --z-0: 0;
    --z-10: 10;
    --z-20: 20;
    --z-30: 30;
    --z-40: 40;
    --z-50: 50;
    --z-auto: auto;

    /* Kurumsal Gradients - Profesyonel Tasarım */
    /* Gradient Palette - Kaldırıldı */
}

/* ========================================
   RESET & BASE STYLES
   ======================================== */
* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    background: var(--corporate-gray-light);
    color: var(--corporate-gray-dark);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    font-size: var(--text-base);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ========================================
   LAYOUT CSS
   ======================================== */
.corporate-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.corporate-navbar {
    background: var(--corporate-blue);
    box-shadow: var(--shadow-lg);
    border: none;
}

.corporate-navbar .navbar-brand {
    font-weight: 700;
    font-size: var(--text-xl);
    color: white !important;
    text-decoration: none;
}

.corporate-navbar .navbar-brand:hover {
    color: rgba(255, 255, 255, 0.9) !important;
}

.corporate-navbar .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500;
    padding: var(--space-2) var(--space-4) !important;
    border-radius: var(--radius-xl);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.corporate-navbar .nav-link:hover,
.corporate-navbar .nav-link.active {
    color: white !important;
    background: rgba(255, 255, 255, 0.1);
}

.corporate-navbar .dropdown-menu {
    border: none;
    box-shadow: var(--shadow-xl);
    border-radius: var(--radius-lg);
    padding: var(--space-2);
}

.corporate-navbar .dropdown-item {
    border-radius: var(--radius-xl);
    padding: var(--space-2) var(--space-4);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.corporate-navbar .dropdown-item:hover {
    background: var(--corporate-gray-light);
    color: var(--corporate-gray-dark);
}

.footer {
    background: var(--corporate-gray-light);
    border-top: 1px solid #e5e7eb;
    margin-top: auto;
}

/* ========================================
   MINIMALIST PAGE HEADER - TAMAMEN FARKLI TASARIM
   ======================================== */
.corporate-page-header {
    background: #ffffff;
    color: #1f2937;
    padding: 0;
    margin-bottom: 3rem;
    position: relative;
    border: none;
    box-shadow: none;
    width: 100%;
}

.corporate-page-header .container-fluid {
    padding: 0;
    width: 100%;
}

.corporate-title-section {
    background: #f8fafc;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    border-left: 4px solid var(--corporate-blue);
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    flex: 1;
    min-width: 0;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.corporate-title-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 50%;
    transform: translate(30px, -30px);
}


.corporate-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    color: #1f2937;
    line-height: 1.3;
    position: relative;
    z-index: 2;
}

.corporate-page-title i {
    font-size: 1.5rem;
    margin-right: 0.75rem;
    color: var(--corporate-blue);
    background: rgba(59, 130, 246, 0.1);
    padding: 0.5rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}

.corporate-page-subtitle {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    z-index: 2;
}

.corporate-action-buttons {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-top: -80px;
    position: relative;
    z-index: 2;
    margin-left: 1rem;
    flex-shrink: 0;
    align-self: flex-start;
}

.corporate-btn {
    border-radius: 12px;
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    cursor: pointer;
    font-size: 0.875rem;
    white-space: nowrap;
    min-height: 40px;
    justify-content: center;
    background: #ffffff;
}

.corporate-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.corporate-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.corporate-btn.btn-primary {
    background: var(--corporate-blue);
    border-color: var(--corporate-blue);
    color: white;
    box-shadow: 0 2px 4px 0 rgba(59, 130, 246, 0.3);
}

.corporate-btn.btn-primary:hover {
    background: #2563eb;
    border-color: #2563eb;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px 0 rgba(59, 130, 246, 0.4);
}

.corporate-btn.btn-outline-primary {
    background: transparent;
    border-color: var(--corporate-blue);
    color: var(--corporate-blue);
    box-shadow: none;
}

.corporate-btn.btn-outline-primary:hover {
    background: var(--corporate-blue);
    border-color: var(--corporate-blue);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px 0 rgba(59, 130, 246, 0.3);
}

.corporate-btn.btn-outline-secondary {
    background: transparent;
    border-color: #d1d5db;
    color: #6b7280;
    box-shadow: none;
}

.corporate-btn.btn-outline-secondary:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
    color: #374151;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

/* Button Group Styles */
.corporate-action-buttons .btn-group {
    display: flex;
    gap: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
}

.corporate-action-buttons .btn-group .corporate-btn {
    border-radius: 0;
    box-shadow: none;
    border-right: 1px solid #e5e7eb;
    background: #ffffff;
}

.corporate-action-buttons .btn-group .corporate-btn:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.corporate-action-buttons .btn-group .corporate-btn:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-right: none;
}

.corporate-action-buttons .btn-group .corporate-btn:hover {
    z-index: 1;
    position: relative;
    background: #f8fafc;
}

/* ========================================
   KURUMSAL KARTLAR
   ======================================== */
.corporate-card {
    background: white;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-base);
    border: 1px solid #e5e7eb;
    transition: all var(--animation-duration-normal) var(--animation-easing);
    overflow: hidden;
}

.corporate-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

.card-header-corporate {
    background: #1e293b;
    color: white;
    padding: var(--space-6);
    border: none;
    border-bottom: 3px solid var(--corporate-blue);
}

.card-title-corporate {
    font-weight: 600;
    margin: 0;
    font-size: var(--text-lg);
}

.card-number-corporate {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    color: white;
}

.card-body-corporate {
    padding: var(--space-6);
}

.corporate-icon {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
        font-size: 1.5rem;
    color: white;
}

.corporate-icon.bg-primary {
    background: var(--corporate-blue);
}

.corporate-icon.bg-success {
    background: var(--corporate-green);
}

.corporate-icon.bg-warning {
    background: var(--corporate-yellow);
}

.corporate-icon.bg-info {
    background: #06b6d4;
}

.corporate-icon.bg-danger {
    background: var(--corporate-red);
}

/* ========================================
   İSTATİSTİK KARTLARI
   ======================================== */
.stats-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-6);
    margin-bottom: var(--space-8);
}

.stat-card {
    background: white;
    border-radius: var(--radius-xl);
    padding: 20px;
    box-shadow: var(--shadow-base);
    border: 1px solid #e5e7eb;
    transition: all var(--animation-duration-normal) var(--animation-easing);
    position: relative;
    overflow: hidden;
}

.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

.stat-card-header {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-bottom: var(--space-2);
}

.stat-card-icon {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
}

.stat-card-icon.bg-primary {
    background: var(--corporate-blue);
}

.stat-card-icon.bg-success {
    background: var(--corporate-green);
}

.stat-card-icon.bg-warning {
    background: var(--corporate-yellow);
}

.stat-card-icon.bg-info {
    background: #06b6d4;
}

.stat-card-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--corporate-gray-dark);
    margin: 0;
    line-height: 1;
}

.stat-card-title {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--corporate-gray);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-card-subtitle {
    font-size: var(--text-xs);
    color: var(--corporate-gray);
    margin: var(--space-1) 0 0 0;
}

.stat-card-trend {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    margin-top: var(--space-2);
}

.trend-indicator {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-xs);
    font-weight: 600;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-lg);
}

.trend-indicator.positive {
    background: rgba(16, 185, 129, 0.1);
    color: var(--corporate-green);
}

.trend-indicator.negative {
    background: rgba(239, 68, 68, 0.1);
    color: var(--corporate-red);
}

.trend-indicator.neutral {
    background: rgba(107, 114, 128, 0.1);
    color: var(--corporate-gray);
}

/* ========================================
   LOGIN SAYFASI
   ======================================== */
.login-wrapper {
    min-height: 100vh;
    background: var(--corporate-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
}

.login-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: var(--radius-xl);
    padding: var(--space-8);
    box-shadow: var(--shadow-xl);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 100%;
    max-width: 450px;
}

.login-logo {
    width: 80px;
    height: 80px;
    background: var(--corporate-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
    font-size: 2.5rem;
    color: white;
    box-shadow: var(--shadow-lg);
}

.login-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-2);
    text-align: center;
}

.login-subtitle {
    font-size: var(--text-base);
    color: var(--corporate-gray);
    margin-bottom: var(--space-8);
    text-align: center;
    line-height: 1.6;
}

.login-card .form-label {
    font-weight: 600;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-2);
    display: flex;
    align-items: center;
}

.login-card .form-label i {
    color: var(--corporate-blue);
    margin-right: var(--space-1);
}

.login-card .form-control {
    border: 2px solid #e5e7eb;
    border-radius: var(--radius-xl);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.login-card .form-control:focus {
    border-color: var(--corporate-blue);
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25);
}

.login-card .btn-primary {
    background: var(--corporate-blue);
    border: none;
    color: white;
    box-shadow: var(--shadow-base);
    border-radius: var(--radius-xl);
    font-weight: 600;
    padding: var(--space-2) var(--space-6);
}

.login-card .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* ========================================
   FORM ELEMANLARI
   ======================================== */
.form-container {
    background: white;
    border-radius: var(--radius-xl);
    padding: var(--space-8);
    box-shadow: var(--shadow-base);
    border: 1px solid #e5e7eb;
    margin-bottom: var(--space-8);
}

.form-container .form-label {
    font-weight: 600;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-2);
    display: flex;
    align-items: center;
}

.form-container .form-label i {
    color: var(--corporate-blue);
    margin-right: var(--space-1);
    font-size: var(--text-sm);
}

.form-container .form-control,
.form-container .form-select {
    border: 2px solid #e5e7eb;
    border-radius: var(--radius-xl);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.form-container .form-control:focus,
.form-container .form-select:focus {
    border-color: var(--corporate-blue);
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25);
}

.form-container .btn-primary {
    background: var(--corporate-blue);
    border: none;
    color: white;
    box-shadow: var(--shadow-base);
    border-radius: var(--radius-xl);
    font-weight: 600;
    padding: var(--space-2) var(--space-6);
}

.form-container .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* ========================================
   TABLOLAR
   ======================================== */
/* ========================================
   TABLOLAR - KALDIRILDI
   ======================================== */

/* ========================================
   TAKVİM
   ======================================== */
.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background: #e5e7eb;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-base);
}

.calendar-day-header {
    background: var(--corporate-gray-light);
    padding: var(--space-4);
    text-align: center;
    font-weight: 600;
    color: var(--corporate-gray-dark);
    font-size: var(--text-sm);
}

.calendar-day {
    background: white;
    padding: var(--space-2);
    min-height: 120px;
    border: 1px solid #e5e7eb;
    transition: all var(--animation-duration-normal) var(--animation-easing);
    position: relative;
}

.calendar-day:hover {
    background: var(--corporate-gray-light);
    transform: scale(1.02);
    z-index: 2;
    box-shadow: var(--shadow-base);
}

.calendar-day.today {
    background: var(--corporate-blue);
    color: white;
    font-weight: 700;
}

.calendar-day.today .calendar-day-number {
    color: white;
}

.calendar-day-number {
    font-weight: 600;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-1);
}

.calendar-appointment {
    background: var(--corporate-blue);
    color: white;
    padding: 2px 6px;
    border-radius: var(--radius-lg);
    font-size: var(--text-xs);
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.calendar-appointment:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-sm);
}

/* ========================================
   MODAL
   ======================================== */
.modal-header {
    background: var(--corporate-blue);
    color: white;
    border: none;
    padding: var(--space-6);
}

.modal-header .modal-title {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.modal-header .btn-close {
    filter: invert(1);
    opacity: 0.8;
}

.modal-header .btn-close:hover {
    opacity: 1;
}

.modal-body {
    padding: var(--space-6);
}

.modal-footer {
    background: var(--corporate-gray-light);
    border: none;
    padding: var(--space-6);
    gap: var(--space-2);
}

/* ========================================
   ALERT MESAJLARI
   ======================================== */
.corporate-alert {
    border: none;
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-base);
}

.alert-success {
    background: rgba(16, 185, 129, 0.1);
    color: var(--corporate-green);
    border-left: 4px solid var(--corporate-green);
}

.alert-danger {
    background: rgba(239, 68, 68, 0.1);
    color: var(--corporate-red);
    border-left: 4px solid var(--corporate-red);
}

.alert-warning {
    background: rgba(245, 158, 11, 0.1);
    color: var(--corporate-yellow);
    border-left: 4px solid var(--corporate-yellow);
}

.alert-info {
    background: rgba(6, 182, 212, 0.1);
    color: #06b6d4;
    border-left: 4px solid #06b6d4;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */
@media (max-width: 1200px) {
    .stats-cards {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: var(--space-4);
    }
}

@media (max-width: 992px) {
    .corporate-title-section {
        padding: 1.25rem 1.5rem;
        width: 100%;
        min-height: 70px;
    }

    .corporate-page-title {
        font-size: 1.5rem;
        margin-bottom: 0.375rem;
    }

    .corporate-page-title i {
        font-size: 1.25rem;
        margin-right: 0.625rem;
        width: 2rem;
        height: 2rem;
        padding: 0.375rem;
    }

    .corporate-page-subtitle {
        font-size: 0.8125rem;
        margin-bottom: 0.75rem;
    }

    .corporate-action-buttons {
        justify-content: flex-start;
        margin-top: 0.75rem;
        gap: 0.5rem;
        margin-left: 0;
        align-self: flex-start;
    }

    .corporate-btn {
        padding: 0.5rem 1rem;
        font-size: 0.8125rem;
        min-height: 36px;
    }
}

@media (max-width: 768px) {
    .corporate-title-section {
        padding: 1rem 1.25rem;
        border-radius: 12px;
        width: 100%;
        min-height: 60px;
    }

    .corporate-page-title {
        font-size: 1.375rem;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.25rem;
    }

    .corporate-page-title i {
        font-size: 1.125rem;
        margin-right: 0.5rem;
        margin-bottom: 0;
        width: 1.75rem;
        height: 1.75rem;
        padding: 0.25rem;
    }

    .corporate-page-subtitle {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .corporate-action-buttons {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        justify-content: flex-start;
        margin-top: 0.5rem;
        flex-wrap: wrap;
        align-self: flex-start;
        margin-left: 0;
    }

    .corporate-btn {
        justify-content: center;
        padding: 0.5rem 0.875rem;
        min-height: 36px;
        font-size: 0.75rem;
        flex: 1;
        min-width: 0;
    }

    .corporate-action-buttons .btn-group {
        flex-direction: row;
        gap: 0;
        flex: 1;
        min-width: 0;
    }

    .corporate-action-buttons .btn-group .corporate-btn {
        border-radius: 0;
        border-right: 1px solid #e5e7eb;
        flex: 1;
        min-width: 0;
    }

    .corporate-action-buttons .btn-group .corporate-btn:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .corporate-action-buttons .btn-group .corporate-btn:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-right: none;
    }
}

@media (max-width: 576px) {
    .stats-cards {
        grid-template-columns: 1fr;
        gap: var(--space-2);
    }

    .stat-card {
        padding: var(--space-4);
    }

    .stat-card-icon {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
    }

    .stat-card-value {
        font-size: 1.75rem;
    }

    .calendar-day {
        min-height: 80px;
        padding: var(--space-1);
    }

    .calendar-day-header {
        padding: var(--space-2);
        font-size: var(--text-xs);
    }

    .calendar-appointment {
        font-size: 0.7rem;
        padding: 1px 4px;
    }

/* ========================================
   TABLET TABLE RESPONSIVE DESIGN - KALDIRILDI
   ======================================== */

/* ========================================
   MOBILE TABLE RESPONSIVE DESIGN - KALDIRILDI
   ======================================== */

    .form-container {
        padding: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .login-wrapper {
        padding: var(--space-4);
    }

    .login-card {
        padding: var(--space-6);
        margin: var(--space-2);
    }

    .login-logo {
        width: 60px;
        height: 60px;
        font-size: 2rem;
    }

    .login-title {
        font-size: 1.75rem;
    }

    .login-subtitle {
        font-size: var(--text-sm);
    }
}

@media (max-width: 576px) {
    .stat-card {
        padding: var(--space-2);
    }

    .stat-card-icon {
        width: 40px;
        height: 40px;
        font-size: var(--text-base);
    }

    .stat-card-value {
        font-size: 1.5rem;
    }

    .stat-card-title {
        font-size: var(--text-xs);
    }

    .trend-indicator {
        font-size: var(--text-xs);
        padding: 0.25rem 0.5rem;
    }

    .calendar-day {
        min-height: 60px;
        padding: 4px;
    }

    .calendar-day-number {
        font-size: var(--text-sm);
    }

    .calendar-appointment {
        font-size: 0.6rem;
        padding: 1px 3px;
    }

    .form-container {
        padding: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .login-card {
        padding: var(--space-4);
    }

    .login-logo {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }

    .login-title {
        font-size: 1.5rem;
    }

    .modal-header,
    .modal-body,
    .modal-footer {
        padding: var(--space-4);
    }

    .modal-footer {
    flex-direction: column;
    }

    .modal-footer .btn {
        width: 100%;
    }
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
/* Bootstrap ile çakışan text sınıfları kaldırıldı */

/* Bootstrap ile çakışan display ve flex sınıfları kaldırıldı */

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: var(--space-1);
}

.mb-2 {
    margin-bottom: var(--space-2);
}

.mb-3 {
    margin-bottom: var(--space-4);
}

.mb-4 {
    margin-bottom: var(--space-6);
}

.mb-5 {
    margin-bottom: var(--space-8);
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: var(--space-1);
}

.mt-2 {
    margin-top: var(--space-2);
}

.mt-3 {
    margin-top: var(--space-4);
}

.mt-4 {
    margin-top: var(--space-6);
}

.mt-5 {
    margin-top: var(--space-8);
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: var(--space-1);
}

.p-2 {
    padding: var(--space-2);
}

.p-3 {
    padding: var(--space-4);
}

.p-4 {
    padding: var(--space-6);
}

.p-5 {
    padding: var(--space-8);
}

.rounded {
    border-radius: var(--radius-xl);
}

.rounded-lg {
    border-radius: var(--radius-lg);
}

.rounded-xl {
    border-radius: var(--radius-xl);
}

.shadow-sm {
    box-shadow: var(--shadow-sm);
}

.shadow {
    box-shadow: var(--shadow-base);
}

.shadow-lg {
    box-shadow: var(--shadow-lg);
}

.shadow-xl {
    box-shadow: var(--shadow-xl);
}

/* ========================================
   ANIMATIONS
   ======================================== */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn var(--animation-duration-normal) var(--animation-easing);
}

.animate-slide-in-up {
    animation: slideInUp var(--animation-duration-normal) var(--animation-easing);
}

.animate-slide-in-down {
    animation: slideInDown var(--animation-duration-normal) var(--animation-easing);
}

/* ========================================
   MİNİMİZE RESPONSIVE UTILITIES
   ======================================== */

/* En çok kullanılan Bootstrap sınıfları için optimize edilmiş stiller */
.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

/* Responsive Display */
@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-flex {
        display: flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }

    .d-md-none {
        display: none !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-flex {
        display: flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }
}

/* Spacing Utilities - En çok kullanılanlar */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: var(--space-1) !important;
}

.mb-2 {
    margin-bottom: var(--space-2) !important;
}

.mb-3 {
    margin-bottom: var(--space-4) !important;
}

.mb-4 {
    margin-bottom: var(--space-6) !important;
}

.mb-5 {
    margin-bottom: var(--space-8) !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: var(--space-1) !important;
}

.mt-2 {
    margin-top: var(--space-2) !important;
}

.mt-3 {
    margin-top: var(--space-4) !important;
}

.mt-4 {
    margin-top: var(--space-6) !important;
}

.mt-5 {
    margin-top: var(--space-8) !important;
}

.me-1 {
    margin-right: var(--space-1) !important;
}

.me-2 {
    margin-right: var(--space-2) !important;
}

.me-3 {
    margin-right: var(--space-4) !important;
}

.me-4 {
    margin-right: var(--space-6) !important;
}

.me-5 {
    margin-right: var(--space-8) !important;
}

.ms-1 {
    margin-left: var(--space-1) !important;
}

.ms-2 {
    margin-left: var(--space-2) !important;
}

.ms-3 {
    margin-left: var(--space-4) !important;
}

.ms-4 {
    margin-left: var(--space-6) !important;
}

.ms-5 {
    margin-left: var(--space-8) !important;
}

/* Flexbox Utilities */
.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

/* .flex-column - Bootstrap'te zaten mevcut, çakışma önlemek için kaldırıldı */

/* .flex-row - Bootstrap'te zaten mevcut, çakışma önlemek için kaldırıldı */

/* .flex-wrap, .flex-nowrap - Bootstrap'te zaten mevcut, çakışma önlemek için kaldırıldı */

/* Text Utilities - Bootstrap ile çakışan sınıflar kaldırıldı */

.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

.text-muted {
    color: var(--corporate-gray) !important;
}

.text-primary {
    color: var(--corporate-blue) !important;
}

.text-success {
    color: var(--corporate-green) !important;
}

.text-danger {
    color: var(--corporate-red) !important;
}

.text-warning {
    color: var(--corporate-yellow) !important;
}

.text-info {
    color: #06b6d4 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-light {
    font-weight: 300 !important;
}

/* Size Utilities */
.small {
    font-size: var(--text-sm) !important;
}

.fs-1 {
    font-size: 2.5rem !important;
}

.fs-2 {
    font-size: 2rem !important;
}

.fs-3 {
    font-size: 1.75rem !important;
}

.fs-4 {
    font-size: 1.5rem !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

/* Width Utilities */
.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

/* Height Utilities */
.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

/* Position Utilities */
.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

/* Overflow Utilities */
.overflow-hidden {
    overflow: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-visible {
    overflow: visible !important;
}

/* Border Utilities */
.border {
    border: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-start {
    border-left: 1px solid #dee2e6 !important;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

/* Rounded Utilities */
.rounded {
    border-radius: var(--radius-md) !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: var(--radius-sm) !important;
}

.rounded-2 {
    border-radius: var(--radius-md) !important;
}

.rounded-3 {
    border-radius: var(--radius-lg) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

/* Shadow Utilities */
.shadow-none {
    box-shadow: none !important;
}

.shadow-sm {
    box-shadow: var(--shadow-sm) !important;
}

.shadow {
    box-shadow: var(--shadow-base) !important;
}

.shadow-lg {
    box-shadow: var(--shadow-lg) !important;
}

/* Opacity Utilities */
.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

/* Cursor Utilities */
.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

/* User Select Utilities */
.user-select-none {
    user-select: none !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-all {
    user-select: all !important;
}

/* Pointer Events Utilities */
.pointer-events-none {
    pointer-events: none !important;
}

.pointer-events-auto {
    pointer-events: auto !important;
}

/* Visibility Utilities */
.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

/* Z-index Utilities */
.z-0 {
    z-index: 0 !important;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

/* ========================================
   RESPONSIVE GRID SYSTEM
   ======================================== */
.container-fluid {
    width: 100%;
    padding-right: var(--space-4);
    padding-left: var(--space-4);
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--space-4) * -0.5);
    margin-left: calc(var(--space-4) * -0.5);
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

[class*="col-"] {
    position: relative;
    width: 100%;
    padding-right: calc(var(--space-4) * 0.5);
    padding-left: calc(var(--space-4) * 0.5);
}

@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
}

@media (min-width: 768px) {
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
}

@media (min-width: 992px) {
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
}

@media (min-width: 1200px) {
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
}

/* ========================================
   MİNİMİZE FORM & BUTTON STYLES
   ======================================== */

/* Form Elements - En çok kullanılanlar */
.form-label {
    font-weight: 600;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-2);
    display: flex;
    align-items: center;
}

.form-control {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    font-weight: 400;
    line-height: 1.5;
    color: var(--corporate-gray-dark);
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #e5e7eb;
    border-radius: var(--radius-xl);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.form-control:focus {
    color: var(--corporate-gray-dark);
    background-color: #fff;
    border-color: var(--corporate-blue);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25);
}

.form-select {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    font-weight: 400;
    line-height: 1.5;
    color: var(--corporate-gray-dark);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right var(--space-4) center;
    background-size: 16px 12px;
    border: 2px solid #e5e7eb;
    border-radius: var(--radius-xl);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.form-select:focus {
    border-color: var(--corporate-blue);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25);
}

.form-text {
    margin-top: var(--space-1);
    font-size: var(--text-sm);
    color: var(--corporate-gray);
}

/* Button Styles - En çok kullanılanlar */
.btn {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: var(--corporate-gray-dark);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    border-radius: var(--radius-xl);
    transition: all var(--animation-duration-normal) var(--animation-easing);
}

.btn:hover {
    color: var(--corporate-gray-dark);
    text-decoration: none;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25);
}

.btn-primary {
    color: #fff;
    background: var(--corporate-blue);
    border-color: var(--corporate-blue);
}

.btn-primary:hover {
    color: #fff;
    background: #1d4ed8;
    border-color: #1d4ed8;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.btn-outline-primary {
    color: var(--corporate-blue);
    border-color: var(--corporate-blue);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--corporate-blue);
    border-color: var(--corporate-blue);
}

.btn-outline-secondary {
    color: var(--corporate-gray);
    border-color: var(--corporate-gray);
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--corporate-gray);
    border-color: var(--corporate-gray);
}

.btn-outline-success {
    color: var(--corporate-green);
    border-color: var(--corporate-green);
}

.btn-outline-success:hover {
    color: #fff;
    background-color: var(--corporate-green);
    border-color: var(--corporate-green);
}

.btn-outline-warning {
    color: var(--corporate-yellow);
    border-color: var(--corporate-yellow);
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: var(--corporate-yellow);
    border-color: var(--corporate-yellow);
}

.btn-outline-info {
    color: #06b6d4;
    border-color: #06b6d4;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #06b6d4;
    border-color: #06b6d4;
}

.btn-sm {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-sm);
    border-radius: var(--radius-xl);
}

.btn-lg {
    padding: var(--space-4) var(--space-6);
    font-size: var(--text-lg);
    border-radius: var(--radius-lg);
}

/* Alert Styles */
.alert {
    position: relative;
    padding: var(--space-4) var(--space-6);
    margin-bottom: var(--space-6);
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-info {
    color: #055160;
    background-color: #d1ecf1;
    border-color: #b6effb;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: var(--space-6) var(--space-6);
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='m.5 3.5 3 3-3 3 1 1 3-3 3 3 1-1-3-3 3-3-1-1-3 3-3-3z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: var(--radius-lg);
    opacity: 0.5;
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

/* Card Styles */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-lg);
}

.card-body {
    flex: 1 1 auto;
    padding: var(--space-6);
}

.card-header {
    padding: var(--space-4) var(--space-6);
    margin-bottom: 0;
    background: #f8fafc;
    border-bottom: 2px solid var(--corporate-blue);
    border-top-left-radius: calc(var(--radius-lg) - 1px);
    border-top-right-radius: calc(var(--radius-lg) - 1px);
    color: #1e293b;
    font-weight: 600;
}

/* Table Styles - KALDIRILDI */

/* Badge Styles */
.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--radius-lg);
}

.bg-primary {
    background-color: var(--corporate-blue) !important;
}

.bg-success {
    background-color: var(--corporate-green) !important;
}

.bg-warning {
    background-color: var(--corporate-yellow) !important;
}

.bg-info {
    background-color: #06b6d4 !important;
}

.bg-danger {
    background-color: var(--corporate-red) !important;
}

.bg-light {
    background-color: var(--corporate-gray-light) !important;
}

.bg-dark {
    background-color: var(--corporate-gray-dark) !important;
}

.bg-opacity-10 {
    background-color: rgba(var(--corporate-blue), 0.1) !important;
}

.bg-opacity-25 {
    background-color: rgba(var(--corporate-blue), 0.25) !important;
}

.bg-opacity-50 {
    background-color: rgba(var(--corporate-blue), 0.5) !important;
}

.bg-opacity-75 {
    background-color: rgba(var(--corporate-blue), 0.75) !important;
}

/* Modal Styles */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.modal-dialog {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: var(--space-4);
    pointer-events: none;
    display: flex;
    align-items: center;
    min-height: calc(100% - (var(--space-4) * 2));
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    outline: 0;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-6);
    border-bottom: 1px solid #e5e7eb;
    border-top-left-radius: calc(var(--radius-lg) - 1px);
    border-top-right-radius: calc(var(--radius-lg) - 1px);
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--space-6);
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: var(--space-6);
    border-top: 1px solid #e5e7eb;
    border-bottom-right-radius: calc(var(--radius-lg) - 1px);
    border-bottom-left-radius: calc(var(--radius-lg) - 1px);
}

/* Modal Size Variants */
.modal-dialog.modal-sm {
    max-width: 300px;
}

.modal-dialog.modal-lg {
    max-width: 800px;
}

.modal-dialog.modal-xl {
    max-width: 1140px;
}

/* Responsive Modal */
@media (max-width: 768px) {
    .modal-dialog {
        max-width: 95%;
        margin: var(--space-2);
        min-height: calc(100% - (var(--space-2) * 2));
    }

    .modal-content {
        border-radius: var(--radius-xl);
    }

    .modal-header,
    .modal-body,
    .modal-footer {
        padding: var(--space-4);
    }
}

@media (max-width: 480px) {
    .modal-dialog {
        max-width: 100%;
        margin: 0;
        min-height: 100%;
        border-radius: 0;
    }

    .modal-content {
        border-radius: 0;
    border: none;
        min-height: 100vh;
    }
}

/* ========================================
   MODERN CARD DESIGNS - DUPLICATE KALDIRILDI
   ======================================== */
/* Duplicate .modern-card kaldırıldı - sadece sade versiyon kullanılacak */

.modern-card-header {
    padding: var(--space-6);
    border-bottom: 2px solid var(--corporate-blue);
    background: #1e293b;
    color: white;
    font-weight: 600;
}

.modern-card-body {
    padding: var(--space-6);
}

.modern-card-footer {
    padding: var(--space-6);
    border-top: 1px solid var(--corporate-gray);
    background: var(--corporate-gray-light);
}

/* ========================================
   MODERN BUTTON DESIGNS
   ======================================== */
.btn-modern {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-sm);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    border: none;
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--animation-duration-normal) var(--animation-easing);
    overflow: hidden;
    user-select: none;
}

.btn-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left var(--animation-duration-slow) var(--animation-easing);
}

.btn-modern:hover::before {
    left: 100%;
}

.btn-modern-primary {
    background: var(--corporate-blue);
    color: white;
    box-shadow: var(--shadow-md);
}

.btn-modern-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    color: white;
}

.btn-modern-secondary {
    background: var(--corporate-slate);
    color: white;
    box-shadow: var(--shadow-md);
}

.btn-modern-secondary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    color: white;
}

.btn-modern-success {
    background: var(--corporate-green);
    color: white;
    box-shadow: var(--shadow-md);
}

.btn-modern-success:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    color: white;
}

.btn-modern-danger {
    background: var(--corporate-red);
    color: white;
    box-shadow: var(--shadow-md);
}

.btn-modern-danger:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    color: white;
}

.btn-modern-outline {
    background: transparent;
    color: var(--corporate-blue);
    border: 2px solid var(--corporate-blue);
    box-shadow: none;
}

.btn-modern-outline:hover {
    background: var(--corporate-blue);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* ========================================
   MODERN FORM ELEMENTS
   ======================================== */
.form-modern {
    position: relative;
}

.form-modern .form-control {
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid var(--corporate-gray);
    border-radius: var(--radius-lg);
    padding: var(--space-4) var(--space-4);
    font-size: var(--text-base);
    transition: all var(--animation-duration-normal) var(--animation-easing);
    box-shadow: var(--shadow-sm);
}

.form-modern .form-control:focus {
    outline: none;
    border-color: var(--corporate-blue);
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
    background: white;
}

.form-modern .form-label {
    font-weight: 600;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
}

/* Duplicate .form-modern .form-control kaldırıldı */

/* ========================================
   MODERN STATISTICS CARDS - DUPLICATE KALDIRILDI
   ======================================== */
/* Duplicate .stats-modern kaldırıldı - sadece sade versiyon kullanılacak */

.stat-modern {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-2xl);
    padding: var(--space-6);
    box-shadow: var(--shadow-lg);
    transition: all var(--animation-duration-normal) var(--animation-easing);
    position: relative;
    overflow: hidden;
}

.stat-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--corporate-blue);
    border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
}

.stat-modern:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

.stat-modern-icon {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    margin-bottom: var(--space-4);
    position: relative;
    overflow: hidden;
}

.stat-modern-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--corporate-blue);
    border-radius: var(--radius-xl);
}

.stat-modern-icon i {
    position: relative;
    z-index: 1;
}

.stat-modern-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--corporate-gray-dark);
    margin-bottom: var(--space-1);
    line-height: 1;
}

.stat-modern-title {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--corporate-gray);
    margin-bottom: var(--space-2);
}

.stat-modern-subtitle {
    font-size: var(--text-sm);
    color: var(--corporate-gray);
    margin-bottom: var(--space-4);
}

.stat-modern-trend {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: 600;
}

.trend-positive {
    color: var(--corporate-green);
}

.trend-negative {
    color: var(--corporate-red);
}

.trend-neutral {
    color: var(--corporate-gray);
}

/* ========================================
   MODERN TABLE DESIGNS - KALDIRILDI
   ======================================== */

/* ========================================
   MODERN ALERT DESIGNS
   ======================================== */
.alert-modern {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-md);
    position: relative;
    overflow: hidden;
}

.alert-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.alert-modern-success::before {
    background: var(--corporate-green);
}

.alert-modern-warning::before {
    background: var(--corporate-yellow);
}

.alert-modern-danger::before {
    background: var(--corporate-red);
}

.alert-modern-info::before {
    background: var(--corporate-indigo);
}

/* ========================================
   MODERN ANIMATIONS & INTERACTIONS
   ======================================== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    100% {
        transform: translateY(0);
    }

    40%,
    43% {
        transform: translateY(-10px);
    }

    70% {
        transform: translateY(-5px);
    }

    90% {
        transform: translateY(-2px);
    }
}

/* Shimmer animasyonu kaldırıldı */

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes glow {

    0%,
    100% {
        box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
    }

    50% {
        box-shadow: 0 0 20px rgba(59, 130, 246, 0.8);
    }
}

/* Animation Classes */
.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

.animate-fade-in-left {
    animation: fadeInLeft 0.6s ease-out;
}

.animate-fade-in-right {
    animation: fadeInRight 0.6s ease-out;
}

.animate-scale-in {
    animation: scaleIn 0.4s ease-out;
}

.animate-slide-in-down {
    animation: slideInDown 0.6s ease-out;
}

.animate-pulse {
    animation: pulse 2s infinite;
}

.animate-bounce {
    animation: bounce 1s infinite;
}

/* Shimmer animasyonu kaldırıldı */

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-glow {
    animation: glow 2s ease-in-out infinite;
}

/* Hover Effects */
.hover-lift {
    transition: transform var(--animation-duration-normal) var(--animation-easing);
}

.hover-lift:hover {
    transform: translateY(-4px);
}

.hover-scale {
    transition: transform var(--animation-duration-normal) var(--animation-easing);
}

.hover-scale:hover {
    transform: scale(1.05);
}

.hover-rotate {
    transition: transform var(--animation-duration-normal) var(--animation-easing);
}

.hover-rotate:hover {
    transform: rotate(5deg);
}

.hover-glow {
    transition: box-shadow var(--animation-duration-normal) var(--animation-easing);
}

.hover-glow:hover {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}

/* Stagger Animations */
.stagger-1 {
    animation-delay: 0.1s;
}

.stagger-2 {
    animation-delay: 0.2s;
}

.stagger-3 {
    animation-delay: 0.3s;
}

.stagger-4 {
    animation-delay: 0.4s;
}

.stagger-5 {
    animation-delay: 0.5s;
}

.stagger-6 {
    animation-delay: 0.6s;
}

/* Loading Animations */
.loading-spinner {
        width: 40px;
        height: 40px;
    border: 4px solid var(--secondary-200);
    border-top: 4px solid var(--primary-500);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-dots {
    display: inline-block;
}

.loading-dots::after {
    content: '';
    animation: dots 1.5s infinite;
}

@keyframes dots {

    0%,
    20% {
        content: '';
    }

    40% {
        content: '.';
    }

    60% {
        content: '..';
    }

    80%,
    100% {
        content: '...';
    }
}

/* Skeleton Loading */
.skeleton {
    background: #f0f0f0;
    border-radius: var(--radius-xl);
}

.skeleton-text {
    height: 1rem;
    margin-bottom: 0.5rem;
}

.skeleton-text:last-child {
    width: 60%;
}

.skeleton-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.skeleton-button {
    height: 40px;
    width: 100px;
}

/* Micro-interactions */
.micro-bounce:active {
    transform: scale(0.95);
    transition: transform 0.1s ease;
}

.micro-rotate:active {
    transform: rotate(5deg);
    transition: transform 0.1s ease;
}

.micro-pulse:active {
    animation: pulse 0.3s ease;
}

/* Scroll Animations */
.scroll-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.scroll-reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* ========================================
   EKSİK CSS SINIFLARI - VIEWS UYUMLULUĞU
   ======================================== */

/* ========================================
   YENİ İSTATİSTİK KARTLARI TASARIMI
   ======================================== */

/* Modern Statistics Container */
.stats-modern {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    padding: var(--space-2);
    /* background: var(--white); */
    /* border: 1px solid var(--gray-200); */
    border-radius: var(--radius-lg);
    /* box-shadow: var(--shadow-sm); */
}

/* Gradient top border kaldırıldı - daha sade tasarım için */

/* Individual Stat Card */
.stat-modern {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    padding: var(--space-2);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: var(--shadow-sm);
}

.stat-modern:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary);
}

/* Stat Icon */
.stat-modern-icon {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto var(--space-1);
    color: white;
}

.stat-modern:hover .stat-modern-icon {
    transform: scale(1.05);
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}



/* Stat Value */
.stat-modern-value {
  font-size: 2.5rem;
    font-weight: 700;
    color: var(--corporate-gray-dark);
    margin: 0;
    line-height: 1;
}

/* Gradient underline kaldırıldı - daha sade tasarım için */

/* Stat Title */
.stat-modern-title {
  font-size: var(--text-sm);
    font-weight: 600;
    color: var(--corporate-gray);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Stat Subtitle */
.stat-modern-subtitle {
     font-size: var(--text-xs);
    color: var(--corporate-gray);
    margin: var(--space-1) 0 0 0;
}

/* Stat Trend */
.stat-modern-trend {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

/* Trend Indicators */
.trend-positive {
    color: var(--success);
}

/* Trend animasyonları kaldırıldı - daha sade tasarım için */

.trend-neutral {
    color: var(--gray-500);
}

.trend-negative {
    color: var(--danger);
}

/* Responsive Design for Stats */
@media (max-width: 768px) {
    .stats-modern {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: var(--space-1);
        padding: var(--space-1);
    }

    .stat-modern {
        padding: var(--space-1);
    }

    .stat-modern-icon {
        width: 24px;
        height: 24px;
        margin-bottom: var(--space-1);
    }

    .stat-modern-value {
        font-size: var(--text-base);
    }

    .stat-modern-title {
        font-size: var(--text-xs);
    }

    .stat-modern-subtitle {
        font-size: var(--text-xs);
    }
}

@media (max-width: 480px) {
    .stats-modern {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        gap: var(--space-1);
        padding: var(--space-1);
    }

    .stat-modern {
        padding: var(--space-1);
    }

    .stat-modern-icon {
        width: 20px;
        height: 20px;
        margin-bottom: var(--space-1);
    }

    .stat-modern-value {
        font-size: var(--text-sm);
    }
}

/* Dark mode desteği kaldırıldı - kullanıcı tercihi */

/* Modern Cards */
.modern-card {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: var(--transition);
}

.modern-card:hover {
    box-shadow: var(--shadow-md);
}

.modern-card-header {
    background: #1e293b;
    border-bottom: 2px solid var(--corporate-blue);
    padding: var(--space-6);
    color: white;
    font-weight: 600;
}

.modern-card-body {
    padding: var(--space-6);
}

.modern-card-footer {
    background: var(--gray-50);
    border-top: 1px solid var(--gray-200);
    padding: var(--space-6);
}

/* Quick Actions Modern */
.quick-actions-modern {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    position: relative;
}

.quick-actions-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--primary);
    opacity: 0;
    transition: var(--transition);
}

.quick-actions-modern:hover::before {
    opacity: 1;
}

.quick-actions-header {
    background: var(--gray-50);
    padding: var(--space-6);
    border-bottom: 1px solid var(--gray-200);
}

.quick-actions-title {
    color: var(--gray-800);
    font-weight: var(--font-bold);
    font-size: var(--text-lg);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.quick-actions-body {
    padding: var(--space-6);
}

.quick-actions-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-3);
}

.quick-action-item {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius);
    padding: var(--space-4);
    transition: var(--transition);
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
}

.quick-action-item:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
    transform: translateY(-1px);
    box-shadow: var(--shadow-base);
}

.quick-action-item.primary {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.quick-action-item.success {
    border-color: var(--success);
}

.quick-action-item.success:hover {
    background: var(--success);
    color: var(--white);
}

.quick-action-item.warning {
    border-color: var(--warning);
}

.quick-action-item.warning:hover {
    background: var(--warning);
    color: var(--white);
}

.quick-action-item.info {
    border-color: var(--info);
}

.quick-action-item.info:hover {
    background: var(--info);
    color: var(--white);
}

.quick-action-content {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.quick-action-icon {
    width: 32px;
    height: 32px;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-base);
    background: var(--gray-200);
    color: var(--gray-600);
    transition: var(--transition);
}

.quick-action-item:hover .quick-action-icon {
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
}

.quick-action-text {
    flex: 1;
}

.quick-action-title {
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    margin: 0 0 var(--space-1) 0;
    color: inherit;
}

.quick-action-subtitle {
    font-size: var(--text-xs);
    opacity: 0.8;
    margin: 0;
    color: inherit;
}

.quick-action-arrow {
    color: var(--gray-400);
    font-size: var(--text-base);
    transition: var(--transition);
}

.quick-action-item:hover .quick-action-arrow {
    color: inherit;
    transform: translateX(4px);
}

/* Calendar Navigation */
.calendar-nav {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* Animation Classes */
.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

.stagger-1 {
    animation-delay: 0.1s;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

.animate-in {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Dashboard Page */
.dashboard-page {
    padding: var(--space-6) 0;
}

/* ========================================
   EKSİK CSS SINIFLARI - VIEWS UYUMLULUĞU
   ======================================== */

/* Chart Container */
.chart-container-corporate {
    height: 300px;
    position: relative;
    background: var(--white);
    border-radius: var(--radius);
    padding: var(--space-4);
}

/* Corporate Table - KALDIRILDI */

/* Corporate Table remaining styles - KALDIRILDI */

/* Corporate Avatar */
.corporate-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.corporate-avatar.bg-success {
    background: var(--success);
}

.corporate-avatar.bg-warning {
    background: var(--warning);
}

.corporate-avatar.bg-info {
    background: var(--info);
}

.corporate-avatar.bg-danger {
    background: var(--danger);
}

/* Button Check */
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check:checked + .btn {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

/* Button Group Small */
.btn-group-sm .btn {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    border-radius: var(--radius-xl);
}

.btn-group-sm .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-sm .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-sm .btn:not(:first-child):not(:last-child) {
    border-radius: 10;
}

/* Text Truncate */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Table Light */
/* Table Light - KALDIRILDI */

/* Border 0 */
.border-0 {
    border: 0 !important;
}

/* Text Center */
.text-center {
    text-align: center !important;
}

/* D Inline Block */
.d-inline-block {
    display: inline-block !important;
}

/* Font Weight */
.fw-bold {
    font-weight: var(--font-bold) !important;
}

.fw-medium {
    font-weight: var(--font-medium) !important;
}

/* Text Colors */
.text-muted {
    color: var(--gray-500) !important;
}

.text-success {
    color: var(--success) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.text-info {
    color: var(--info) !important;
}



/* Border Colors */
.border-success {
    border-color: var(--success) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}

.border-info {
    border-color: var(--info) !important;
}

/* Button Outline */
.btn-outline-info {
    color: var(--info);
    border-color: var(--info);
    background: transparent;
}

.btn-outline-info:hover {
    background: var(--info);
    color: var(--white);
    border-color: var(--info);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
}

.btn-outline-primary:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

/* Button Small */
.btn-sm {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    border-radius: var(--radius-xl);
}

/* Table Responsive - KALDIRILDI */

/* P 0 */
.p-0 {
    padding: 0 !important;
}

/* MB 0 */
.mb-0 {
    margin-bottom: 0 !important;
}

/* Me 2 */
.me-2 {
    margin-right: var(--space-2) !important;
}

/* Me 3 */
.me-3 {
    margin-right: var(--space-3) !important;
}

/* Dark mode desteği kaldırıldı - Sadece light tema kullanılacak */