:root {
    --ana: #2c3e50;
    --mavi: #34495e;
    --yesil: #27ae60;
    --hata: #e74c3c;
}

body { background: #f4f6f9; font-family: 'Inter', sans-serif; }

/* Login */
.login-container { height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.login-card { background: #fff; width: 360px; border-radius: 15px; border-top: 5px solid var(--ana); }

/* Dashboard Kartları */
.card { cursor: pointer; transition: 0.2s; border: none; border-radius: 12px; }
.card:hover { transform: translateY(-5px); background: #fdfdfd; box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }

/* Sayım Ekranı (Panel) */
#camera-area { height: 40vh; background: #000; position: relative; border-bottom: 3px solid var(--ana); }
.floating-panel { 
    height: 60vh; background: #fff; border-radius: 25px 25px 0 0; 
    padding: 20px; overflow-y: auto; box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
}
.panel-handle { width: 40px; height: 4px; background: #ddd; margin: 0 auto 15px; border-radius: 2px; }

/* Envanter Kartları */
.inventory-card { 
    background: #fff; border-radius: 10px; padding: 12px; margin-bottom: 10px;
    border-left: 6px solid #ccc; transition: 0.3s; cursor: pointer; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #ddd;
}
.inventory-card.sayildi { border-left-color: var(--yesil); background: #f0fff4; }
.serial-tag { font-size: 11px; background: #f0f0f0; padding: 2px 6px; border-radius: 4px; color: #555; font-weight: bold; }