/* common.css - birden fazla sayfada (veya header/footer içinde) kullanılan kurallar
   pages.css bölünerek oluşturuldu: her kural yalnızca kullanıldığı sayfada yüklenir. */

.u-3c1a6d.u-3c1a6d {
    max-width: 950px;
    margin: 10px auto;
    padding: 0 4px;
}

.u-27f388.u-27f388 {
    margin-bottom: 8px;
    text-align: left;
}

.u-e58f08.u-e58f08 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #334155;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 700;
}

.u-55c0ab.u-55c0ab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.u-c2aa8a.u-c2aa8a {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 2px 0;
    color: #fff;
}

.u-23926e.u-23926e {
    background: #ffffff;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.75rem;
    cursor: pointer;
}

.u-6ad68f.u-6ad68f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    margin-bottom: 10px;
}

.u-21c6b3.u-21c6b3 {
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    border-left: 3px solid #dc2626;
}

.u-f1a6ea.u-f1a6ea {
    font-size: 0.60rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
}

.u-30a714.u-30a714 {
    font-size: 0.95rem;
    font-weight: 800;
    color: #dc2626;
    margin-top: 2px;
}

.u-7c151b.u-7c151b {
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    border-left: 3px solid #16a34a;
}

.u-30b8ed.u-30b8ed {
    font-size: 0.95rem;
    font-weight: 800;
    color: #16a34a;
    margin-top: 2px;
}

.u-6c0b6c.u-6c0b6c {
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
}

.u-382091.u-382091 {
    font-size: 0.95rem;
    font-weight: 800;
    margin-top: 2px;
}

.u-6b47d6.u-6b47d6 {
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    border-left: 3px solid #2563eb;
}

.u-900e05.u-900e05 {
    font-size: 0.95rem;
    font-weight: 800;
    color: #2563eb;
    margin-top: 2px;
}

.u-4cf896.u-4cf896 {
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    border-left: 3px solid #0284c7;
}

.u-803c52.u-803c52 {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0284c7;
    margin-top: 2px;
}

.u-d8b116.u-d8b116 {
    background: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    border-left: 3px solid #9333ea;
}

.u-050448.u-050448 {
    font-size: 0.95rem;
    font-weight: 800;
    color: #9333ea;
    margin-top: 2px;
}

.u-c9b4fa.u-c9b4fa {
    font-size: 0.8rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.u-987eb2.u-987eb2 {
    overflow-x: auto;
}

.u-e0e452.u-e0e452 {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.7rem;
}

.u-224f65.u-224f65 {
    background: #f1f5f9;
    color: #334155;
    text-align: left;
    border-bottom: 1px solid #cbd5e1;
}

.u-7d02b4.u-7d02b4 {
    padding: 6px;
}

.u-caf8c5.u-caf8c5 {
    padding: 6px;
    text-align: center;
}

.u-04231c.u-04231c {
    padding: 6px;
    text-align: right;
}

.u-189bcd.u-189bcd {
    border-bottom: 1px solid #f1f5f9;
}

.u-7b0e5e.u-7b0e5e {
    color: #16a34a;
}

.u-5a2c8f.u-5a2c8f {
    color: #d97706;
}

.u-7137ee.u-7137ee {
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
}

.u-01ff5a.u-01ff5a {
    padding: 6px;
    font-weight: 800;
    color: #7c3aed;
}

.u-f4e65b.u-f4e65b {
    color: #2563eb;
    font-weight: 700;
}

.u-261a84.u-261a84 {
    padding: 6px;
    text-align: right;
    font-weight: 800;
}

.u-518b09.u-518b09 {
    color: #2563eb;
}

.u-3deb69.u-3deb69 {
    max-width: 900px;
    margin: 15px auto;
    padding: 0 10px;
}

.u-5c9085.u-5c9085 {
    font-size: 0.9rem;
}

.u-00ba55.u-00ba55 {
    color: #94a3b8;
    font-size: 0.75rem;
    margin: 0;
}

.u-003e6a.u-003e6a {
    align-items: center;
    gap: 6px;
}

.u-7fdc02.u-7fdc02 {
    font-size: 0.78rem;
    font-weight: 800;
    color: #0f172a;
}

.u-8bc32f.u-8bc32f {
    color: #475569;
}

.u-74fb4d.u-74fb4d {
    color: #d97706;
    font-weight: 700;
}

.u-c9761c.u-c9761c {
    color: #16a34a;
    font-weight: 700;
}

.u-5db75d.u-5db75d {
    font-weight: 700;
}

.u-f5c478.u-f5c478 {
    font-size: 1.8rem;
    color: #cbd5e1;
    margin-bottom: 6px;
}

.u-cbac50.u-cbac50 {
    background: #ffffff;
    border-radius: 12px;
    max-width: 400px;
    width: 90%;
    padding: 24px;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    border: 1px solid #cbd5e1;
}

.u-5d71d5.u-5d71d5 {
    color: #64748b;
    font-weight: 600;
}

.u-28bb8d.u-28bb8d {
    color: #059669;
    font-weight: 800;
}

.u-b4d880.u-b4d880 {
    gap: 10px;
    justify-content: center;
}

.u-d290e2.u-d290e2 {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    font-size: 0.58rem;
}

.u-adba48.u-adba48 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(4px);
}

.u-07c86a.u-07c86a {
    background: #ffffff;
    border-radius: 12px;
    max-width: 420px;
    width: 90%;
    padding: 24px;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    border: 1px solid #cbd5e1;
    animation: modalFadeIn 0.3s ease-out;
}

.u-4178ef.u-4178ef {
    width: 56px;
    height: 56px;
    background: #fee2e2;
    color: #dc2626;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px auto;
    font-size: 1.5rem;
}

.u-de43c0.u-de43c0 {
    margin: 0 0 8px 0;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 800;
}

.u-f267eb.u-f267eb {
    margin: 0 0 20px 0;
    color: #475569;
    font-size: 0.85rem;
    line-height: 1.5;
}

.u-5e64c6.u-5e64c6 {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.80rem;
    cursor: pointer;
}

.u-9bedad.u-9bedad {
    background: #2563eb;
    color: #ffffff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.80rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.u-b5fefd.u-b5fefd {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.u-319476.u-319476 {
    color: #334155;
    font-size: 1rem;
    margin-bottom: 4px;
}

.u-e8ec9b.u-e8ec9b {
    color: #64748b;
    font-size: 0.78rem;
    margin-bottom: 12px;
}

.u-52edf6.u-52edf6 {
    color: #4338ca;
}

.u-7d8078.u-7d8078 {
    flex-direction: column;
    gap: 2px;
}

.u-cc2fa7.u-cc2fa7 {
    color: #2563eb;
    font-weight: 800;
}

.u-5beb8f.u-5beb8f {
    margin-bottom: 12px;
}

.u-9130dc.u-9130dc {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    table-layout: fixed;
    font-size: 0.60rem;
}

.u-fae2b0.u-fae2b0 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0 auto;
    font-size: 0.60rem;
    font-weight: 700;
    line-height: 1.1;
}

.u-6424ba.u-6424ba {
    background: #15803d;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    width: calc(100% / 17);
}

.u-233362.u-233362 {
    background: #b91c1c;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    width: calc(100% / 17);
}

.u-f3fe42.u-f3fe42 {
    background: #2563eb;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-weight: 800;
    text-align: center;
    padding: 5px 0;
    font-size: 0.68rem;
    width: calc(100% / 17);
}

.u-e8e365.u-e8e365 {
    background: #ffffff;
    color: #0f172a;
    border: 1px solid #cbd5e1;
    height: 26px;
    text-align: center;
    width: calc(100% / 17);
    padding: 0;
}

.u-6ae5ad.u-6ae5ad {
    margin: 0 0 8px 0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
}

.u-5e71ff.u-5e71ff {
    margin: 0 0 20px 0;
    color: #475569;
    font-size: 0.85rem;
}

.u-7f6c69.u-7f6c69 {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
}

.u-ab9b87.u-ab9b87 {
    background: #dc2626;
    color: #ffffff;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
}

.u-ae0425.u-ae0425 {
    background: #ffffff;
    border-radius: 12px;
    max-width: 420px;
    width: 90%;
    padding: 24px;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    border: 1px solid #cbd5e1;
}

.u-95ec86.u-95ec86 {
    margin: 0 0 8px 0;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 800;
}

.u-02da33.u-02da33 {
    margin: 0 0 16px 0;
    color: #64748b;
    font-size: 0.85rem;
    line-height: 1.5;
}

.u-6e34a3.u-6e34a3 {
    color: #0f172a;
    font-weight: 800;
}

.u-cc862a.u-cc862a {
    color: #16a34a;
    font-weight: 800;
}

.u-6221b8.u-6221b8 {
    text-align: left;
    margin-bottom: 24px;
}

.u-5f98af.u-5f98af {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    outline: none;
    box-sizing: border-box;
    color: #0f172a;
}

.u-36cd2a.u-36cd2a {
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
    padding: 10px 30px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.9rem;
}

.u-aeed12.u-aeed12 {
    background: #2563eb;
    color: #ffffff;
    border: none;
    padding: 10px 30px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.9rem;
}

.u-0f10ba.u-0f10ba {
    max-width: 600px;
    margin: 10px auto;
    padding: 0 4px;
}

.u-e6a7f9.u-e6a7f9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.u-b5376b.u-b5376b {
    font-size: 1rem;
    margin: 0 0 4px 0;
}

.u-e19bf6.u-e19bf6 {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
}

.u-17c990.u-17c990 {
    display: block;
    font-weight: 700;
    font-size: 0.78rem;
    color: #334155;
    margin-bottom: 4px;
}

.u-f6e4f3.u-f6e4f3 {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.8rem;
    background: #f8fafc;
    outline: none;
    box-sizing: border-box;
    color: #1e293b;
}

.u-47e3b7.u-47e3b7 {
    margin-bottom: 15px;
}

.u-2a0ca8.u-2a0ca8 {
    margin: 0;
}

.u-9e79b6.u-9e79b6 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.u-937f20.u-937f20 {
    color: #64748b;
    font-size: 0.82rem;
    margin-bottom: 16px;
}

.u-7ec216.u-7ec216 {
    text-align: center;
    padding: 30px 15px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.u-53e1b1.u-53e1b1 {
    margin-bottom: 15px;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #fff;
}

.u-c0e80d.u-c0e80d {
    color: #94a3b8;
}

.u-9f1a23.u-9f1a23 {
    background-color: #fee2e2;
    color: #991b1b;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 0.78rem;
    border: 1px solid #fecaca;
}

.u-53cbd2.u-53cbd2 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 2px 0;
    color: #fff;
}

.u-a7e4ca.u-a7e4ca {
    color: #fef08a;
    font-size: 0.75rem;
    margin: 4px 0 0 0;
    font-weight: 700;
}

.u-f5e60c.u-f5e60c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.u-1ba463.u-1ba463 {
    text-align: center;
    padding: 35px 15px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    margin-top: 15px;
}

.u-01bab0.u-01bab0 {
    color: #1e293b;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.u-277c7e.u-277c7e {
    color: #7c3aed;
}

.u-128036.u-128036 {
    color: #dc2626;
}

.u-0a05e5.u-0a05e5 {
    font-size: 2.5rem;
    color: #0f766e;
    margin-bottom: 12px;
}

.u-f4a464.u-f4a464 {
    display: inline-block;
    background: #0f766e;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.85rem;
}

.u-70e017.u-70e017 {
    width: 56px;
    height: 56px;
    background: #dcfce7;
    color: #15803d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px auto;
    font-size: 1.6rem;
}

.u-ec420a.u-ec420a {
    margin-top: 15px;
    font-size: 0.75rem;
    color: #64748b;
    text-align: center;
}

.u-04616e.u-04616e {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

.u-8616c8.u-8616c8 {
    max-width: 900px;
    margin: 10px auto;
    padding: 0 4px;
}

.u-4996df.u-4996df {
    background: #ef4444;
    color: #fff;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 6px;
    font-size: 0.65rem;
}

.u-a3ef14.u-a3ef14 {
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.u-2783d5.u-2783d5 {
    background: #ffffff;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    margin-bottom: 10px;
}

.u-209732.u-209732 {
    font-weight: 800;
}

.u-862c7e.u-862c7e {
    flex-direction: column;
    gap: 12px;
}

.u-48a3cb.u-48a3cb {
    font-size: 0.82rem;
    font-weight: 800;
    color: #0f172a;
}

.u-3b80c6.u-3b80c6 {
    color: #059669;
}

.u-24a8f0.u-24a8f0 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0 auto;
}

.u-33cd92.u-33cd92 {
    background: #15803d;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-weight: 900;
    text-align: center;
    font-size: 0.68rem;
    width: calc(100% / 17);
}

.u-80aed4.u-80aed4 {
    background: #b91c1c;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-weight: 900;
    text-align: center;
    font-size: 0.68rem;
    width: calc(100% / 17);
}

.u-c1780d.u-c1780d,
.u-1f7af8.u-1f7af8,
.u-4369e2.u-4369e2,
.u-47ebf4.u-47ebf4,
.u-59d348.u-59d348 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}