*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#222}.topbar{height:58px;background:#1f2937;color:#fff;display:flex;align-items:center;gap:20px;padding:0 18px}.topbar a{color:#fff;margin-left:auto;text-decoration:none;background:#dc2626;padding:8px 12px;border-radius:8px}.layout{display:flex;gap:16px;padding:16px;align-items:stretch}.left-products{width:30%;background:#fff;border-radius:14px;padding:14px;min-height:calc(100vh - 90px);box-shadow:0 4px 14px rgba(0,0,0,.06);align-self:stretch}.right-panel{width:70%;display:flex;flex-direction:column;gap:16px}.box{background:#fff;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(0,0,0,.06)}h2{margin:0 0 12px;font-size:20px}.filter{display:inline-block;margin-bottom:10px;text-decoration:none;background:#e5e7eb;color:#111;padding:7px 10px;border-radius:8px}.product-card{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:10px;padding:10px;background:#fafafa}
.product-list-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.product-list-image{width:70px;height:70px;min-width:70px;border:1px solid #e5e7eb;border-radius:10px;background:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#777;font-size:11px;text-align:center}
.product-list-image img{width:100%;height:100%;object-fit:cover;display:block}
.product-list-info{flex:1;min-width:0}
.product-list-info .product-title{margin-bottom:0;line-height:1.25}
.product-title{font-weight:bold;margin-bottom:8px}.mini-info{display:flex;justify-content:space-between;align-items:center;gap:10px}.price,.sale-box strong{color:#0f9f44;font-size:18px;font-weight:bold}.action-row{display:flex;gap:7px;margin-top:10px}.btn,button{border:0;border-radius:8px;padding:8px 10px;text-decoration:none;cursor:pointer;font-weight:bold}.edit{background:#2563eb;color:#fff}.detail{background:#f59e0b;color:#111}.danger{background:#dc2626;color:#fff;display:inline-block;margin-top:8px}.detail-box{display:none;margin-top:10px;background:#fff;border:1px dashed #d1d5db;border-radius:10px;padding:10px;font-size:13px}.detail-box.open{display:block}.thumbs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.thumbs span{position:relative}.thumbs img{width:55px;height:55px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.thumbs a{position:absolute;right:-5px;top:-5px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;text-align:center;text-decoration:none;font-size:12px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.cat-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;text-decoration:none;color:#111;background:#f3f4f6;border:1px solid #e5e7eb;padding:12px;border-radius:12px;font-weight:bold;transition:.2s}.cat-item b{background:#111827;color:#fff;border-radius:999px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:0 8px}.cat-item.active{background:#bbf7d0;border-color:#16a34a;color:#064e3b;box-shadow:0 0 0 2px rgba(22,163,74,.15)}.cat-item.active b{background:#16a34a;color:#fff}.cat-item small{display:block;width:100%;font-weight:normal;color:#666;margin-top:5px}.cat-item.active small{color:#166534}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{font-weight:bold;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:5px;padding:10px;border:1px solid #d1d5db;border-radius:8px}.form-grid textarea{min-height:80px}.full{grid-column:1/-1}.sale-box{background:#dcfce7;border:2px solid #16a34a;padding:14px;border-radius:12px;font-size:19px}.form-grid button{background:#16a34a;color:#fff}.cat-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.cat-actions span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.cat-actions a{margin-left:6px}.toast{margin:12px 16px;background:#ecfdf5;color:#065f46;border:1px solid #10b981;padding:10px;border-radius:10px}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111827}.login-box{width:360px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 35px rgba(0,0,0,.25)}.login-box h1{margin:0 0 5px}.login-box label{display:block;margin-top:12px;font-weight:bold}.login-box input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-top:5px}.login-box button{width:100%;background:#16a34a;color:white;margin-top:15px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;margin:10px 0}@media(max-width:900px){.layout{flex-direction:column}.left-products,.right-panel{width:100%}.form-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;height:auto;padding:12px}.topbar a{margin-left:0}}

.form-grid label small{display:block;color:#6b7280;font-size:12px;margin-top:3px;margin-bottom:5px;font-weight:400}
#barkodInput{border:2px solid #2563eb;background:#f8fbff;font-weight:700;letter-spacing:1px}

.product-summary-info {
    gap: 6px;
}
.product-summary-info span {
    display: block;
    margin-bottom: 4px;
    line-height: 1.25;
}
.product-summary-info .price {
    display: inline-block;
    font-weight: 700;
}
.cat-item-wrap{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:0;overflow:hidden;transition:.2s}.cat-item-wrap.active{background:#bbf7d0;border-color:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.15)}.cat-item-wrap .cat-item{border:0;border-radius:0;background:transparent}.cat-card-buttons{display:flex;gap:8px;padding:0 12px 12px}.cat-card-buttons a{flex:1;text-align:center;text-decoration:none;border-radius:8px;padding:7px 8px;font-weight:bold;font-size:13px}.cat-edit{background:#2563eb;color:#fff}.cat-delete{background:#dc2626;color:#fff}

.admin-menu{display:flex;align-items:center;gap:8px;margin-left:12px}.admin-menu a{color:#fff;text-decoration:none;background:#374151;padding:9px 13px;border-radius:9px;font-weight:bold}.admin-menu a.active,.admin-menu a:hover{background:#16a34a;color:#fff}.topbar .logout-link{margin-left:auto;background:#dc2626}.topbar>a:not(.logout-link){margin-left:0}.page-container{padding:16px}.page-box{min-height:calc(100vh - 90px)}.page-box h1{margin:0 0 10px;font-size:28px}.page-desc{color:#4b5563;margin:0 0 18px}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.placeholder-grid div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.placeholder-grid b{display:block;font-size:18px;margin-bottom:8px}.placeholder-grid span{color:#6b7280}@media(max-width:900px){.admin-menu{order:3;width:100%;margin-left:0;overflow:auto}.admin-menu a{white-space:nowrap}.placeholder-grid{grid-template-columns:1fr}.topbar .logout-link{margin-left:0}}
.admin-table{width:100%;border-collapse:collapse;background:#fff;margin-top:12px}.admin-table th,.admin-table td{border:1px solid #e5e7eb;padding:9px;text-align:left}.admin-table th{background:#f3f4f6}.admin-table a{font-weight:bold;color:#2563eb;text-decoration:none}

.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 20px;}
.summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px;}
.summary-card span{font-size:13px;color:#64748b;}
.summary-card b{font-size:20px;color:#111827;}
.summary-card.green{background:#e8f8ee;border-color:#bbf7d0;}
.summary-card.green b{color:#16803a;}
@media(max-width:768px){.summary-grid{grid-template-columns:1fr;}}
.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e8f5e9;color:#2e7d32}.status-return{background:#ffebee;color:#c62828}.status-ok{background:#e8f5e9;color:#2e7d32}.small-danger{border:0;background:#e53935;color:#fff;border-radius:6px;padding:7px 10px;cursor:pointer;font-weight:700}.small-danger:hover{background:#c62828}

/* Günlük satış toplamları */
.section-title{
    margin:18px 0 10px;
    font-size:18px;
    color:#222;
}
.daily-sales-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:10px;
    margin-bottom:18px;
}
.daily-sale-card{
    border:1px solid #e5e5e5;
    border-radius:10px;
    padding:12px;
    background:#f8fff8;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
}
.daily-sale-card strong{
    display:block;
    font-size:16px;
}
.daily-sale-card small{
    color:#666;
}
.daily-sale-total{
    font-weight:700;
    font-size:18px;
    color:#168a32;
}
.daily-sale-return{
    width:100%;
    font-size:13px;
    color:#b00020;
}
.empty-box{
    border:1px dashed #ccc;
    padding:15px;
    border-radius:10px;
    background:#fafafa;
    color:#666;
}



/* 1:1 kare ürün görselleri ve büyütülmüş satış ürün kartları */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;}
.sale-product{min-height:420px !important;display:flex;flex-direction:column;}
.product-gallery{width:100% !important;aspect-ratio:1 / 1 !important;height:auto !important;min-height:0 !important;overflow:hidden !important;}
.product-gallery img,.product-gallery .no-img,.sale-product img,.sale-product .no-img{width:100% !important;height:100% !important;aspect-ratio:1 / 1 !important;object-fit:contain !important;background:#f5f7fa !important;border-radius:12px !important;}
.product-gallery .no-img{display:flex !important;align-items:center !important;justify-content:center !important;}
.sale-product h3{font-size:13px !important;min-height:34px;}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.sale-product{min-height:auto !important}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr 1fr !important}.sale-product h3{font-size:12px !important}.product-gallery img,.product-gallery .no-img{height:100% !important}}

.form-grid .check-opt{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-weight:700;min-height:42px;box-sizing:border-box}.form-grid .check-opt input{width:auto;margin:0;transform:scale(1.1)}


